第四周（31-46课时）.doc

2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：超链接 授课教师：蒋红艳 NO： 16 授课班级 14春微机、14春商务 授课日期 授课类型 讲授、演示 学 时 数 2 教学目标 理解相关概念：热区文本、热区图片； 掌握超链接的分类； 掌握内部超链接和外部超链接的创建方法。 教学内容 超链接的特点、分类和创建方法 重点难点 文本超链接和图片超链接的创建方法 教学方法 演示、讲解 学习方法 观察、练习 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 一、展示超链接的强大功能 打开网址之间“360导航”，从这里打开“凤凰网”、“新浪网”，让学生感知网页间的跳转是超链接的功能。 二、相关概念 热区文本 热区图片 三、超链接的分类 按热区对象分：文本超链接、图像超链接 按链接对象分：内部超链接、外部超链接、锚记超链接 四、演示操作 1、文本超链接 站内文本超链接（拖动链接法） 本地站外文本超链接（浏览查找链接法） 互联网对象（输入网址链接） 2、图片超链接 整张图片超链接（站内、站外方法同上） 图片热区超链接（用热点工具划分热区，站内、站外方法同上） ? ? 课堂练习 学生操作： 以“淘宝网”为热区文本，与建立超链接； 把一汽车图片链接到“时尚网站”首页index.html； 在一幅中国地图上，分别把“湖北”、“湖南”、“广东”、“上海”作为热区，与对应的各省政府网站建立链接。 ? ? 小结与作业 课堂小结 一、超链接的分类 按热区对象分：文本超链接、图像超链接 按链接对象分：内部超链接、外部超链接、锚记超链接 二、创建链接的方法： 1、文本超链接 站内文本超链接（拖动链接法） 本地站外文本超链接（浏览查找链接法） 互联网对象（输入网址链接） 2、图片超链接 整张图片超链接（站内、站外方法同上） 图片热区超链接（用热点工具划分热区，站内、站外方法同上） ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：文本超链接 授课教师：蒋红艳 NO： 17 授课班级 14春微机、14春商务 授课日期 授课类型 实训课 学 时 数 2 教学目标 掌握文本超链接的创建方法。 教学内容 文本超链接的特点、创建方法 重点难点 文本超链接的创建方法 教学方法 演示、检查、指导 学习方法 上机实训 教学过程设计 备注（时间分配、个性修改等） 教学步骤 及 主要内容 范例展示 教师演示 新建站点“超链接练习”； 在站点内建立主页index.html； 打开主页，输入热区文本： 交互式图像 滚动公告 透明层 我的第一个网站 分别把上面的文字作为热区文本，与对应的站点内的主页建立一一对应的超链接。 分发素材 把学生前两周完成的作业作为本次实训素材分发给大家，供他们完成今天的上机任务。 学生实训 作业保存 六、作业点评 ? ? 课堂练习 ? ? 小结与作业 课堂小结 一、超链接的分类 按热区对象分：文本超链接、图像超链接 按链接对象分：内部超链接、外部超链接、锚记超链接 二、创建链接的方法： 文本超链接 站内文本超链接（拖动链接法） 本地站外文本超链接（浏览查找链接法） 互联网对象（输入网址链接） ? ? ? 本课作业 ? ? 本课教学后记（课堂设计理念，实际教学效果及改进设想） ? ? ? ? 教研组长签字： 年 月 日 2014－2015学年度第一学期《网页制作》课程电子教案 授课课题：图片热区超链接 授课教师：蒋红艳 NO： 18-19 授课班级 14春微机、14春商务 授课日期 授课类型 上机实训课 学 时 数 4 教学目标 1、掌握图片热区的创建方法； 2、掌握整张图片超链接与图片热片超链接的创建方法； 教学内容 整张图片超链接与图片热片超链接的创建方法 重点难点 图片热片超链接的创建方法