第3章创建网页(免费阅读).pptVIP

网页设计与制作案例教程 第3章 创建网页 知识点： 新建、打开和保存文档 网页属性 网页文本 字幕效果、浏览网页 第3章 创建网页 《网页设计与制作案例教程》 重点和难点： 网页属性 网页文本的设置 字幕效果 要求学生掌握新建、打开和保存文档的方法，掌握设置网页属性，掌握编辑网页文本的方法，掌握设置字幕效果的方法和技巧，了解浏览网页的方法。 教学要求： 3.1 “光明·前途”网页制作 3.1.1新建网页 3.1.2设置网页基本属性 3.1.3编辑网页文本 3.1.4修饰文本 3.1.5插入水平线 3.1.6插入日期 3.2 滚动字幕 3.3 实训：“对他人宽容，就是解放自己”网页制作 3.4 小结 3.5 习题 第3章 创建网页 《网页设计与制作案例教程》 第3章 创建网页 《网页设计与制作案例教程》 3.1 “光明·前途”网页制作 图3.1网页“光明·前途”效果图 1.新建网页 2.新建站点 3.网页窗口的大小 4.打开网页 5.保存网页 在Dreamweaver 8.0中可以新建空白HTML网页，可以从范例创建，此外还可以打开已有的HTML网页，无论其创建方式如何，都可以引为己用。 6.关闭网页 3.1.1新建网页 第3章 创建网页 《网页设计与制作案例教程》 第3章 创建网页 《网页设计与制作案例教程》 3.1.2设置网页基本属性 1.三种视图方式 2.设置网页标题 3.设置网页背景 4.设置页边距 5.定义默认的文本颜色、字体和大小 6.浏览网页 三种视图方式查看页面：代码视图、设计与代码共存的视图和设计视图。 图 3.2 设置网页基本属性效果图 第3章 创建网页 《网页设计与制作案例教程》 1.设置首选参数 2.添加文本 3.1.3编辑网页文本 执行菜单【编辑】|【首选参数】命令，弹出【首选参数】对话框，设置【常规】选项的内容。 添加文本可以通过直接输入、复制粘贴其他网页中的内容和复制Word文档中的文本。 第3章 创建网页 《网页设计与制作案例教程》 1.设置文本大小 2.设置文本字体 3.1.4修饰文本 3.设置文本颜色 4.段落 5.列表 图 3.3 修饰文本效果图 第3章 创建网页 《网页设计与制作案例教程》 1.插入水平线 2.修改水平线 3.1.5 插入水平线 图 3.4 插入水平线效果图 图 3.5 修改水平线效果图 第3章 创建网页 《网页设计与制作案例教程》 3.1.6 插入日期 图 3.6 插入日期对话框 执行下列操作之一，即可插入日期： 执行菜单【插入】|【日期】。 单击【常用】面板|【日期】按钮。 图 3.7 插入日期的效果图 3.2 滚动字幕 第3章 创建网页 《网页设计与制作案例教程》 图 3.8 标签选择器对话框 图 3.9 插入字幕后的效果图 选中标题【高职生不是玻璃罐……更有前途】， 单击【常规】面板|【标签选择器】按钮，弹出【标签选择器】对话框。 第3章 创建网页 《网页设计与制作案例教程》 3.3 实训： “对他人宽容，就是解放自己”实训 效果如图3-10 图 3.10 “对他人宽容，就是解放自己”页面效果 第3章 创建网页 《网页设计与制作案例教程》 3.3 实训： “对他人宽容，就是解放自己”实训 实训项目： “对他人宽容，就是解放自己”（网页编辑） 实训性质：设计性 实训目的： 1.掌握新建、打开和保存文档的方法。 2.掌握设置网页属性的方法。 3.掌握输入和编辑网页文本的方法。 4.掌握在不同的框架中制作框架网页内容。 5.掌握设置字幕效果的方法和技巧。 实训内容： 设计与创建“对他人宽容，就是解放自己”网站 第3章 创建网页 《网页设计与制作案例教程》 3.4 小结 本章主要讲解了新建、打开和保存文档，设置网页属性，编辑网页的文本。其中主要包括设新建文档、打开文档、保存文档，设置网页的标题、背景、边距和如何浏览网页，设置文本的大小、字体和颜色的设置，插入水平线，插入日期和滚动字幕效果。 第3章 创建网页 《网页设计与制作案例教程》 3.5 习题 一、填空题 1. 文档是 。 2．根据目前主流显示器分辨率 ，一般将网页窗口大小设置成 。 3. 网页背景包括 和 。 4. 浏览网页的办法有多种，说出三种方法： ， ， 。 5．Dreamweaver 8