金陵十三钗香兰-纺歌

课目

总
课时


第6课我的
网页

总第12课
时

年级

9年级下册

备课

张萧萧
第12周第1课本课课时安排 2课时
时

授课时
间 45分
钟

课型：新授课
教学程序 教学活动 媒体运用
（第一课时） 师：互联网已经遍布世界的每个角落，动画显示课题：我的网
一、引言导入新课 你想拥有自己的网页吗？为什么？ 页
（网页设计的重要生：把自己的个性、特长、爱好表现出来，
意义） 让更多的人认识自己，了解自己，加强人与
人之间的联系和交流。
师：适当地补充、总结。
有了自己的网页，你就会加倍的努力使自己
变得更加优秀
今天，我们就一起来设计属于自己的网页。
二、赏析学生网页师：其实我们学校的有些同学早 就有了打开互联网，点开在课前找
（动画图标在网页属于 到的两个有代表性的学生
中的重要性） 网站
自己的网页，下面我们就一起来欣赏一下。
（选择了本校学生的两个网页，其中一个网
页用了很多漂亮的图标，另一个几乎没有用
图标。）你比较喜欢哪一个网页？为什么？
生：学生回答（对学生提出的各种建议，
老师要给于充分肯定）。
师：老师适当地补 充、总结。一个好的
网站，内容固然非常重要，但视觉效果也不
容忽视，设计的好的动画图标， 可以使整个
网页充满活力。
下面我们就来欣赏一些优秀的图标设计

三、加菲猫带我们欣
赏优秀的图标设计
（了解图标设计的
类别、特点）
屏幕 上出现了学生很熟悉的加菲猫的动画
形象（加菲猫的声音可以课前配音，也可以
有老师当堂模仿 ）
加菲猫：同学们，你们好！我是加菲猫，今
天我带你们去我的乐园游玩.
进入“加菲猫乐园”网站。
加菲猫：欢迎你们来到我的家里做客，我在
不同的地方设 置了不同的图标，它会引导你
去不同的地方游玩。比如点击“我的相册”
图标，你就可以看到我 的许多照片，都是我
自己拍的，不错吧！
你有自己的网页吗？你一定要设计一些图
标，不要让我迷路哦！
我告诉大家一个网站，上面有各种各样的动
画图标，你可以直接下载，用到你的网页上。 屏幕出现“百万图库”（动画图标），打开几
个有代表性的类别，如人物类、动物类、植
物 类、卡通类。。。。
让学生欣赏各类图标。
加菲猫：不过你想使自己的网页与众不同，还是自己动手设计吧，像我的网页里的图标
就都是根据我自己的特点设计的。还犹豫什
么呢 ，赶快动手设计完全属于你自己的图标
吧。
点击加菲猫的动画形象
打开“加菲猫乐园”
网站
（http:
m）
打开“我的相册”网页





打开“百万图库“（动画图
标）
(http:888.
)

点击几个有代表性的图标
类别
打开“加菲猫网站“
四、活动一（学生练显 示活动一：为你的网页设计图标,设计时显示活动一内容，同时展
习，老师知道） 注意表现自己的个性、特长、爱好等相关因示四幅优秀的学生作品
素。展示四幅优秀的学生作品。
五、小结（作业展示 把已经完成的学生作业用投影仪投射到打开投影仪，也可以把学
讲评） 大屏幕上，可以用学生自己介绍作品、同学生作业直接贴到黑板上
之间互提意见，老师总结点评的方式进行作
业讲评。
六、布置课后准备工师：这节课我们欣赏了别的同学设计的网显示课前准备：确定“我
作 页， 还去了“加菲猫乐园”，并绘制了完全的网页”名称、栏目内容和
属于自己的图标，下节课加菲猫将教我 们怎相关图片，并修改图标
样设计网页，不过我们要提前做好准备，比
如：确定网页的名称、 栏目内容、相关图片
等，并修改图标，下节课再见。

二次备课：




教学程序
（第二课时）
七、加菲猫演示自己的
网页绘制过程（了解网
页绘制步骤以及要注
意的问题）
教学活动
加菲猫：同学们好，我们又见面了！图标、网页名
称、栏目内容、相关图片 都准备好了吗？下面就跟
我一起来看看我的网页是怎样设计的吧（以“加菲
猫乐园”为例演示绘 制过程）。
1、确定网页名称、栏目内容。
2、栏目板式排列，赋予变化与统一。
3、寻求版式的视觉平衡与呼应（举一反例，学生分
析，从而明白怎样做到版式的视觉平衡与呼应）。
4、强化版式、色彩及图文的整体协调（变换几种色
调和不同的色彩搭配方式让学生感受并分析 哪
种色调和色彩搭配方式最合理，使学生能正确地
运用色彩）。
5、适当地调整完成。
媒体运用
点击出现加菲猫的
动画形象

以动画的方式演示
绘制步骤
八、加菲猫介绍网页的加菲猫：同学们，你们现在应该知道怎样绘制网
绘制工具 页了吧，你会用什么工具绘制呢？下面介绍几种制
作网页的工具给大家：
最简单易学的网页制 作软件是FrontPage，我们
中学生绘制个人网页用这个软件就足够了。
另一个比较专 业的网页制作软件是被称为网页
设计三剑客之一的Dreamweaver，这个软件学起来
难 一些，不过效果会更好。
如果你想使自己的网页动起来，就要用到网页
设计三剑客之二的Fl ash，这是一个专门做动画的软
件，不过学起来有一定的难度。
我建议你还是先学会用Fr ontPage软件把，现在
很多网站都是用这个软件制作的，效果也蛮不错的，
如果这些软件 你都不会使用，暂时我们就只好用手
绘的方法绘制网页了。
演示FrontPage
软件
演示
Dreamweaver软件

演示Flash软件

打开一个用软件
FrontPage制作的
网页

九、活动二（学生练习， 运用手绘或网页制作软件设计出你的个人网页。
老师指导） 也可以小组为单位，为班级设计网页。
（小组成员分组要明确，发挥出各自的特长）
展示一些优秀的学生作品：
1、以文字为主的网页设计；
2、以形象为主的网页设计；
3、运用幽默夸张手法的网页设计；
4、制造悬念的网页设计。学生练习，老师巡回指导，
遇到普遍存在的问题及时指出。
十、作业展评并总结
显示活动二：运用
手绘或网页制作软
件设计出你的个人
网页或为班级设计
网页
展示四幅不同设计
风格的学生作品
展示学 生作业，采用学生自评、互评，老师总结点打开投影仪，也可
评相结合的方式进行作业讲评。 以把学生作业直接
师：同学们设计的网页都不错，老师非常希望早一贴到黑板上
点看到同学们 设计的网页传上互联网，让全世界都
欣赏到你的作品，我相信只要通过努力，这一天就
不会远了 ！

二次备课：