资源简介

任务五 使用代码制作表格网页
一、提出任务
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”，这个网页中包含一个2行3列的表格。 2．使用HTML代码制作网页“practice3-15html”，网页中包含课本P98“图JYFS3-11”所示表格。 3．制作本课开始时所展示的彩色虚线表格。（给出CSS样式的HTML代码。） 4．在第一单元任务一中，设计了自己的个人网站栏目，使用HTML代码制作其中一个栏目的网页。 学生操作。 力求通过任务导入，吸引学生学习兴趣。 任务提出后的分析过程可以先由学生讨论，再由教师总结。 准备工作由优秀学生按教材要求完成。 通过讨论分析加深学生对所学知识的理解。 培养学生自主学习、探究学习的能力。

展开更多......

收起↑