发布时间 : 星期一 文章《网页制作》项目式教案 - 图文更新完毕开始阅读1395aa8aa1116c175f0e7cd184254b35eefd1a07
完成任务 举一反三 任务目标 启发思路 分组完成任务 学生自评或互评 教师点评总结
⑸ 设置文本超级链接样式。 学生动手“作品展示”页面的链接。 依据前面学习的知识与掌握的专业技能，学生自己完成任务，教师作为组织者和引导者，着重启发学生寻找完成任务的思路，养成检索与应用“书籍”、“帮助”、“网络”等习惯。 利用收集到的素材和课前的准备，完成“环保”主题网站制作。在网页上添加本任务所学习到的各种超级链接，链接的目标网页内容可以相对简单，但所有链接均为有效链接。 1．超级链接可以使访问者从一个网页跳转至另外一个网页，或从一个站点跳转至另外一个站点。但是，这种频繁的跳转可能使人烦躁。为了方便用户更好的浏览页面，要注意什么？： ⑴ 超级链接必须简洁明了。 ⑵ 超级链接文字必须与普通的内容文字相区别，鼠标移动到超级链接上时显示突出效果。 默认的超级链接动作对应的是颜色变化，同时还要考虑到如果仅仅依靠颜色的变化来区分超级链接状态的话，那么色盲们可以接受吗？给超级链接加上下划线将更有助于用户辨认超级链接；或者是当鼠标经过超级链接时出现下划线，也能达到同样的效果。 ⑶ 超级链接上最好包含一些简单的链接目标提示，这有助于用户决定自己的意愿，即是否点击该链接。 2．不同功能的超级链接可以使用不同的链接样式，如导航条内的超级链接，应该使用特别的颜色和效果。 3．网站内的链接样式应该尽可能的少，同一站点下的所有网页超级链接样式最好保持一致，这样页面比较整洁。 4．超级链接能做到“来去自如”，但是要在中途迷路了怎么办？应该在每一页上都做返回链接。为了浏览方便，还可以添加“上一页、下一页、回首页”等链接。 学生分组完成。 由各组学生代表分析说明本组完成的任务。 教师对学生作品点评总结。引出下一节课课题：想成为网页制作高手吗？学习使用代码制作表格网页。 每个人做出实例，教师点评总结。 41
布置作业 1．在个人网站的推广中，如何有效的利用超级链接。 2．上网浏览一些个人网站，注意特殊的超级链接效果，并模仿制作。
任务五 使用代码制作表格网页
一、提出任务
1．任务目标
使用HTML代码制作一个“玉石鉴赏”网页。 2. 解决的问题
通过完成本任务，学习使用HTML代码创建表格并设置表格属性、添加图像与文本、添加超级链接。
3. 本任务所涉及原有知识要点
完成本任务所涉及原有知识要点有：在设计视图中使用表格布局网页和建立超级链接。
二、教学目标
1. 知识目标
⑴ 熟悉HTML语言中，构成表格的3个主要标签及相关属性。 ⑵ 掌握使用HTML代码制作表格。 ⑶ 掌握使用HTML代码设置表格属性。 ⑷ 掌握使用HTML代码制作嵌套表格。 ⑸ 掌握使用HTML代码添加超级链接。 2. 能力目标
能够使用HTML代码制作表格网页，并学会使用HTML代码添加图像与文本、建立超级链接。 3. 情感目标
培养学生勤于探索、主动学习的意识，树立将来成为网页制作专业技术人员的信心。
三、教学分析与准备
1. 教学重点
⑴ 使用HTML代码制作表格。 ⑵ 使用HTML代码设置表格属性。 ⑶ 使用HTML代码添加超级链接。 2．教学难点
⑴ 使用HTML代码设置表格属性。
42
⑵ 使用HTML代码制作嵌套表格。 3. 教学方法
任务引领学习、自主学习、协作学习和探究学习相结合，通过几种教学方法的运用，不仅让学生掌握相关知识，同时提高学生的学习能力。 4. 课时安排
4课时。 5. 教学环境
多媒体网络教室。
四、教学过程（组织课堂、复习知识、教师引领完成任务占4学时；举一反三占2学时。） 教学环节及手段 组织课堂 复习知识 任务流程 导入任务 分析任务 完成任务 知识讲解 教师引导，学生讨论、分析。
教学内容 集中学生注意力，准备上课。 通过指定学生上前操作下列各题考察学生对已学HTML代码的掌握情况。 1．使用HTML代码创建一个空白网页文件，修改页面的背景颜色。 2．使用HTML代码在页面中心位置输入文本“欢迎进入幽幽我心的个人网站>>”。 通过完成一个任务，启发学生思考完成任务的方法，讲授必要的知识，传授必要的技能。 展示一个彩色虚线表格，让学生讨论利用以前学到的表格知识是否能够制作出来？ 提出任务：使用代码制作表格网页 使用HTML代码制作一个表格布局页面，设置表格与单元格的属性，添加超级链接并设置其属性。了解相应常用标签的使用方法。 1．知识讲解 ⑴ 在HTML语言中，表格主要通过3个标签来构成，表格标签、行标签、单元格标签。如下所示： 标 签 描 述
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代码制作其中一个栏目的网页。
优秀学生按教材要求完成。 通过讨论分析加深学生对所学知识的理解。 培养学生自主学习、探究学习的能力。 44