section 2.2 Dreamweaver的工作流程

导读

Dreamweaver的工作流程包括规划和设置站点、组织和管理站点文件、设计网页布局、向页面添加内容、通过手动编码创建页面、针对动态内容设置Web应用程序、创建动态页面以及测试与发布等步骤。

Dreamweaver的工作流程具有普遍性，下面详细介绍Dreamweaver工作流程各步骤的操作。

1 规划和设置站点

确定将在哪里发布文件，检查站点要求、访问者情况以及站点目标。此外，还应考虑诸如用户访问以及浏览器、插件和下载限制等技术要求。在组织好信息并确定结构后，就可以开始创建站点了。

2 组织和管理站点文件

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

3 设计网页布局

选择准备使用的布局方法，或综合使用Dreamweaver布局选项创建站点的外观。用户可以使用Dreamweaver AP元素、CSS定位样式或预先设计的CSS布局来创建布局。利用表格工具，可以通过绘制并重新安排页面结构来快速地设计页面。如果想要同时在浏览器中显示多个元素，可以使用框架来设计文档的布局。最后，用户还可以基于Dreamweaver模板创建新的页面，然后在模板更改时自动更新这些页面的布局。

4 向页面添加内容

Dreamweaver可以为网页添加资源和设计元素，如文本、图像、鼠标经过图像、图像地图、颜色、影片、声音、HTML链接和跳转菜单等。可以对标题和背景等元素使用内置的页面创建功能，在页面中直接输入，或者从其他文档中导入内容。Dreamweaver还提供相应的行为以便为响应特定的事件而执行任务。此外，Dreamweaver还提供了工具来最大限度地提高Web站点的性能，并测试页面以确保能够兼容不同的Web浏览器。

5 通过手动编码创建页面

手动编写页面的代码是创建页面的另一种方法。Dreamweaver提供了易于使用的可视化编辑工具，但同时也提供了高级的编码环境。

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

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

7 创建动态页面

在Dreamweaver中，用户可以定义动态内容的多种来源，其中包括从数据库提取的记录集、表单参数和JavaBeans组件。若要在页面上添加动态内容，只需将该内容拖动到页面上即可。

用户可以通过设置页面来同时显示一个或多个记录，显示多页记录，添加用于在记录页之间来回移动的特殊链接，以及创建记录计数器来帮助用户跟踪记录。用户还可以使用Adobe ColdFusion和Web服务等技术封装应用程序或业务逻辑。如果需要更多的灵活性，则可以创建自定义服务器行为和交互式表单。

8 测试与发布

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