网页设计与制作项目教学课件王君学孙海伦金哲第3章节教案项目3文本编辑──编排数码摄影知识网页.pptVIP

项目三 文本编辑──编排数码摄影知识网页 在这一项目中，主要通过制作一个编排数码摄影知识网页，介绍在Dreamweaver 8中对网页文本进行格式化的基本方法。在项目中，将按添加文本、编排文本格式、完善网页的顺序进行介绍。 任务一 网页文本的编辑 （2）在菜单栏中选择【文件】／【新建】命令，打开【新建文档】对话框 （3）在【常规】选项卡的【类别】列表框中选择【基本页】分类，在【基本页】列表框中选择【HTML】选项，在【文档类型】下拉列表中选择【HTML 4.01 Transitional】选项，然后单击创建按钮，创建一个新文档。 （4）在菜单栏中选择【文件】／【另存为】命令，打开【另存为】对话框。把文件保存在站点中，设置文件名为“index.htm” 。 （5）在文档中输入文档标题“关于摄影”，然后按Enter键把鼠标光标移到下一段正文部分。继续输入正文内容，请参照“项目素材”文件夹中的“关于摄影.doc”文件内容。 （6）正文输入完成后，按Enter 键分段。输入“摄影术语”。然后按Enter键把鼠标光标移到下一段，在菜单栏中选择【文件】／【导入】／【Word文档】命令，打开【导入Word文档】对话框，选择“项目素材”文件夹中的“摄影术语.doc”文件，在【格式化】下拉列表中选择第3项。 （7）单击打开按钮，把Word文档内容导入到网页文档中 。 （8）按Enter键，把鼠标光标移到下一段，然后打开“项目素材”文件夹中的“摄影的分类.doc”文档，全选并复制所有文本。 （9）在Dreamweaver 8的菜单栏中选择【编辑】／【选择性粘贴】命令，打开【选择性粘贴】对话框，在【粘贴为】选项中选择第3项，取消对【清理Word段落间距】复选框的勾选 。 （10）单击确定按钮，把Word文档内容粘贴到Dreamweaver 8文档中。 任务二 编排文本格式 （一）设置文档标题格式 （1）把鼠标光标置于文档标题“关于摄影”所在行，然后在【属性】面板的【格式】下拉列表中选择【标题2】选项 。 （2）在【属性】面板中单击页面属性按钮，打开【页面属性】对话框，然后在【分类】列表中选择【标题】分类，重新定义标题字体和“标题2”的大小和颜色 （二）设置正文格式 （1）在【属性】面板中单击页面属性按钮，打开【页面属性】对话框，在【外观】分类中定义页面文本的字体、大小和颜色 。 （2）单击按钮，关闭对话框，这时文本的格式发生了变化 。 （4）选择文本“摄影的分类”，然后在【属性】面板的【格式】下拉列表中选择【标题2】选项，然后在【属性】面板中单击（居中对齐）按钮，使标题居中显示。将鼠标光标分别置于“记录摄影”、“艺术摄影”、“画意摄影”所在行，然后在【属性】面板的【样式】下拉列表中选择【STYLE1】选项 。 （5）将鼠标光标置于文本“摄影之所以诞生，就是为了……”所在行，在【属性】面板中单击（项目列表）按钮，使文本按照项目列表方式排列，然后运用同样的方法设置其他类似的文本 。 （6）选择“摄影的分类”及其以下的所有文本，然后在【属性】面板中单击（文本缩进）按钮，使文本向内缩进1次 。 （7）在菜单栏中选择【文件】／【保存】命令，再次保存文件。 任务三 完善网页 实训 站点的管理 本项目主要介绍了编排文本的基本方法，本实训将让读者进一步巩固所学的基本知识。 要求：把“项目实训\素材”文件夹下的word文档内容复制粘贴到网页文档中，然后进行格式设置 小结 本项目涉及的知识点概括起来主要有：（1）添加文本的方式，包括直接输入、复制粘贴和导入；（2）【页面属性】的设置，包括页面字体、文本大小、文本颜色、背景图像、页边距、文档标题格式的重新定义、浏览器标题等；（3）文本【属性】面板的使用，包括标题格式、文本字体、文本大小、文本颜色、对齐方式、文本样式、项目列表和编号列表、文本缩进和凸出等；（4）插入水平线和日期的方法。 总之，本项目介绍的内容是最基础的知识，希望读者多加练习，为后续的学习打下基础。 （7）在【属性】面板中单击页面属性按钮，打开【页面属性】对话框，在【标题/编码】分类的【标题】文本框输入文本“数码摄影”，然后单击按钮，关闭对话框 制作“送孟浩然之广陵”网页 * * 尚辅网 / 任务一 网页文本的编辑 任务二 编排文本格式 实 训 设置“摄影器材的介绍”文档格式 任务三 完善网页 （1）