第7讲设置页面属性

《第7讲设置页面属性》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、学时数：2教案序号：7本讲课题:1插入其他网页元索2设置网页的页面属性教学目标:［知识口标］熟悉页面属性的设置［能力目标］掌握页面属性的设置操作内容提要:本讲主要教学内容冇：插入水平线、插入日期和时间、设置页面属性、设置网页标题、设置网页背景、设置网页文本和设置网页边界。重点难点:本讲重点和难点是设置网页的页而屈性。解决的办法是采用“任务驱动”教学方法。学生通过任务驱动亲自制作网页，对教学难点——设置网页的页面属性有了更深更全面的认识和理解。教学用具:投影机教学过程：【课程导入】网©的頁而属僅包施©而林遞、对另囹像初羅危、殳

2、本以乞緘谨履色，込包務奋“殳侍丛”俚顼卡中定必的传夂等杓客。迫咚传念对孑用尹3翎网頁的基本内窍、艘盍査找网頁郁翹雋“常重夷的仔用。4.3插入其他网页元素【板述预设】4.3.1水平线【一般讲述】（一）插入水平线:在网页屮插入水平线的操作为：1.在“文档”窗口屮，将光标定位在要插入水平线的位置。2.执行下列操作Z-：•单击菜单栏中“插入”

3、“HTML”I“水平线”命令。•在“插入”栏的“HTML，，类别中,单击“水平线”按钮,如图。3.水平线插入在网页中如图（二）设置水平线属性：1.选择水平线2.打开“水平线属性”，如图所示。•

4、“宽"：用于设置水平线的宽度。•“高S以像素为单位，设置水平线的高度。•“对.齐”：设置水平线的对齐方式（“默认”、“左对齐”、“居中对齐”或“右对齐'）。•“阴影”：指定绘制水平线时是否带阴影。（三）.增添颜色1.选择水平线2.在“属性检杳器”上，单击打开快速标签编辑器如图。3.插入color=u?”，颜色取值可以是英语（如yellow）也可用十六进制代码（如#FFFF00）o【板述预设】4.3.2日期和时间【一般讲述】（一）将当前口期插入到文档中1.在“文档"窗口中，定位光标在要插入口期的位置。在图4.34的网页中的图像

5、下面输入文本“本网页制作于：”。2.执行下列操作之一：•单击菜单栏中“插入下日期”命令。•在“插入,，栏的“常用,啖别中，单击“日期”按钮3.打开“插入日期”对话框如图。4.在对话框中，选择星期格式、日期格式和时间格式。7V3/703/07/19741STT4-O3・077/1/7410:18FW时间格式:5.如选择“储存时自动更新”,在每次保存文档时都会更新插入的H期。取消选择，口期在插入后变成纯文木并永远不自动更新。6.单击“确定”插入日期，效果如图所示。4.4设置网页的页面属性【板述预设】4.4.1设置页面属性【重点讲

6、解】1.要打开页面属性对话框可以执行以下操作之一：•单击菜单栏中“修改”1“页面属性”命令。•单击文木“属性检査器”中的“页面属性”按钮。2.打开页面属性对话框，如图所示。【板述预设】4.4.2设置网页标题【一般介绍】1.在页面属性对话框中，选择“标题/编码"分类。2.在“标题”文本框内输入网页的标题内容，如“长春游游网二1.点击“确定”退出页而属性对话框。2.保存并在浏览器中预览网页，则标题出现在浏览器的左上角。【板述预设】4.4.3设置网页背景【一般讲述】（一）设置网页的背景颜色1.在页面属性对话框屮，选择“外观"分类。

7、2.执行以下操作Z-：•在“背景颜色”对话框中输入颜色的十六进制代码如“#66CCFF"•点背景颜色后的按钮，打开调色板选择颜色。3.点击“确定”退出页面属性对话框。4.保存并在浏览器中预览网页。（二）设宜网页的背景图像1.在页而属性对话中，选择“外观”分类。2.点击“背景图像'诟的“浏览”按钮,打开选择图像源对话框。3.查找并选择作为网页背景的图像，单击“确定”退出页面属性对话框。4.保存并在浏览器中预览网页。5.重复选项：确定是否以及如何重复背景图像。冇四个选项：“不重复''只在开始处显示一次图像。“重复”在水平和垂直方

8、向平铺图像。“横向重复”和“纵向重复”，分别在水平和垂直方向重复排列背景图像。【板述预设】4.4.4设置网页文本【一般讲述】在“页而属性”对话框中可以对网页的文本进行统一的字体、字号及文本颜色的设置。1.在页面属性对话框中，选择“外观”分类。2.在“页

9、侨字体”的下拉菜单中，选择字体。3.在“大小”下拉菜单中，选择字号。4.单击“文本颜色”右侧的调色板，可以设置文木的颜色。【板述预设】4.4.5设置网页边界【一般介绍】页而属性中“左边距”、“右边距”、“上边距”和“下边距”四个选项，用于设置网页页而元索与页面边界的宽度或高度

10、。其右侧下拉列衣为宽度或高度的单位，默认为“像素”。【任务驱动】制作网页要求：1.建立一个网页。2.在具添加内容，要有文字和图像等网页元索，文字不少于页面的1/3。3.对网页的文字及其他网页元素进行排版使网页美观大方。4.分别为网页设置背景颜色和背景图像。学生通过亲白制作网页，对教V难点—