湖南生物机电职业技术学院教学方案设计（副页）.doc

PAGE / NUMPAGES 湖南生物机电职业技术学院教学方案设计（副页） 教学实施过程设计与教学内容组织 策略方法 手段 时间 分配 一、复习导入新课 复习内容：文本链接、邮件链接等相关链接的制作及目标的设置。 导入新课：点击中国地图的湖南部分能打开湖南地图的效果如何实现？ 二、本课程学习目标 掌握图像在网页中的使用，会制作图像相关的各种链接。 三、知识学习 4 图像和其他媒体 4.1 插入图像 4.1.1 在Web中使用的图像格式 目前互联网上支持的图像格式主要有GIF、JPEG、PNG三种。 4.1.2 图像的插入 用户可以在文本段落、表格、表单、AP元素和框架中插入图像。 4.1.3 将图像设置为背景 使用图像作为背景，可以赋予整个网页明确的主题，提升网页的美感。 4.1.4 图像超链接和图像地图 （1）插入图像超链接 用户对网页美感的要求越来越高。由于文本超链接可以实现的效果有限所以现在广泛使用图像超链接。 （2）图像地图 图像地图也称为图像映射，是将图像划分为若干个区域，每个区域称为一个热点，每个热点分别设置不同的超级链接。 4.2 插入动画、视频与声音 4.2.1 插入Flash动画 Flash是Macromedia公司力荐的网页动画标准，所以，Flash在Dreamweaver CS4中得到了很好的支持。用户可以直接在网页中插入Flash动画和Flash影片对象。 4.2.2 插入Flash视频 Flash视频是现有网络应用最广的视频格式。使用Flash视频，无需特殊技术支持，只要用户浏览器中安装了Flash Player，就可以将视频添加到网页中。 点击插入面板的常用选项中的Flash按钮选择需要的选择swf格式的Flash文件。 湖南生物机电职业技术学院教学方案设计（副页） 教学实施过程设计与教学内容组织 策略方法 手段 时间 分配 透明处理Flash影片：选择动画，点击属性面板的参数按钮，设置参数为“wmode”，值为“transparent”。 4.2.3 插入背景音乐 在实际设计中，使用背景音乐和使用背景图像一样，可以表达网页特定的主题。 可以用作网页背景音乐的声音文件有mid、wav、mp3等格式。最好选择负荷相对少得mid格式和单声道的wav格式。 添加背景音乐方法：在head/head之间添加以下代码:bgsound src=“背景音乐的URL” loop=“循环次数” 四、技能学习 制作图像链接、热区链接、插入Flash动画、背景音乐和视频 五、课堂小结 图像相关链接的制作、背景音乐的添加、Flash影片的使用 六、布置作业 教材66页习题四的第2题、第3题。 湖南生物机电职业技术学院教学方案设计（副页） 教学实施过程设计与教学内容组织 策略方法 手段 时间 分配 实验三 图像的应用 实验四 多媒体的应用 一、目的要求 1、熟练掌握图像在网页中的使用及相关属性的设置。 2、熟练掌握表格在网页的简单应用及相关属性的设置。 3、掌握图像链接、热区链接及网站相册的制作。 4、掌握添加背景音乐的方法。 二、实验课时 4课时 三、实验内容 1、新建站点，新建文件ind3.html。打开并编辑ind3.html文件。 2、制作图1中对应的外部链接、邮件链接及下载歌曲的链接。 3、利用素材提供的中国地图制作热区链接。（要求至少建立三个省份的链接，为各省份的页面建立返回中国地图的链接） 4、制作第1题中的“图像地图”、“网站相册”和“中国地图”的文本链接，分别链接到刚制作的3个页面中。 5、新建文件ind4.html。打开并编辑ind4.html文件，效果如图所示。 湖南生物机电职业技术学院教学方案设计（副页） 教学实施过程设计与教学内容组织 策略方法 手段 时间 分配 6、使用相关素材，在对应网页中插入Flash动画。 7、使用相关素材，在对应网页中插入Flash动画后设置Flash动画背景透明。 8、用2种方法为网页添加背景音乐。 9、利用表格和图像制作建国大业预告片页面的制作。 10、使用提供的网页和视频素材， 制作插入视频页面。 11、在网页中插入Flashpaper。 12、建立ind4.html中各项与其它页面之间的链接。 四、实验思考题 1、图像链接中的“替换”属性实现怎样的功能？ 2、比较两种插入视频的方法异同。