课题: 第九章 创造更加舒适的环境
授课时间: 1 课时
授课时间: 第 11 周
教学目的：
1.使学生掌握水平线的运用；
2.使学生掌握在网页中加入滚动字幕；
3.使学生掌握时间戳的运用。
教学要求：
1.学生熟练掌握水平线和滚动字幕相关属性的设置。
教学重点:
1.滚动字幕表现方式的区别。
教学难点:
1.表示水平线宽度的两种方法。
教学方法：
1.案例法、讨论法。
教学场所：在计算机房中完成教学。

教 材 分 析 及 教 学 过 程

第一课时 创造更加舒适的环境
导课：
我们上节课复习了建立网站的基本流程，但我们希望网站能够给浏览者提供更加舒适的环境。比方说我们为了防止别人侵权，在网站上添加版权信息；重要的话语想吸引浏览者的目光，可以使用滚动字幕；想要让浏览者了解网页内容的更新，可以使用时间戳。下面我们一块来欣赏几个例子。

新课：
一、添加水平线
我们一般都会在网页的最下方添加制作单位、版权信息等内容，可以使用水平线把这些和网页内容隔开。
单击“插入”菜单，选择“水平线”，编辑窗口中立即出现一条水平线。当我们想改变水平线的高度、宽度、对齐方式和颜色时，必须选中水平线，单击鼠标右键，选择“水平线属性”。
水平线的高度、对齐方式和颜色很容易理解，但是它的宽度相对来说不是很好理解，有两种表示方法：一种使用绝对值，单位为像素，比如可将水平线宽度设为500像素，当改变浏览器窗口大小时，水平线的宽度不会发生变化；另一种方法是使用相对值，单位是百分比，比如将水平线宽度设为50%，意思是水平线宽度始终占窗口的50%，随窗口大小的变化而变化。看书上第38页小知识。

二、添加滚动字幕
我们为了让更重要的信息吸引浏览者，可以使用滚动字幕。
单击 “插入”菜单，选择“Web组件”选项，选择“字幕”，出现“字幕属性”对话框；在文本里输入要显示的文字，滚动字幕的表现方式有三种，让学生看一下三种表现方式的区别。

三、时间戳
大家都知道制作网站要花大量的时间，而维护网站对于网站的生存期更重要。为了便于浏览者了解网页的更新，我们使用时间戳。
单击 “插入”菜单，选择“日期与时间”选项，我们选择第一项，“该网页上次编辑日期”，然后选择日期和时间格式。

板书设计：
第一课时 创造更加舒适的环境
一、添加水平线
水平线宽度的两种表示方法
二、添加滚动字幕
三种表现方式的区别
三、时间戳

教学反思：