1、制作网页动态特效教学设计教学过程：教学过 程 教 师 活 动学生活动 设计意图创设情境引入新课在前面几节课的学习中，我们学习了把文字和图片素材应用到网页中，为我们的主题内容增色不少。 素材类型除了文字、图片，还有动画、音频、视频等。那这些素材是否也能够应用到网页中，使得网页内容更加丰富多彩呢？ 我们先看一个例子网站树叶作品 。对比以前自己的制作的页面它的优点在哪里？ 网页展示例子。含有滚动字幕、flash 动画。欣赏通过对比得出动态效果的作用教学目标、重点、难点及设计意图教学目标 知识与技能： 能区分动态效果与动态网页； 能够插入动态图片、滚动字幕等动态效果； 能够插入 Flash 动画网页元
2、素。 过程与方法： 学习网页动态效果的过程中，了解所有效果要为内容服务，了解什么内容适合设置为动态效果，注意动态效果使用的合理性。 情感态度与价值观：让学生学会从美学角度支欣赏网页。教学 重点滚动字幕的插入与设置； Flash 动画的插入方法； 合理的使用动态效果； 教学难点教学难点：动态效果与动态网页的区分； 合理的使用动态效果；出示学习目标：掌握网页特效制作方法，学会在网页中加载动态组件实现动态效果。动态效果的作用及使用情况： 动态效果可以使网页有动感，吸引浏览者的眼光；心理学研究发现，动态的事物更能够吸引人的注意。根据这个结论，我们通常把重要的东西用动态的形式表现出来。 添加动态效果，要
3、充分考虑动态元素的作用和效果，选择不当和过多，往往会影响网页的整体效果。 技术为内容服务，不要滥用技术。引出新课探 究 学 习 体 验 新 知首先回顾升入高二以来，班级开展的一系列活动。如何把同学们这些美好的瞬间保留下来，并且又方便大家欣赏、回忆呢？任务一：编辑网页在桌面上以自己姓名为名建立文件夹，制作一个只有一个网页的站点，保存到该文件夹中 。打开 index.htm，根据提供的素材，先用表格建立网页版面，如在空白网页中插入四个表格：“1x1”, “1x5”, “3x3”, “1x1”,1. 在“1x1“表中添加标题，如“我爱我班”“我们的高二一”等，设置文字大小为 24 磅，颜色设置为“红
4、色” ，水平居中，并添加背景。2. 在“1x5”表中网页导航栏，如“齐眉棍”“撕名牌”等，设置文字大小和颜色水平居中，并添加背景。学生谈论操作操作展示引导学生利用学过的网站制作技术，把它们编辑成一个网站。回顾以前所学内容，没有具体规定网页的板式，给学生们自由发挥的空间。3. 编辑好首页，根据前面学过的模板建立方法，建好模板，并至少编辑一个子页，并建立链接。任务二：给网页添加动态效果（p122 页） 给网页添加滚动字幕“欢迎来到我的小站！”。 选择一张图片，添加图片切换特效；选择另一张图片添加弹出消息，内容自定。 将 FLASH 文件夹中的文件插入到网页中。拓展与应用：利用已有代码添加网页动态效果 已有代码，给网页添加滚动字幕。 进一步完善自己的网站操作操作通过自学、探究完成让学生学会用已有代码添加动态效果课堂总结 欣赏小组内的作品 班内评价学生作品教师总结：评价通过对他人的网页进行恰当的评价，引起学生对动态特效运用的思考：“什么时候该用” 、“怎样用好”
