第3课 设置网页内容（1）（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第3课 设置网页内容（1） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握文档头信息和文档页面属性的设置方法 （2）掌握在网页中输入文本和设置文本格式的方法，了解水平线和特殊字符的插入 技能目标： （1）掌握网页的基本设置 （2）掌握在网页中对文本的操作 素质目标： 保持积极乐观心态，使大学时光丰富多彩 教学重难点 教学重点：网页中添加文本以及设置文本格式 教学难点：网页中水平线和特殊字符的插入 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（25 min）→课堂实训（15 min） 第2节课：问题导入（2 min）→ 传授新知（28 min）→ 课堂实训（10 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】前面学习了创建与管理站点、编辑网页文档，让学生上网查询如何创建和编辑网页元素来完善网页 【学生】按照要求完成课前任务 通过课前任务，让学生了解各类网页元素 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 我们通过百度等搜索引擎搜索信息的时候，各类网页是怎么被检索到的？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：网页基本设置 通过我们日常上网操作，引出通过网页关键字实现对网页的检索 传授新知 （25 min） 【教师】讲解新知，介绍网页基本设置 任务一 网页基本设置 一、任务说明 新建网页后，一般要对页面进行一些简单的设置，主要包括文档头信息和页面属性，下面分别介绍。 二、预备知识 （一）设置文档头信息 文档头信息包括网页关键字、网页说明等。网页关键字是指跟网页相关的词语或短语；网页说明是对网页的一个概括性介绍。 在使用Google、baidu、Yahoo等搜索引擎搜索网页时，不是检索网页的所有内容，而是只检索网页的关键字。如果希望自己的网页能够被搜索引擎检索到，最好把关键字设置为人们经常使用的词语。 在文档窗口中打开要设置头信息的网页后，单击“插入”面板“常用”类别中“文件头”按钮中的小三角图标 ，在打开的下拉列表中选择“关键字”，将弹出“关键字”对话框，如图3-1所示（详见教材）。 【知识库】 “插入”面板包含各种类型的对象按钮（如图像、表格和Flash动画等），通过单击这些按钮，可将相应的对象插入到文档中。默认状态下，“插入”面板中显示的是网页中最常用的对象按钮组，即“常用”类别。单击“常用”按钮右侧的小三角图标 ，可在弹出的下拉列表中选择其他类别，如布局、表单、数据等。 在“关键字”对话框中输入要设置为关键字的词语，各个词语之间用逗号隔开，之后单击“确定”按钮，便完成了关键字的设置。 说明文本的设置方法与关键字的设置大同小异，只需要在“文件头”下拉列表中选择“说明”，然后在弹出的“说明”对话框中设置即可。 （二）设置文档页面属性 一般通过设置页面属性来为网页文档设置标题和编码。 要设置页面属性，可在不选择网页文档中任何对象的前提下，单击属性检查器中的“页面属性”按钮，或者选择“修改”菜单下的“页面属性”命令，或按【Ctrl＋J】组合键，打开“页面属性”对话框。 在“页面属性”对话框左侧的“分类”列表中选择“标题/编码”，然后在“标题”文本框中输入网页标题；在“编码”下拉列表中选择一种编码方式，如图3-2所示（详见教材）。 此处的“标题”与“文档工具栏”中的“标题”文本框等效，它将出现在浏览器标题栏中，一般是表示网页特征或欢迎词之类的文本；编码用于设置网页文档中字符所用的编码类型，国内常用的有“简体中文（GB2312）”和“Unicode（UTF-8）”。 【课堂问答】 【教师】随机邀请学生回答以下问题 请同学们思考，简体中文（GB2312）和Unicode（UTF-8）有什么区别？ 【学生】聆听、思考、回答 【教师】总结学生的回答 简体中文（GB2312）主要用于汉字的编码，如果设计的网页主要面对使用汉语的中国人的话，使用 GB2312非常好，文字储存体积要小。如果设计的网页要面向世界的话，再用GB2312作为网页编码的话，有些电脑上的浏览器没有这种编码，网页汉字内容就会变成乱码。而UTF-8是全世界通用的，几乎支持所有字符，支持国际化。 【学生】聆听、思考、理解、记录 【教师】引入任务实施内容，讲解为“欧妮雅”网站主页设置基本信息 三、任务实施—