您所在位置：网站首页 > 高等教育 > 大学课件网页设计与制作项目教学教学课件 ppt 王君学孙海伦金哲第3章教案项目3 文本编辑──编排数码摄影知识网页

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

32页

卖家[上传人]：E****

文档编号：89492173

上传时间：2019-05-25

文档格式：PPT

文档大小：547KB

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

10 金贝

/ 32 举报版权申诉马上下载

文本预览

下载提示

常见问题

1、,项目三文本编辑编排数码摄影知识网页,任务一网页文本的编辑,任务二编排文本格式,实训设置“摄影器材的介绍”文档格式,任务三完善网页,在这一项目中，主要通过制作一个编排数码摄影知识网页，介绍在Dreamweaver 8中对网页文本进行格式化的基本方法。在项目中，将按添加文本、编排文本格式、完善网页的顺序进行介绍。,任务一网页文本的编辑,（1）首先在Dreamweaver 8中定义一个本地静态站点，然后把“项目素材”文件夹中的相关素材复制到站点根文件夹下。,（2）在菜单栏中选择【文件】【新建】命令，打开【新建文档】对话框,（3）在【常规】选项卡的【类别】列表框中选择【基本页】分类，在【基本页】列表框中选择【HTML】选项，在【文档类型】下拉列表中选择【HTML 4.01 Transitional】选项，然后单击创建按钮，创建一个新文档。,（4）在菜单栏中选择【文件】【另存为】命令，打开【另存为】对话框。把文件保存在站点中，设置文件名为“index.htm” 。,（5）在文档中输入文档标题“关于摄影”，然后按Enter键把鼠标光标移到下一段正文部分。继续输入正文内容，请参照“项

2、目素材”文件夹中的“关于摄影.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）在【属性】面板中单击页面

3、属性按钮，打开【页面属性】对话框，然后在【分类】列表中选择【标题】分类，重新定义标题字体和“标题2”的大小和颜色,（3）单击确定按钮，关闭对话框，然后在【属性】面板中单击（居中对齐）按钮，使标题居中显示。,（二）设置正文格式,（1）在【属性】面板中单击页面属性按钮，打开【页面属性】对话框，在【外观】分类中定义页面文本的字体、大小和颜色。,（2）单击按钮，关闭对话框，这时文本的格式发生了变化。,（3）选择文本“摄影术语”，然后在【属性】面板的【格式】下拉列表中选择【标题2】选项，然后在【属性】面板中单击（居中对齐）按钮，使标题居中显示。选择“摄影术语”下方正文部分，在【属性】面板的【字体】下拉列表中选择【幼圆】选项，在【大小】下拉列表中选择【14像素】选项，在【颜色】文本框中输入“#FF0000”，然后单击（斜体）按钮使文本斜体显示,（4）选择文本“摄影的分类”，然后在【属性】面板的【格式】下拉列表中选择【标题2】选项，然后在【属性】面板中单击（居中对齐）按钮，使标题居中显示。将鼠标光标分别置于“记录摄影”、“艺术摄影”、“画意摄影”所在行，然后在【属性】面板的【样式】下拉列表中选择

4、【STYLE1】选项。,（5）将鼠标光标置于文本“摄影之所以诞生，就是为了”所在行，在【属性】面板中单击（项目列表）按钮，使文本按照项目列表方式排列，然后运用同样的方法设置其他类似的文本。,（6）选择“摄影的分类”及其以下的所有文本，然后在【属性】面板中单击（文本缩进）按钮，使文本向内缩进1次。,（7）在菜单栏中选择【文件】【保存】命令，再次保存文件。,任务三完善网页,（1）在【属性】面板中单击页面属性按钮，打开【页面属性】对话框，在【外观】分类中设置背景图像为“images/数码摄影.jpg”，“不重复”，左右边距均为“50像素”，上边距为“260像素”,（2）单击确定按钮。出现下图：,（3）将鼠标光标置于文本“（并且在摄影发展史上起了几个里程碑的作用。）”所在行的最后面，连续按两次Enter键重起一段，然后在菜单栏中选择【插入】【HTML】【水平线】命令，插入一条水平线。,（4）将鼠标光标移动到水平线下方，然后输入文本“更新日期：”并单击按钮，使其居中对齐。,（5）在菜单栏中选择【插入】【日期】命令，打开【插入日期】对话框。在【星期格式】中选择“星期四,”，在【日期格式】中选择 “1974年3月7日”，在【时间格式】中选择 “10:18 PM”，并选择【储存时自动更新】复选框。,（6）设置完毕后，单击确认按钮加以确认。,（7）在【属性】面板中单击页面属性按钮，打开【页面属性】对话框，在【标题/编码】分类的【标题】文本框输入文本“数码摄影”，然后单击按钮，关闭对话框,实训站点的管理,本项目主要介绍了编排文本的基本方法，本实训将让读者进一步巩固所学的基本知识。要求：把“项目实训素材”文件夹下的word文档内容复制粘贴到网页文档中，然后进行格式设置,制作“送孟浩然之广陵”网页,小结,本项目涉及的知识点概括起来主要有：（1）添加文本的方式，包括直接输入、复制粘贴和导入；（2）【页面属性】的设置，包括页面字体、文本大小、文本颜色、背景图像、页边距、文档标题格式的重新定义、浏览器标题等；（3）文本【属性】面板的使用，包括标题格式、文本字体、文本大小、文本颜色、对齐方式、文本样式、项目列表和编号列表、文本缩进和凸出等；（4）插入水平线和日期的方法。总之，本项目介绍的内容是最基础的知识，希望读者多加，为后续的学习打下基础。,

《网页设计与制作项目教学教学课件 ppt 王君学孙海伦金哲第3章教案项目3 文本编辑──编排数码摄影知识网页》由会员E****分享，可在线阅读，更多相关《网页设计与制作项目教学教学课件 ppt 王君学孙海伦金哲第3章教案项目3 文本编辑──编排数码摄影知识网页》请在金锄头文库上搜索。

点击阅读更多内容

TA的资源