《网页制作》6-8周教案-【镇江有作】中职教育网页制作（教案）

授课日期 第六周 授课班级 授课课时 2 授课形式 新授 授课章节 名 称 第4章　超链接 4.6 课堂案例——艺术画廊网页 4.7 课堂案例——车行天下网页 4.8 课堂案例——首饰珠宝网页 使用教具 多媒体教学系统 教学目的 1、 了解超链接的概念与路径知识 2、 掌握文本超链接的创建方法和技巧。 3、 掌握图像超链接的创建方法和技巧。 4、 掌握命名锚记超链接的创建方法和技巧 5、 掌握热区链接的创建方法和技巧 教学重点 1、 简单了解超链接的概念与路径知识。 2、 熟练掌握超链接的分类及每种类型的创建方法。 教学难点 能够正确给所需文本添加超链接，以及锚记超链接的使用方法和技巧 更新、补 充、删节 内 容 课外作业 1、 简要说明图像超级链接与图像热点超级链接有何差异？ 2、 创建锚记超级链接通常需要经过哪两个环节？ 3、 以文本超级链接为例，简要说明创建超级链接状态的两种途径。 教学反思 通过三个练习的训练，学生对在网页使用超链接的方法更为熟练，能将多种方法结合起来使用，能做到举一反三！ 板 书 设 计 第4章　超链接 4.6 课堂案例——艺术画廊网页 4.7 课堂案例——车行天下网页 4.8 课堂案例——首饰珠宝网页 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 扬州高等职业技术学校教案（续页） 课 堂 教 学 安 排 主要教学内容及步骤 备 注 1、 组织教学 检查学生出勤情况，师生互候问候，集中学生注意力。 二、复习旧知 创建文本超级链接、图像超级链接、热点超级链接的方法或途径有哪些？ 三、探究任务 课堂案例一：艺术画廊网页 【任务分析】 本任务中使用 “矩形热点工具”和“多边形热点工具”制作指定的链接网页文档，完成艺术画廊网页。 【任务实施】 1、 打开文件，选择导航图片，单击“属性”面板中的“矩形热点工具”按钮 ，光标变成十字形后，拖曳鼠标选择要设定链接的部分，图像映射指定区域变成透明的蓝色。 2、 单击“属性”面板“链接”选项右侧的“浏览文件”按钮 ，弹出“选择文件”对话框。 3、 保存文档，预览效果 【任务评价】 结合学生完成情况，从技术、艺术等方面进行学生自评、互评，以及教师点评。 课堂案例二：车行天下网页 【任务分析】 本任务中使用 “电子邮件链接”命令制作电子邮件链接效果。使用“浏览文件链接”按钮为文字制作下载文件链接效果，完成车行天下网页。 【任务实施】 1、 打开文件，在文档窗口的下方选中文字“图片下载”，在“属性”面板中单击“链接”选项右侧的“浏览文件”按钮 ，弹出“选择文件”对话框，选择文件“图片.zip” 2、 在“目标”选项的下拉列表中选择“_blank” 3、 设置超链接外观属性 4、 创建 E-mail 链接 5、 保存文档，预览效果 【任务评价】 结合学生完成情况，从技术、艺术等方面进行学生自评、互评，以及教师点评。 课堂案例三：饰珠宝网页 【任务分析】 本任务中使用“属性”面板中的“链接”选项制作文字链接效果。使用“输入”面板“常用”选项卡中的鼠标经过图像按钮为网页添加导航效果，完成饰珠宝网页。 【任务实施】 1、 打开文件，绘制热点 2、 插入鼠标经过图像 3、 创建图像超链接 4、 设置经过图像 5、 保存文档，预览效果 【任务评价】 结合学生完成情况，从技术、艺术等方面进行学生自评、互评，以及教师点评。 四、归纳总结 本节章节课我们学会那些操作？ · 文本超链接的创建方法和技巧。 · 图像超链接的创建方法和技巧。 · 命名锚记超链接的创建方法和技巧 · 热区链接的创建方法和技巧 五、作业布置 1、 简要说明图像超级链接与图像热点超级链接有何差异？ 2、 创建锚记超级链接通常需要经过哪两个环节？ 3、 以文本超级链接为例，简要说明创建超级链接状态的两种途径。 教师引导、学生自主回答 展示图片，激发学生的学习兴趣，引导学生思考，导出本课教学内容 学生观察效果图，明确学习任务 学生操作，教师巡回指导。 发现共性问题集中讲解，个别问题个别指导。 交流分享 学生观察效果图，明确学习任务 学生操作，教师巡回指导。 发现共性问题集中讲解，个别问题个别指导。 交流分享 学生观察效果图，明确学习任务 学生操作，教师巡回指导。 发现共性问题集中讲解，个别问题个别指导。 交流分享 学生总结归纳，培养学生梳理知识点的意识。 扬州高等职业技术学校教案（首页） 授课日期 第六周 授课班级 授课课时 2 授课形式 新授