第6课 我的网页 教案
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
师：适当地补充、总结。
有了自己的网页，你就会加倍的努力使自己变得更加优秀
今天，我们就一起来设计属于自己的网页。
动画显示课题：我的网页
二、赏析学生网页（动画图标在网页中的重要性）
师：其实我们学校的有些同学早就有了属于
自己的网页，下面我们就一起来欣赏一下。
（选择了本校学生的两个网页，其中一个网页用了很多漂亮的图标，另一个几乎没有用图标。）你比较喜欢哪一个网页？为什么？
六、布置课后准备工作
师：这节课我们欣赏了别的同学设计的网页，还去了“加菲猫乐园”，并绘制了完全属于自己的图标，下节课加菲猫将教我们怎样设计网页，不过我们要提前做好准备，比如：确定网页的名称、栏目内容、相关图片等，并修改图标，下节课再见。
显示课前准备：确定“我的网页”名称、栏目内容和相关图片，并修改图标
2、栏目板式排列，赋予变化与统一。
3、寻求版式的视觉平衡与呼应（举一反例，学生分析，从而明白怎样做到版式的视觉平衡与呼应）。
4、强化版式、色彩及图文的整体协调（变换几种色调和不同的色彩搭配方式让学生感受并分析哪种色调和色彩搭配方式最合理，使学生能正确地运用色彩）。
5、适当地调整完成。
点击出现加菲猫的动画形象
课目
第6课我的网页
年级
9年级下册
备课
张萧萧
总课时
总第12课时
第12周第1课时
本课课时安排2课时
授课时间45分钟
课型：新授课
教学程序
教学活动
媒体运用
（第一课时）
一、引言导入新课（网页设计的重要意义）
师：互联网已经遍布世界的每个角落，你想拥有自己的网页吗？为什么？
生：把自己的个性、特源自文库、爱好表现出来，让更多的人认识自己，了解自己，加强人与人之间的联系和交流。
打开投影仪，也可以把学生作业直接贴到黑板上
二次备课：
以动画的方式演示绘制步骤
八、加菲猫介绍网页的绘制工具
加菲猫：同学们，你们现在应该知道怎样绘制网页了吧，你会用什么工具绘制呢？下面介绍几种制作网页的工具给大家：
最简单易学的网页制作软件是FrontPage，我们中学生绘制个人网页用这个软件就足够了。
另一个比较专业的网页制作软件是被称为网页设计三剑客之一的Dreamweaver，这个软件学起来难一些，不过效果会更好。
显示活动一：为你的网页设计图标,设计时注意表现自己的个性、特长、爱好等相关因素。展示四幅优秀的学生作品。
显示活动一内容，同时展示四幅优秀的学生作品
五、小结（作业展示讲评）
把已经完成的学生作业用投影仪投射到大屏幕上，可以用学生自己介绍作品、同学之间互提意见，老师总结点评的方式进行作业讲评。
打开投影仪，也可以把学生作业直接贴到黑板上
3、运用幽默夸张手法的网页设计；
4、制造悬念的网页设计。学生练习，老师巡回指导，遇到普遍存在的问题及时指出。
显示活动二：运用手绘或网页制作软件设计出你的个人网页或为班级设计网页
展示四幅不同设计风格的学生作品
十、作业展评并总结
展示学生作业，采用学生自评、互评，老师总结点评相结合的方式进行作业讲评。
师：同学们设计的网页都不错，老师非常希望早一点看到同学们设计的网页传上互联网，让全世界都欣赏到你的作品，我相信只要通过努力，这一天就不会远了！
二次备课：
教学程序
教学活动
媒体运用
（第二课时）
七、加菲猫演示自己的网页绘制过程（了解网页绘制步骤以及要注意的问题）
加菲猫：同学们好，我们又见面了！图标、网页名称、栏目内容、相关图片都准备好了吗？下面就跟我一起来看看我的网页是怎样设计的吧（以“加菲猫乐园”为例演示绘制过程）。
1、确定网页名称、栏目内容。
点击加菲猫的动画形象
打开“加菲猫乐园”
网站（http://garfreld.vip.sina.com/）
打开“我的相册”网页
打开“百万图库“（动画图标）
(http://www.cj888.
com/photo/65/index.htm)
点击几个有代表性的图标类别
打开“加菲猫网站“
四、活动一（学生练习，老师知道）
屏幕上出现了学生很熟悉的加菲猫的动画形象（加菲猫的声音可以课前配音，也可以有老师当堂模仿）
加菲猫：同学们，你们好！我是加菲猫，今天我带你们去我的乐园游玩.
进入“加菲猫乐园”网站。
加菲猫：欢迎你们来到我的家里做客，我在不同的地方设置了不同的图标，它会引导你去不同的地方游玩。比如点击“我的相册”图标，你就可以看到我的许多照片，都是我自己拍的，不错吧！
生：学生回答（对学生提出的各种建议，老师要给于充分肯定）。
师：老师适当地补充、总结。一个好的网站，内容固然非常重要，但视觉效果也不容忽视，设计的好的动画图标，可以使整个网页充满活力。
下面我们就来欣赏一些优秀的图标设计
打开互联网，点开在课前找到的两个有代表性的学生网站
三、加菲猫带我们欣赏优秀的图标设计（了解图标设计的类别、特点）
你有自己的网页吗？你一定要设计一些图标，不要让我迷路哦！
我告诉大家一个网站，上面有各种各样的动画图标，你可以直接下载，用到你的网页上。
屏幕出现“百万图库”（动画图标），打开几个有代表性的类别，如人物类、动物类、植物类、卡通类。。。。
让学生欣赏各类图标。
加菲猫：不过你想使自己的网页与众不同，还是自己动手设计吧，像我的网页里的图标就都是根据我自己的特点设计的。还犹豫什么呢，赶快动手设计完全属于你自己的图标吧。
如果你想使自己的网页动起来，就要用到网页设计三剑客之二的Flash，这是一个专门做动画的软件，不过学起来有一定的难度。
我建议你还是先学会用FrontPage软件把，现在很多网站都是用这个软件制作的，效果也蛮不错的，如果这些软件你都不会使用，暂时我们就只好用手绘的方法绘制网页了。
演示FrontPage软件
演示Dreamweaver软件
演示Flash软件
打开一个用软件FrontPage制作的网页
九、活动二（学生练习，老师指导）
运用手绘或网页制作软件设计出你的个人网页。也可以小组为单位，为班级设计网页。
（小组成员分组要明确，发挥出各自的特长）
展示一些优秀的学生作品：
1、以文字为主的网页设计；
2、以形象为主的网页设计；
有了自己的网页，你就会加倍的努力使自己变得更加优秀
今天，我们就一起来设计属于自己的网页。
动画显示课题：我的网页
二、赏析学生网页（动画图标在网页中的重要性）
师：其实我们学校的有些同学早就有了属于
自己的网页，下面我们就一起来欣赏一下。
（选择了本校学生的两个网页，其中一个网页用了很多漂亮的图标，另一个几乎没有用图标。）你比较喜欢哪一个网页？为什么？
六、布置课后准备工作
师：这节课我们欣赏了别的同学设计的网页，还去了“加菲猫乐园”，并绘制了完全属于自己的图标，下节课加菲猫将教我们怎样设计网页，不过我们要提前做好准备，比如：确定网页的名称、栏目内容、相关图片等，并修改图标，下节课再见。
显示课前准备：确定“我的网页”名称、栏目内容和相关图片，并修改图标
2、栏目板式排列，赋予变化与统一。
3、寻求版式的视觉平衡与呼应（举一反例，学生分析，从而明白怎样做到版式的视觉平衡与呼应）。
4、强化版式、色彩及图文的整体协调（变换几种色调和不同的色彩搭配方式让学生感受并分析哪种色调和色彩搭配方式最合理，使学生能正确地运用色彩）。
5、适当地调整完成。
点击出现加菲猫的动画形象
课目
第6课我的网页
年级
9年级下册
备课
张萧萧
总课时
总第12课时
第12周第1课时
本课课时安排2课时
授课时间45分钟
课型：新授课
教学程序
教学活动
媒体运用
（第一课时）
一、引言导入新课（网页设计的重要意义）
师：互联网已经遍布世界的每个角落，你想拥有自己的网页吗？为什么？
生：把自己的个性、特源自文库、爱好表现出来，让更多的人认识自己，了解自己，加强人与人之间的联系和交流。
打开投影仪，也可以把学生作业直接贴到黑板上
二次备课：
以动画的方式演示绘制步骤
八、加菲猫介绍网页的绘制工具
加菲猫：同学们，你们现在应该知道怎样绘制网页了吧，你会用什么工具绘制呢？下面介绍几种制作网页的工具给大家：
最简单易学的网页制作软件是FrontPage，我们中学生绘制个人网页用这个软件就足够了。
另一个比较专业的网页制作软件是被称为网页设计三剑客之一的Dreamweaver，这个软件学起来难一些，不过效果会更好。
显示活动一：为你的网页设计图标,设计时注意表现自己的个性、特长、爱好等相关因素。展示四幅优秀的学生作品。
显示活动一内容，同时展示四幅优秀的学生作品
五、小结（作业展示讲评）
把已经完成的学生作业用投影仪投射到大屏幕上，可以用学生自己介绍作品、同学之间互提意见，老师总结点评的方式进行作业讲评。
打开投影仪，也可以把学生作业直接贴到黑板上
3、运用幽默夸张手法的网页设计；
4、制造悬念的网页设计。学生练习，老师巡回指导，遇到普遍存在的问题及时指出。
显示活动二：运用手绘或网页制作软件设计出你的个人网页或为班级设计网页
展示四幅不同设计风格的学生作品
十、作业展评并总结
展示学生作业，采用学生自评、互评，老师总结点评相结合的方式进行作业讲评。
师：同学们设计的网页都不错，老师非常希望早一点看到同学们设计的网页传上互联网，让全世界都欣赏到你的作品，我相信只要通过努力，这一天就不会远了！
二次备课：
教学程序
教学活动
媒体运用
（第二课时）
七、加菲猫演示自己的网页绘制过程（了解网页绘制步骤以及要注意的问题）
加菲猫：同学们好，我们又见面了！图标、网页名称、栏目内容、相关图片都准备好了吗？下面就跟我一起来看看我的网页是怎样设计的吧（以“加菲猫乐园”为例演示绘制过程）。
1、确定网页名称、栏目内容。
点击加菲猫的动画形象
打开“加菲猫乐园”
网站（http://garfreld.vip.sina.com/）
打开“我的相册”网页
打开“百万图库“（动画图标）
(http://www.cj888.
com/photo/65/index.htm)
点击几个有代表性的图标类别
打开“加菲猫网站“
四、活动一（学生练习，老师知道）
屏幕上出现了学生很熟悉的加菲猫的动画形象（加菲猫的声音可以课前配音，也可以有老师当堂模仿）
加菲猫：同学们，你们好！我是加菲猫，今天我带你们去我的乐园游玩.
进入“加菲猫乐园”网站。
加菲猫：欢迎你们来到我的家里做客，我在不同的地方设置了不同的图标，它会引导你去不同的地方游玩。比如点击“我的相册”图标，你就可以看到我的许多照片，都是我自己拍的，不错吧！
生：学生回答（对学生提出的各种建议，老师要给于充分肯定）。
师：老师适当地补充、总结。一个好的网站，内容固然非常重要，但视觉效果也不容忽视，设计的好的动画图标，可以使整个网页充满活力。
下面我们就来欣赏一些优秀的图标设计
打开互联网，点开在课前找到的两个有代表性的学生网站
三、加菲猫带我们欣赏优秀的图标设计（了解图标设计的类别、特点）
你有自己的网页吗？你一定要设计一些图标，不要让我迷路哦！
我告诉大家一个网站，上面有各种各样的动画图标，你可以直接下载，用到你的网页上。
屏幕出现“百万图库”（动画图标），打开几个有代表性的类别，如人物类、动物类、植物类、卡通类。。。。
让学生欣赏各类图标。
加菲猫：不过你想使自己的网页与众不同，还是自己动手设计吧，像我的网页里的图标就都是根据我自己的特点设计的。还犹豫什么呢，赶快动手设计完全属于你自己的图标吧。
如果你想使自己的网页动起来，就要用到网页设计三剑客之二的Flash，这是一个专门做动画的软件，不过学起来有一定的难度。
我建议你还是先学会用FrontPage软件把，现在很多网站都是用这个软件制作的，效果也蛮不错的，如果这些软件你都不会使用，暂时我们就只好用手绘的方法绘制网页了。
演示FrontPage软件
演示Dreamweaver软件
演示Flash软件
打开一个用软件FrontPage制作的网页
九、活动二（学生练习，老师指导）
运用手绘或网页制作软件设计出你的个人网页。也可以小组为单位，为班级设计网页。
（小组成员分组要明确，发挥出各自的特长）
展示一些优秀的学生作品：
1、以文字为主的网页设计；
2、以形象为主的网页设计；