1.1.2 工作流程

通常可以使用Dreamweaver CS6按照下面的工作流程来创建和设计站点。

一、规划和设置站点

首先要明确在哪里发布文件,检查站点建设要求、浏览者情况以及站点建设目标,然后还要考虑诸如用户访问以及浏览器、插件和下载限制等技术要求。在组织好站点内容并确定站点结构后,就可以开始创建Dreamweaver站点了。

二、组织和管理站点文件

在Dreamweaver CS6中,使用【文件】面板可以方便地添加、删除、重命名文件和文件夹,以便根据需要更改站点组织结构。在【文件】面板中还有许多工具,可以利用它们管理站点,如向远程服务器或从远程服务器传输文件,设置“存回/取出”过程来防止文件被覆盖以及同步本地和远程站点上的文件等。使用【资源】面板可以方便地组织站点中的资源,可以将大多数资源直接从【资源】面板拖到Dreamweaver文档中。

三、设计网页布局

确定要使用的网页布局技术,可以使用CSS+DIV布局技术来设计网页,也可以使用表格工具来快速地设计页面。如果希望在浏览器中同时显示多个页面,可以使用框架技术来设计文档布局。还可以基于Dreamweaver模板创建页面,在模板更改时自动更新通过模板创建的页面。

四、向页面添加内容

向页面添加资源和设计元素,如文本、图像、鼠标经过图像、图像地图、颜色、影片、声音、HTML链接及跳转菜单等。Dreamweaver还提供相应的行为,以便为响应特定的事件而执行任务,例如在浏览者单击具有“提交”功能的按钮时验证表单,在主页加载完毕时打开另一个浏览器窗口等。

五、通过手动编码创建页面

手动编写代码是创建页面的另一种方法。Dreamweaver提供了易于使用的可视化编辑工具,也提供了高级的编码环境,可以使用任一种方法或同时采用这两种方法来创建和编辑页面。

六、针对动态内容设置Web应用程序

许多站点都包含了动态页,动态页使浏览者能够查看存储在数据库中的信息,并且一般会允许某些浏览者在数据库中添加新信息或编辑信息。如果要创建此类页面,就必须先设置Web 服务器和应用程序服务器,创建或修改Dreamweaver站点,然后连接到数据库。

七、创建动态页

在Dreamweaver中,可以定义动态内容的多种来源,其中包括从数据库提取的记录集、表单参数等。如果要在页面上添加动态内容,只需将该内容拖动到页面上即可。可以通过设置页面来同时显示一个或多个记录,显示多页记录时,可以添加用于在记录页之间来回移动的特殊链接以及创建记录计数器来帮助用户跟踪记录。

八、测试页面和发布站点

测试页面是在整个开发周期中进行的一个持续的过程。最后,要在服务器上发布创建的站点。许多开发人员还会安排定期的维护,以确保站点保持最新并且工作正常。