第03章文档操作.ppt
《第03章文档操作.ppt》由会员分享,可在线阅读,更多相关《第03章文档操作.ppt(28页珍藏版)》请在三一文库上搜索。
1、第3章 文 档 操 作,当用户创建了本地站点后,就可以创建文档并将其保存在站点文件夹中。在创建和编辑文档时,Dreamweaver 8会自动生成文档的HTML代码和JavaScript代码,使用Dreamweaver代码编辑器可以测试和编辑这些代码。本章将主要介绍Dreamweaver 8创建不同类型文档的方法,以及网页制作的常用操作。其中包括设置页面属性、使用颜色、使用“标尺”、“网格”和跟踪图像等,以及头部内容的查看与编辑。,通过本章的理论学习和上机实训,读者应了解和掌握以下内容: 创建、打开和保存文档 设置文档属性 使用颜色 在文档窗口中选择元素 使用可视化向导设计网页 查看和编辑头部内
2、容,本章章节内容安排如下: 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文件及各种纯
3、文本文件。实际上,Dreamweaver 8可以打开所有与网页制作相关的文件。 创建新的空白文档 创建基于Dreamweaver设计文件的文档 创建模板文档 打开与保存文档,创建新的空白文档,用户要在Dreamweaver 8的文档窗口中创建一个空白文档,可以选择“文件”“新建”命令或按下Ctrl+N快捷键,在打开的“新建文档”对话框中选择要创建的文档类型,如下图所示。,创建基于Dreamweaver设计文件的文档,与其他常用软件一样,Dreamweaver 8也附带了多种以专业水准开发的页面布局和设计元素文件。用户可在“新建文档”对话框中选择合适的设计文件作为自己所要设计页面的“模板”。 设
4、计文件包括具有辅助功能标准的文档和模板、基于表格的页面布局文档和 CSS 样式表。对于“CSS 样式表”、“框架集”、“页面设计”和“页面设计(有辅助功能的)”类别中的项目,可在“新建文档”对话框中预览文档并阅读关于文档设计元素的简要说明。,创建模板文档,Dreamweaver模板是一种特殊类型的文档,用于创建具有相同页面布局的统一页面。模板设计者通过设计页面布局,并在模板中设置可进行编辑的区域供用户使用。 创建空白模板:在文档窗口中,选择“文件”“新建”命令或按下Ctrl+N快捷键,打开“新建文档”对话框,在“类别”列表框中选择“基本页”选项,然后在 “基本页”列表框中选择“HTML模板”选
5、项,并单击“创建”按钮。 创建基于现存文档的模板:在文档窗口中,选择“文件”“新建”命令或按下Ctrl+N快捷键,打开“新建文档”对话框,在“类别”列表框中选择 “页面设计(有辅助功能的)”选项,然后在“网页设计”列表框中选择所需的选项,在“创建”选项区域中选择“模板”单选按钮,并单击“创建”按钮。,打开与保存文档,在Dreamweaver 8中要打开现有文档,可以选择“文件”|“打开”命令或按下Ctrl+O快捷键,打开“打开”对话框,在“文件类型”下拉列表框中选择要打开的文件类型,然后选择一个已存在的文档,如下图所示。,在Dreamweaver 8中保存文档有两种情况。如果是第一次保存,可以
6、选择“文件”|“保存”命令或按下Ctrl+S快捷键,打开“另存为”对话框,如图3-5所示,在对话框中选择文档存放位置并输入文件名称,单击“保存”按钮即可。,3.2 设置文档属性,文档的属性包括页面标题、背景图像、背景颜色、文本和链接颜色、边距等。其中,“页面标题”确定和命名了文档的名称,“背景图像”和“背景颜色”决定了文档显示的外观,“文本颜色”和“链接颜色”帮助站点访问者区别文本和超文本链接等。 要设置文档的属性,可以选择“修改”|“页面属性”命令,打开“页面属性”对话框,如下图所示。,3.3 使 用 颜 色,颜色是美化页面不可缺少的部分,使用Dreamweaver 8可以非常方便地修改各种
7、网页元素的颜色。 在Dreamweaver 8中设置颜色有两种方法。其中,使用“颜色选择器”是最常用的方法。在Dreamweaver 8中,很多对话框和属性检查器一样,都包含了可打开“颜色选择器”的颜色框,使用“颜色选择器”可以设置页面元素的颜色。 了解网页安全色 定义默认文本颜色,了解网页安全色,在 HTML 的定义中,颜色可以表示成十六进制值(如#FF0000)或者表示为颜色名称(如red、green等)。网页安全色是指在以256色模式运行时,无论在 Windows 系统的Microsoft Internet Explorer 中,还是在 Macintosh 系统的Netscape Nav
8、igator 中都显示相同的颜色。根据传统经验,共有 216 种常见颜色,任何结合了 00、33、66、99、CC和FF(对应RGB的相应值分别为 0、51、102、153、204 和 255)的十六进制值都代表网页安全色。 Dreamweaver 8中的“立方色”和“连续色调”调色板使用的都是216色的网页安全调色板,从这些调色板中选择颜色会显示颜色的十六进制值。,定义默认文本颜色,在Dreamweaver 8中要定义默认文本的颜色,可以打开“页面属性”对话框,在对话框左侧的“分类”列表框中选择“外观”和“链接”选项,分别设置关于文本和链接的颜色参数。,3.4 在文档窗口中选择元素,选择元素
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 03 文档 操作
链接地址:https://www.31doc.com/p-2503872.html