网页的美化教案.docVIP

《网页的美化》 教学设计 教材版本 青岛版 课 题 《网页的美化》 学 校 龙子心中学 授课教师 杨斌 课 型 新授课 授课班级 初二（1）班 课 时 1 课程 纲要 依据 本节课的定位在于“熟练掌握”的程度上，旨在让学生通过对《网页的美化》的学习，了解掌握美化网页的方法、步骤，熟练掌握美化网页的操作，提高审美意识，激发学生对网页制作进行更深入的学习和研究的兴趣。 教材 分析 结合本校学生和教学环境的特点，深入地领会由青岛出版社出版的初中《信息技术》（八年级）教材的编写意图，设计了制作“情感小屋”网站的主题活动，制作“情感小屋”网站。 学情 分析 初二学生已经学习了很多信息技术基础知识，并且具备了一定的操作计算机、上网搜索、编辑图象的能力。通过前几周的学习，学生对网站制作有了初步的认识，并建立了站点，制作了首页，而且还通过表格归整了网页中的各元素，使网页趋于整洁。但是，由于制作的网页中还未有设置背景、背景音乐、Flash动画、字幕等元素，还显得单调。他们希望能够通过学习新的知识，进一步美化他们制作的网页。 教 学 目 标 ①了解美化网页的常用方法，理解美化网页对提高网站质量的作用。 ②学会在网页中设置背景、音乐、Flash动画和滚动字幕。 ③提高审美意识，善于发现美，美化生活从自身做起。 教学重点 在网页中设置背景、音乐、Flash动画和滚动字幕。 教学难点 在网页中设置音乐、Flash动画。 教学方法 讲授法、自主学习法、任务驱动法、实验探究法等 教学资源 计算机及多媒体网络教室系统、FrontPage2003软件等 板书 设计 网页的美化 一、美化网页的作用 二、美化网页的方法 三、美化网页的流程 四、具体操作： 1. 插入背景音乐 2. 设置网的背景 3. 设置表格的背景 4. 插入Flash动画 5. 插入滚动字幕 时 间 （分） 教 学 内 容 教师 活动 学生 活动 设计意图 2 1 2 3 3 8 3 1 3 6 3 1 6 1 1 1 （课前2分钟预备） 对比提问：（2分钟） 观看图片：未精心布置的房间与布置后的房间、丑女与美女 提问：你更喜欢哪一个？为什么？ （更喜欢后者，因为后者更赏心悦目，“养眼”，美） 观看网页：未经美化的网页与美化后的网页（index.htm , school.htm , Domain.htm , Neighbor.htm） ⒋ 选择美化网页工具——FrontPage2003软件 ⒌ 美化网页（插入所需元素） 四、美化网页 将全班分成两组，一组同学完成任务一，二组同学完成任务二。 任务一：设置网页背景、表格背景 自主学习：浏览教学网站——（1）设置网页背景；（2）设置表格背景。 设置D:\情感小屋\School.htm的网页背景为D:\素材\背景9.jpg，表格背景设置为颜色RGB(cc,99,ff)。并保存，预览。 完成了任务一的同学完成任务二。 任务二：设置单元格背景、设置背景音乐 自主学习：浏览教学网站——（1）设置表格背景；（2）插入背景音乐。 设置D:\情感小屋\Neighbor.htm的单元格背景如图所示，背景音乐为D:\素材\友谊地久天长.mid。并保存，预览。 完成了任务二的同学完成任务一。 学生演示操作：任务一或任务二。 总结：提醒同学们在操作时要注意： 1. 先打开要编辑的网页； 2. 设置表格背景必须确保光标在该表格中； 3. 设置单元格背景必须确保光标在该单元格中； 4. 看清是编辑状态还是预览状态； 5. 保存时注意图片、音乐的存放位置。 （挑选该班学生易出错的方面提醒） 让学生再整改。 任务三：添加滚动字幕、Flash动画、设置单元格背景 自主学习：浏览教学网站——（1）设置表格的背景；（2）插入滚动字幕；（3）插入Flash动画。 为D:\情感小屋\Domain.htm添加滚动字幕“海内存知已，天涯若比邻”；插入Flash动画D:\素材\月亮之上.swf；设置纯文字单元格的背景色如下图所示。 学生演示操作：任务三。 总结：提醒同学们在操作时要注意： 1. 准备素材时要分文件夹放置（imamges , sound , swf）； 2. Flash影片属性的“透明”属性； 3. 字幕的表现方式、连续次数。 拓展探究：根据我们所学到的知识，看看能否将主页中的Banner加动画效果，结果如下图。素材：（１）D:\素材\rain.swf；（２）D:\素材\banner3.png。 （注意空中雨滴，水上波纹(rain.swf动画） 提示： 可以浏览学习网站——拓展探究 五、改名，复制： 将“D:\情感小屋”文件夹改名为“情感小屋—网页的美化”，并将该文件夹复制到自己的网盘中。 （因为学生机都安装了