网站分析
网站名称 主题和结构 色彩和布局 技术运用 网站类别
1 http://www./webhtml/Default.aspx ( http: / / www. / webhtml / Default.aspx )
址
网
点
要(共27张PPT)
*
*
*
*
要点
技术运用
色彩和布局
主题和结构
网站名称
1
3
4
2
5
网站类别
要点
网址 网站名称 主题和结构 色彩和布局 技术运用
1 http://gtog.ningbo./
2 http://www.fantasy-cartography.com/
3 http://www..cn/
4 http://www.nbu./
5 http://www.disney.com.hk/
6 http://www./
7 http://www..cn/
8 http://www.crown.co.kr/
网站类别
要点
网址 网站名称 主题和结构 色彩和布局 技术运用
1 http://gtog.ningbo./
2 http://www.fantasy-cartography.com/
3 http://www..cn/
4 http://www.nbu./
5 http://www.disney.com.hk/
6 http://www./
7 http://www..cn/
8 http://www.crown.co.kr/
网站类别
中国宁波政府
http://gtog.ningbo./
宁波大学
http://www.nbu./
主页特点
格式固定
分块显示
1
政府机构等
门户网站
4
适当运用小
图片点缀
3
2
色彩运用协调
标准实用型
雏鹰网
http://www..cn/
红泥巴村
http://www..cn/
主页特点
颜色鲜艳
1
儿童网站
4
图片活泼
3
2
版面灵活
色彩华丽型
fantasy网
http://www.fantasy-cartography.com/
Nickad网:
http://www./
主页特点
版面别具一格
1
个性网站
4
特殊的导航
3
2
独特个性
版面独特型
香港迪斯尼:
http://www.disney.com.hk/
韩国crown网:
http://www.crown.co.kr/
主页特点
主题明确
1
专业、个人网站
4
3
2
动态效果
网页特技型
色彩多元
知识林
Flash动画技术
可以制作动画,可以实现交互功能,作品能很好地在因特网上传输,广泛应用。用flash制作的MTV、在线游戏也很精彩
标准实用型
优秀网站主页赏析
优秀网站主页赏析
色彩华丽型
版面独特型
优秀网站主页赏析
网页特技型
优秀网站主页赏析
项目 评价内容 分值 评语及得分
主题内容 主题明确、健康向上 10
语句通顺、文字正确 10
结构清晰、内容丰富 10
遵守版权、规范引用 10
艺术处理 布局合理、界面美观 10
色彩和谐、突出主题 10
特色鲜明、富有创意 10
技术运用 导航清晰、链接无误 10
简洁得当、提高效率 10
稳定可靠、确保运行 10
评价指标
网站主页
标准实用型
网页特技型
色彩华丽型
版面独特型他山之石,可以攻玉
——网站实例分析
一、 教材分析
《他山之石,可以攻玉——网站实例分析》是宁波版教材七年级下册的第十五课,学生从规划站点、网页设计、制作框架网页、主页发布等有了初步的了解,这节课作为网络基础及其应用模块的最后一课,对网站进行实例分析是本课重点解决的一个问题。网站的布局和规划主题,对于已经学过Frontpage的学生来说,已经不是难点,但要求学生对网站实例分析有一定的辨别能力。
二、学情分析
七年级的学生,对于能够亲手制作网站,有一定的热情,能够较为认真主动地学习制作,因为有过在Frontpage里制作网页的经验,很多技术都能熟练操作,但是遇到不同类型的网站,学生还不能具体进行分析,需要老师及时的引导。
三、 教学目标:
【知识与技能】
学会对网站主页进行分类
能说出网站主页类型特点
【过程与方法】
通过对各种不同网站主页的比较分析,让学生理解认知网站主页的分类。
通过对比学习和自主探究,学会说出网站主页类型特点。
学生实践并交流、评价
【情感态度与价值】
培养学生分析能力
培养学生合理评价作品的能力
四、教学重点:
1、理解网站主页的分类;
2、理解网站主页类型特点。
五、教学难点:
网站主页的分类
六、教学方法:
讲授法、对比引导法、探究学习法、任务驱动法
七、教学准备
1、多媒体教学课件 ;2、多媒体网络计算机教室
八、教学过程
教学过程 教师活动 学生活动 设计意图
导入明确任务 上课前我们先来欣赏一些网站主页的截图,并请观察主页的界面有什么特点?主页在一个网站中起着举足轻重的作用。除了网页内容之外,它的网站主题、美观布局等直接决定了访问量的多少。今天,我们一起来学习网站实例分析。 学生欣赏、观察学生明确目标 明确本次课的主要内容和总任务
新授课 一、网站主页分类介绍网站主页的要点:网站名称、主题和结构、色彩和布局、技术运用以及网站类别。展示雅戈尔中学校园网,学生分析网站主页要点。师提示、补充。出示网站分析任务(word文档):列举了8个网站,将小组分成8组,请每一小组分别打开对应网站,小组讨论并分析网站的要点:网站名称、主题和结构、色彩和布局、技术运用以及网站类别。请一位同学记录。问:同学们分析填写后,你能对这些网站主页进行分类吗?网站主页可以分成哪几类呢?二、网站主页类型特点1、请第一小组展示分析成果 屏幕展示:中国宁波政府网站(http://gtog.ningbo./ ( http: / / gtog.ningbo. / ))生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师问哪一组网站主页和第一组类似。第五小组展示分析成果屏幕展示:宁波大学网站( http://www.nbu./ ( http: / / www.nbu. / ))生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师小结:主题结构:格式固定、分块显示;色彩和布局:色彩运用协调,适当运用小图片点缀;网站类别:政府机构等门户网站。 引出网站分类之一:标准实用型(板书)那么,网站主页还可以分成哪几类呢?2、请第二小组展示分析成果 屏幕展示:雏鹰网http://www..cn/ ( http: / / www..cn / )生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师问哪一组网站主页和第二组类似。第七小组展示分析成果屏幕展示:红泥巴村http://www..cn/ ( http: / / www..cn / )生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师小结:主题结构:版面灵活;色彩和布局:颜色鲜艳、图片活泼;网站类别:儿童网站。引出网站分类之一:色彩华丽型(板书)3、请第三小组展示分析成果 屏幕展示:fantasy网http://www.fantasy-cartography.com/ ( http: / / www.fantasy-cartography.com / )生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师问哪一组网站主页和第三组类似。第六小组展示分析成果屏幕展示Nickad网:http://www./ ( http: / / www. / )生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师小结:主题结构:版面别具一格;色彩和布局:独特个性、有特殊的导航;网站类别:个性网站。引出网站分类之一:版面独特型(板书)4、请第四小组展示分析成果屏幕展示“香港迪斯尼:http://www.disney.com.hk/ ( http: / / www.disney.com.hk / )生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师问哪一组网站主页和第四组类似。第八小组展示分析成果屏幕展示:韩国crown网:http://www.crown.co.kr/ ( http: / / www.crown.co.kr / )生结合实例从网站名称、主题结构、色彩和布局、技术运用以及网站类别分析。师小结:主题结构:主题明确;色彩和布局:色彩多元、动态效果;网站类别:专业、个人网站。引出网站分类之一:网页特技型(板书)知识林Flash动画技术简介主页截图回顾优秀网站主页的四种分类。 学生观察、分析自主探究,学生打开网站分析并填写小组合作、讨论交流学生回答学生观看、思考 小组合作、讨论交流学生回答学生观看、思考 小组合作、讨论交流学生回答学生观看、思考 学生回顾知识点 先让学生观察网站主页鼓励学生小组合作通过比较进行网站主页分类和理解网站主页分类的特点。适当评价,以激励学生。引起学生共鸣,增强求知欲。提出问题,明确目标在合作、探究中提高学生信息素养引导学生发现问题,通过自主探究解决问题,培养学生观察和分析能力。引导学生发现问题,通过自主探究解决问题,培养学生观察和分析能力。知识点回顾、小结
展示评价 三、作品评价我们欣赏了优秀网站,学会对主页进行分类,接下来看看同学们做的网站,请根据评价指标对网站进行评价。作品展示 学生评价 评价标准:评价表 学生欣赏作品,互相交流评价 在评价提升审美情趣和技术水平,培养正确的自我评价和评价他人的能力。
课堂小结 四、课堂小结这节课,我们欣赏了那么多网站,了解网站主页的分类有标准实用型、色彩华丽型、版面独特型和网页特技型,同学们要根据主题结构、色彩布局、技术应用等要点,再结合评价表完善网站制作。 学生回顾本节课内容。 总结知识点,期待后续完善网站制作
九、板书设计
网站实例分析
标准实用型
色彩华丽型
版面独特型
网页特技型评价指标
项目 评价内容 分值 评语及得分
主题内容 主题明确、健康向上 10
语句通顺、文字正确 10
结构清晰、内容丰富 10
遵守版权、规范引用 10
艺术处理 布局合理、界面美观 10
色彩和谐、突出主题 10
特色鲜明、富有创意 10
技术运用 导航清晰、链接无误 10
简洁得当、提高效率 10
稳定可靠、确保运行 10网站分析
网站名称 主题和结构 色彩和布局 技术运用 网站类别
1 http://gtog.ningbo./ ( http: / / gtog.ningbo. / )
2 http://www..cn/ ( http: / / www..cn / )
3 http://www.fantasy-cartography.com/ ( http: / / www.fantasy-cartography.com / )
4 http://www.disney.com.hk/ ( http: / / www.disney.com.hk / )
5 http://www.nbu./ ( http: / / www.nbu. / )
6 http://www./ ( http: / / www. / )
7 http://www..cn/ ( http: / / www..cn / )
8 http://www.crown.co.kr/ ( http: / / www.crown.co.kr / )
址
网
点
要