Dreamweaver 8制作教程.ppt

Dreamweaver 8网页设计 厦门软件学院 熊锡义 2007年3月 第一章Dreamweaver 8基础 1.1 Dreamweaver 8简介 Macromedia Dreamweaver 8 是当前功能最强大、使用最广泛的专业网页设计软件，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。 利用 Dreamweaver 中的可视化编辑功能，用户可以快速地创建页面而无需编写任何代码。用户可以查看所有站点元素或资源，并将它们从易于使用的面板直接拖到文档中。用户可以在 Macromedia Fireworks 或其他图形应用程序中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者添加 Macromedia Flash 对象，从而优化用户的开发工作流程。 Dreamweaver 还提供了功能全面的编码环境。 Dreamweaver 还使用户可以使用服务器技术（如 CFML、ASP.NET、ASP、JSP 和 PHP）生成由动态数据库支持的 Web 应用程序。 Dreamweaver 可以完全自定义。 1.2 Dreamweaver 8的工作环境 1.2.1工作区 1.关于集成工作区 在 Windows 中，Dreamweaver 提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板都被集成到一个更大的应用程序窗口中。如图1-1所示。Dreamweaver 工作区可以查看文档和对象属性。工作区还将许多常用操作放置于工具栏中，可以快速更改文档。 图1-1设计器集成工作区布局 2.选择工作区布局 在 Windows 中，可以选择＂设计器＂和＂编码器＂工作区布局。首次启动 Dreamweaver 时，会出现一个对话框让用户选择一种工作区布局。可以随时切换到不同的工作区，如图1-2所示。 设计器是默认的集成工作区，其中全部＂文档＂窗口和面板被集成在一个较大的应用程序窗口中，并将面板组停靠在右侧。 编码器同样是集成的工作区，但是将面板组停靠在左侧。 若要在首次启动 Dreamweaver 时选择一种工作区样式，执行以下操作： 1) 选择以下布局之一： 设计器。 编码器。 2) 单击＂确定＂。 3.更改工作区布局 用户可以从中选择一种工作区布局。如果不熟悉编写代码，选择“设计器”。如果以后想更改工作区可以直接通过“窗口”菜单中的“工作区布局”来实现，如图1-2所示。 4.Dreamweaver 工作区元素 1）＂菜单＂栏 Dreamweave 8的“菜单”共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。如图1-4所示。其中，编辑菜单里提供了对Dreamweaver菜单中首选参数的访问。 ＂菜单＂栏  　　文件：用来管理文件。例如新建、打开、保存、另存为、导入、输出打印等。 　　编辑：用来编辑文本。例如剪切、复制、粘贴、查找、替换和首选参数设置等。 　　查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 　　插入：用来插入各种元素。例如图片、多媒体组件、表格、框架及超级链接等。 　　修改：具有对页面元素修改的功能，例如在表格中插入表格、拆分、合并单元格，对其对象等。 　　文本：用来对文本操作。例如设置文本格式等。 　　命令：所有的附加命令项。 　　站点：用来创建和管理站点。 　　窗口：用来显示和隐藏控制面板以及切换文档窗口。如选择插入可以显示插入面版。选择属性可以显示属性面版。按F4可以隐藏面版。 　　帮助：联机帮助功能。例如按下F1键，就会打开电子帮助文本。 “常规”首选参数 “常规”首选参数控制 Dreamweaver 的常规外观,设置 Dreamweaver 的“常规”首选参数: (1) 选择“编辑”“首选参数”。 出现“首选参数”对话框，其中显示了“常规”首选项类别。 (2) 设置首选参数选项。 (3) 单击“确定”。 设置“常规”首选参数: “常规”首选参数 (1) 显示起始页：用于在启动 Dreamweaver 或没有打开任何文档时显示 Dreamweaver 起始页。 (2) 启动时重新打开文档：打开在关闭 Dreamweaver 时处于打开状态的任何文档。如果未选择此选项，Dreamweaver 会在启动时显示起始页或空白屏幕（这取决于“显示起始页”设置）。 (3) 打开只读文件时发出警告：在打开只读文件（锁定的文件）时发出警告。提供了解锁/取出文件、查看文件或取消的选项。 (4) 移动文件时更新链接：确定当移动、重命名或删除站点中的文档时 Dreamweaver 所执行的操作。可以将该参数设置为总是自动更新链接、从不更新链接或提示执行更新。 (5)更改工作区：可以选择“设计器