高中信息技术粤教版选修3 网络技术应用4.4 网页的美化与特效制作优秀教案设计

4.4.1 网页的美化与特效制作教案（一）

一、本节的作用和地位

第三节中的网页制作重点是放在静态网页的制作上，解决学生运用制作工具完成网页的制作。运用声音、动画、视频等多媒体素材往往能更生动地表达网页主题，增强网页的表现力和艺术感染力，在静态的网页中加入会“动”的元素，以美化网页和实现网页的特效。教材对动态网页的理解是广义的，本节侧重于动态效果制作，展示了动态网页技术在客户端上的实现方法与基本工作原理。

二、学习目标

1、学会使用样式表来美化主题网站。

2、学会网页制作的动态特效丰富主题网站。

三、学习重点

1、学会使用样式表来美化主题网站。

2、学会网页制作的动态特效丰富主题网站。

四、学习方法

任务驱动式学习方法

五、学习时间

1课时

六、学习环境

计算机网络实验室

七、学习过程

1、应用样式表美化网页

教师活动：教师演示几个网站，我们可以看到网页中的文字能够动起来，图片也可以不断变换，菜单可以折叠，鼠标经过超链接时有明显的提示，这些特效能吸引用户的注意力，也使得网页更加美观和丰富。下面请同学们分组讨论应用样式表怎么实际用到网页美化中？

学生活动：学生分组讨论交流，小结，教师作补充。

教师活动：最后由教师总结网页的字的样式定义包括字号大小、字体、颜色，网页中的图片样式包括图片的定位，图片的边框等，这些工作可以应用样式表CSS来实现，提高工作效率。下面由教师现场演示具体定义一个网页样式表并应用到网站的外观控制中。

学生活动：学生通过观摩教师的演示操作，分组进行定义一个网页样式表应用到自己的主题网站的制作中去。

最后，制作完成后，由小组派代表进行演示，并讨论交流经验。

2、制作网页动态特效

教师活动：如果再在网页中加一些声音、动画、视频等多媒体素材更能生动的表达网页的主题，当然，要实现网页的美化，制作网页的特殊效果，我们需要不断地通过观摩和学习才能掌握，在网站的开发中，我们还需要考虑到如何吸引用户的注意力，因此要为网页中增加一些动态效果。请同学们思考一下在你们的主题网站中都可以在哪些地方加哪些动态的特效合适呢？

学生活动：学生分组讨论在本小组的网页中都在哪些地方加动态效果好。

教师活动：教师小结网页的动态效果制作的基本原理时通过网页脚本程序来实现的，Frontpage中也提供了简单的操作序列，使用“格式”菜单中的“动态html”菜单项，3各步骤即完成对动态html的定义，网页的过渡效果同理。

学生活动：学生尝试将学习到的动态效果知识应用到自己的主题网站中，并在完成后向全班演示、讨论交流经验。