制作“精品收藏”网页(郑瑞娟)

2.3制作“精品收藏”网页
2.3.1插入悬停按钮，2.3.2插入自制动画

淮南市龙湖中学 郑瑞娟

教材是安徽省室教材编写委员会编写的《信息技术》。网页制作是其中第二册第二章
的教学内容。在这之前，学生已初步掌握了网络的基础知识，因特网的信息服务，网络信
息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的
能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信
息处理的能力有着重要的作用。

教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等
其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在
第四、五章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、
文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非
常有利。

网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性
地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，
提高他们的艺术修养和审美情趣。

[教学目标]
FrontPage是一种常用的网页制作和网站管理工具，本节用FrontPage作为工具，以制
作“精品收藏”网页为任务，来学习网页制作的一些知识和方法。
1、知识目标
掌握悬停按钮的插入方法；
掌握自制动画插入方法；
2、能力目标：能自主探究动态网页的制作；
3、情感和态度：主动参与和协作学习的态度；学会表达对他人的关爱。
〖教学重点〗

1、 插入悬停按钮的方法。
2、 如何插入自制动画。
〖教学难点〗

如何合适的在网页中加入动态效果。
〖教学方法〗

任务驱动法、小组协作学习，主题活动。
〖教学过程〗
激趣引入：采用两个网页的对比，一个没有修饰的网页，一个有动画、有按钮的网页。
对比之后，两者有什么不同，教师总结，引入新课。（5分钟）
师：同学们，前一阶段，我们学习了网页的相关知识，到今天为止，我们已经能够制作简单
的网页。接下来就请同学看这样一些网页。
[看作品]请大家认真观察，并提出一些合理性的建议。
生：(可以群答，得出总的结论——动感不足、不活泼，不醒目)
师：那么我们怎样才能让这些网页生动活泼起来呢？在制作网页的过程中，为了使网页生动
有趣，吸引别人的注意，常常需要添加一些动态效果。添加动态效果的方法有很多，目前最
常用的有FLASH等，frontpage同样也可以制作出许多漂亮的动态效果。今天我们就一起学
习在网页中插入悬停按钮和自制动画。
任务一：<悬停按钮>的插入方法：（5分钟）
1、 老师在如图所示的网页中演示操作插入悬停按钮的方法。

2．老师简单介绍悬停按钮对话框。
3．学生分组自学，探究对话框中的其它选项。完成课本“学着做”中输入文字以及设
置文字效果等其它内容；
4．学生交流，老师总结。
注意点：（注：可由老师提出）
1、对应的链接设置要正确；
2、效果与整体保持一致；
3、 需要保存后才能看到效果。
任务二：<自制动画>的插入方法：（10—15分钟）
设计思路：解释什么是动画（生活、电视、网络），展示课件，突破动画帧频知识点，
简单介绍常用制作动画的工具，引出FrontPage制作动画。
A、老师演示
1、 移动插入点到表格的第一行第二个单元格内，选择“插入” →“组件” →“横幅
广告管理器”菜单命令，弹出如图所示的“横幅广告管理器属性”对话框。

2、 单击“添加”按钮，在弹出的“添加横幅广告图片”对话框中选择要添加的横幅图
片。
3、 重复第2步操作，添加其余四幅图片。
B、下发图片素材，布置学生完成“学着做”内容。
C、小结：
1、如果所添加的图片大小不一，那么，要确保此处输入的是所有图片中最大的一幅图
片的尺寸，其余图片将在这个区域中居中对齐；
2、可以利用拖动或属性对话框的办法改变横幅广告管理器的大小使之与图片大小一致；
4、 需要保存后才能看到效果。
教师展示课件演示操作布骤后设备小任务：教师准备素材，让学生完成小任务。
三、综合任务：老师下发准备好的半成品网页，让学生分组自选完成网页作品。（15分
钟）
[学生完成作品、老师巡视辅导]
[展示、点评作品]
师：同学们的作品已经基本完成，现在就请大家起来在机房里走一走，看一看，找出你
认为最好的作品。
[学生欣赏作品]
师：请问大家，你们认为哪位同学的作品最好？
生：某某同学的网页最有特色，最漂亮。（找出有代表性的发言者和有代表性的作品1~2
个，然后提问学生1）
师：请问你看到哪位同学的网页最好？
生1：生2的网页最好。
师：生2的网页好在哪里呢？
生1：（„„）（列举网页制作的特色）
师：很好，你非常有眼光，发现了生2同学的很多优点，谢谢！（掌声）
师：我们现在掌声有请学2，请他说说他是如何来构思、创作自己的作品的。
生2：（„„）（浅谈网页制作中的想法）
师：（补充点评、肯定学生在制作中的成绩）
师：请问还有哪位同学认为自己的作品制作的也很好？（鼓励学生自我肯定）
生3：（„„）（老师给予肯定和鼓励，并根据实际情况点评）
师：还有哪位同学的作品还没有制作完成。（可以根据情况点一位同学）
生4：（„„）
师：请你说说你在制作中遇到了哪些困难，让大家一起来帮你解决问题。
生4：（„„）
师：（补充点评）你通过你的努力，已经完成了一定的作品，同时你也了解自己的问题所在，
只要做到良好的合作和加倍的努力，你一定会完成的更好。

【教学评价】
本节的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分
反映学生的学习状况。

评价指标
(分值)
具体指标 量化等级分值 自评 教师
优 良 中 差

网页内
容

(40)

获得的信息准确且完整 5 4 3 2
信息的收集方法效率高 10 8 6 4
网页文字没有语法和拼写错误 10 8 6 4
能找到合适的网页素材并合理应用 10 8 6 4
引用他人作品，是否注明出处 5 4 3 2

技术处
网页布局整齐、合理 10 8 6 4
网页色彩协调、风格鲜明 10 8 6 4
理
(35)
网页链接正确、快捷 10 8 6 4

具有较强的动态交互功能 5 4 3 2

自主学习能力(10) 能独立查找操作指导并完成操作 5 4 3 2
能独立上传和下载网页作品 5 4 3 2

合作能
力

(10)

明确自己的分工职责，圆满完成任务 5 4 3 2
主动与他人讨论，尊重他人，帮助他人 5 4 3 2

创新表现(5) 网页栏目设计及整体规划有新意
5 4 3 2
合计总得分
师：（补充点评）你通过你的努力，已经完成了一定的作品，同时你也了解自己的问题
所在，只要做到良好的合作和加倍的努力，你一定会完成的更好。
[总体评价和小结]
师：通过大家的共同努力，我们掌握了“悬停按钮、自制动画”在网页中的应用，并且
能够合理的使用网页色彩美化我们的网页，使我们的网页更具特色，更能展示我们的风采。
同时，我们还能够和同学进行很好的协作，对他人提出很高的评价，或许这是我们这节课最
大的收获。当然，大家还有很多其他的收获，希望大家和我交流，。