第9课 按图索骥——制作热点超链接 教案

第9课
按图索骥——制作热点超链接
教案
教学目标
知识与技能:
1.理解图像热点超链接的含义
2.
学会绘制各种形状的热区,并为之设置链接目标。
能力目标:
1、培养学生发现问题、解决问题的能力
2、培养学生综合运用所学知识,解决实际问题的能力
情感目标:
1、培养学生学习新知识的良好习惯
2、培养学生相互协作的习惯和主动学习的能力
学情分析
我校是一所初级中学,绝大多数的学生在小学就接受过系统的信息技术课程学习,具备了一定的计算机操作能力。而且,学生在前面第8课已经学习过超级链接的设置方法,并掌握了利用超级链接链接外部文件的操作方法。但是,学生之间的信息技术能力水平差异比较大。为了让他们更好的掌握本节课知识,可采用自主探究学习、任务驱动教学和小组合作教学法。
重点难点
重点:
图像热点超链接
难点:
热点超链接
教学课时
1课时
教学过程
导入新课：　
在Dreamweaver　8中，允许使用者以多种方式综合使用图像，为网站增添生命力，同时加深浏览者对网站的良好印象。　
二、教学新课　
（1）图像热点超链接
在“家务劳动”页面中，我们插入了一张尺寸较大的图像，图像的不同区域代表不同的主题内容，我们要为此图像设置局部图像链接，制作出“一图多链”的效果。在Dreamweaver　中，这种被分为多个区域（或称“热区”）的图像就称为“图像地图”。　　
本图像地图包含3个热区，它们链接的目标既有命名锚记，也有新创建的网页。　　
（2）图像查看器
在制作图像查看器之前，先要准备素材图片。在Dreamweaver中，对3种格式图像的支持是最好的，它们是GIF、JPEG和PNG。但是IE浏览器只能部分支持PNG图像的显示，所以我们最好选用GIF和JPEG格式的图像制作图像检查器。　　　　　　　　　我们不仅可以通过执行“插入”→“媒体”→“图像查看器”命令的方法插入图像检查器，还可以直接单击“Flash元素”工具栏中的“图像查看器”按钮。
图像查看器的制作过程也是制作swf格式的Flash动画文件的过程，我们在“Flash元素”面板中设置的参数直接影响此动画文件的效果。　　　　　　　　　　在“窗口”菜单中，我们会发现其实并没有“Flash元素”命令，如果打开“标签检查器”面板，然后在编辑窗口中单击创建好的图像查看器的图标，那么“标签检查器”面板会自动变为“Flash元素”面板，再设置图像查看器的参数就可以了。　　　　　　　　
（3）网页与模板分离　当网页通过执行“修改”→“模板”→“从模板中分离”命令与模板分离之后。
教学反思