任务五 使用代码制作表格网页 一、提出任务 1．任务目标 使用HTML代码制作一个“玉石鉴赏”网页。 2. 解决的问题 通过完成本任务，学习使用HTML代码创建表格并设置表格属性、添加图像与文本、添加超级链接。 3. 本任务所涉及原有知识要点 完成本任务所涉及原有知识要点有：在设计视图中使用表格布局网页和建立超级链接。 二、教学目标 1. 知识目标 ⑴ 熟悉HTML语言中，构成表格的3个主要标签及相关属性。 ⑵ 掌握使用HTML代码制作表格。 ⑶ 掌握使用HTML代码设置表格属性。 ⑷ 掌握使用HTML代码制作嵌套表格。 ⑸ 掌握使用HTML代码添加超级链接。 2. 能力目标 能够使用HTML代码制作表格网页，并学会使用HTML代码添加图像与文本、建立超级链接。 3. 情感目标 培养学生勤于探索、主动学习的意识，树立将来成为网页制作专业技术人员的信心。 三、教学分析与准备 1. 教学重点 ⑴ 使用HTML代码制作表格。 ⑵ 使用HTML代码设置表格属性。 ⑶ 使用HTML代码添加超级链接。 2．教学难点 ⑴ 使用HTML代码设置表格属性。 ⑵ 使用HTML代码制作嵌套表格。 3. 教学方法 任务引领学习、自主学习、协作学习和探究学习相结合，通过几种教学方法的运用，不仅让学生掌握相关知识，同时提高学生的学习能力。 4. 课时安排 4课时。 5. 教学环境 多媒体网络教室。 四、教学过程（组织课堂、复习知识、教师引领完成任务占4学时；举一反三占2学时。） 教学环节及手段 教学内容 备注 组织课堂 复习知识 任务流程 导入任务 分析任务 完成任务 知识讲解 教师引导，学生讨论、分析。 知识总结 举一反三 任务目标 启发思路 分组完成任务 学生自评或互评 教师点评总结 布置作业 集中学生注意力，准备上课。 通过指定学生上前操作下列各题考察学生对已学HTML代码的掌握情况。 1．使用HTML代码创建一个空白网页文件，修改页面的背景颜色。 2．使用HTML代码在页面中心位置输入文本“欢迎进入幽幽我心的个人网站>>”。 通过完成一个任务，启发学生思考完成任务的方法，讲授必要的知识，传授必要的技能。 展示一个彩色虚线表格，让学生讨论利用以前学到的表格知识是否能够制作出来？ 提出任务：使用代码制作表格网页 使用HTML代码制作一个表格布局页面，设置表格与单元格的属性，添加超级链接并设置其属性。了解相应常用标签的使用方法。 1．知识讲解 ⑴ 在HTML语言中，表格主要通过3个标签来构成，表格标签、行标签、单元格标签。如下所示： 标 签 描 述
………表格标签
………
……………行标签
……… | …………单元格标签 ⑵ 表格标签应放在HTML代码的什么位置？ ⑶ 如何设置表格属性？ 2．自己动手 ⑴ 准备工作。 ⑵ 插入表格并设置属性。 a．添加表格标签并设置属性。 b．添加行标签并设置属性。 c．添加单元格标签并设置属性。 完成以上步骤后，在预览网页之前，让学生讨论分析刚才利用代码完成的是一个什么样的表格？ ⑶ 添加图像与文本。 安排学生示范操作，教师引导。 ⑷ 添加超链接。 添加超链接标签并设置属性。 本任务需要着重掌握的知识是：表格标签、行标签、单元格标签、超链接标签的用法及属性。 在Dreamweaver 8的代码视图下分析“作品展示”网页。 在分析网页时注意以下几点： ⑴ 页面属性。 ⑵ CSS样式的定义。 ⑶ 表格结构。 ⑷ 表格标签的“align”属性与行标签和单元格标签的“align”属性的异同。 ⑸ HTML代码中电子邮件超链接是如何实现的？ ⑹ 超级链接的“href”属性部分都使用了哪种类型的链接路径？ 学生分组上机，讨论交流。 由各组学生代表来分析说明本组完成情况。 指出学生在总结时可能出现的错误，补充不足，鼓励学生学习使用HTML代码制作网页的信心。 1．使用代码制作网页“practice3-14html” ... ...
