第03章文档操作.pptVIP

第3章 文 档 操 作 当用户创建了本地站点后，就可以创建文档并将其保存在站点文件夹中。在创建和编辑文档时，Dreamweaver 8会自动生成文档的HTML代码和JavaScript代码，使用Dreamweaver代码编辑器可以测试和编辑这些代码。本章将主要介绍Dreamweaver 8创建不同类型文档的方法，以及网页制作的常用操作。其中包括设置页面属性、使用颜色、使用“标尺”、“网格”和跟踪图像等，以及头部内容的查看与编辑。 通过本章的理论学习和上机实训，读者应了解和掌握以下内容: 创建、打开和保存文档 设置文档属性 使用颜色 在文档窗口中选择元素 使用可视化向导设计网页 查看和编辑头部内容 本章章节内容安排如下: 3.1 创建、打开和保存文档 3.2 设置文档属性 3.3 使用颜色 3.4 在文档窗口中选择元素 3.5 使用可视化向导设计网页 3.6 查看和编辑头部文件 3.7 思考与练习 3.1 创建、打开和保存文档 Dreamweaver 8提供了多种创建文档的方法，用户可以创建一个新的空白HTML文档，或使用模板创建新文档。同时，Dreamweaver 8提供了功能强大的“新建文档”对话框来满足用户创建不同类型的文档的需求。 在Dreamweaver 8中，用户除了打开常用的HTML文本文件外，还可以打开很多相关类型的文件，如JavaScript文件、XML文件及各种纯文本文件。实际上，Dreamweaver 8可以打开所有与网页制作相关的文件。 创建新的空白文档 创建基于Dreamweaver设计文件的文档 创建模板文档 打开与保存文档 创建新的空白文档 用户要在Dreamweaver 8的文档窗口中创建一个空白文档，可以选择“文件”｜“新建”命令或按下Ctrl+N快捷键，在打开的“新建文档”对话框中选择要创建的文档类型，如下图所示。 创建基于Dreamweaver设计文件的文档 与其他常用软件一样，Dreamweaver 8也附带了多种以专业水准开发的页面布局和设计元素文件。用户可在“新建文档”对话框中选择合适的设计文件作为自己所要设计页面的“模板”。 设计文件包括具有辅助功能标准的文档和模板、基于表格的页面布局文档和 CSS 样式表。对于“CSS 样式表”、“框架集”、“页面设计”和“页面设计(有辅助功能的)”类别中的项目，可在“新建文档”对话框中预览文档并阅读关于文档设计元素的简要说明。 创建模板文档 Dreamweaver模板是一种特殊类型的文档，用于创建具有相同页面布局的统一页面。模板设计者通过设计页面布局，并在模板中设置可进行编辑的区域供用户使用。 创建空白模板：在文档窗口中，选择“文件”｜“新建”命令或按下Ctrl+N快捷键，打开“新建文档”对话框，在“类别”列表框中选择“基本页”选项，然后在 “基本页”列表框中选择“HTML模板”选项，并单击“创建”按钮。 创建基于现存文档的模板：在文档窗口中，选择“文件”｜“新建”命令或按下Ctrl+N快捷键，打开“新建文档”对话框，在“类别”列表框中选择 “页面设计(有辅助功能的)”选项，然后在“网页设计”列表框中选择所需的选项，在“创建”选项区域中选择“模板”单选按钮，并单击“创建”按钮。 打开与保存文档 在Dreamweaver 8中要打开现有文档，可以选择“文件”|“打开”命令或按下Ctrl+O快捷键，打开“打开”对话框，在“文件类型”下拉列表框中选择要打开的文件类型，然后选择一个已存在的文档，如下图所示。 在Dreamweaver 8中保存文档有两种情况。如果是第一次保存，可以选择“文件”|“保存”命令或按下Ctrl+S快捷键，打开“另存为”对话框，如图3-5所示，在对话框中选择文档存放位置并输入文件名称，单击“保存”按钮即可。 3.2 设置文档属性 文档的属性包括页面标题、背景图像、背景颜色、文本和链接颜色、边距等。其中，“页面标题”确定和命名了文档的名称，“背景图像”和“背景颜色”决定了文档显示的外观，“文本颜色”和“链接颜色”帮助站点访问者区别文本和超文本链接等。 要设置文档的属性，可以选择“修改”|“页面属性”命令，打开“页面属性”对话框，如下图所示。 3.3 使 用 颜 色 颜色是美化页面不可缺少的部分，使用Dreamweaver 8可以非常方便地修改各种网页元素