第二节 蓝图规划--主题网站规划(湖南省湘潭市雨湖区)

第二节 蓝图规划——主题网站规划
一、教学目标：
知识与技能：
（1）了解主题网站的概念；
（2）了解网站的各模块内容；
（3）确立网站主题；
（4）学会高效搜索网上素材；
过程与方法：
（1）掌握规划设计的方法；
（2）巩固搜索、整理、归纳和积累素材的方法；
情感态度与价值观 ：
（1）提高学生审美能力；
（2）培养学生循序渐进的习惯；
（3）培养学生踏实的实践风格；
二、教学重点：
（1）了解主题网站的概念；
（2） 巩固搜索、整理、归纳和积累素材的方法；
三、教学难点：
（1）掌握规划设计的方法；掌握网站的版面设计；
（2）能够完成简单的色彩方案设计。
四、教学方法 对比教学法，探究学习法，模仿学习法
五、教学准备： 相关素材整理归类，按要求摆放
六、教学过程：
1、导入新课
展示一个主题网站，这些网页有一个特点，要求学生仔细观察，找出该网站的特点，并归纳出什么是主题网站？
资源链接：
民族魂：http://www./zhuti/minzu-zhuti.htm
得意坊：http://ksei.bnu./hnit/student/index.php
2、新课学习
★主题网站
◎学生仔细观察，归纳出主题网站概念。
◎确定主题网站是需要注意的原则：
◎主题要鲜明；
◎主题要小而精，最好是擅长或者喜欢的内容；
★规划设计
Ⅰ、结构设计
◎访问教材资源：
民族魂：http://www./zhuti/minzu-zhuti.htm
得意坊：http://ksei.bnu./hnit/student/index.php
走进蚂蚁的家： http://www.ncet./computer/show/2005/2005xx/web/web_05/index.htm
◎引导学生了解网站的各模块内容：
网站可分为一级页面（首页）、二级页面、三级页面等多个层次各个层次的页面通过交互式超链拉建立联系。
Ⅱ、版面设计
观看民族魂、得意坊、走进蚂蚁的家，掌握网站常用的版面布局类型。
民族魂：http://www./zhuti/minzu-zhuti.htm
得意坊：http://ksei.bnu./hnit/student/index.php
走进蚂蚁的家： http://www.ncet./computer/show/2005/2005xx/web/web_05/index.htm
Ⅲ、设计色彩方案
◎不同的颜色能产生不同的视觉效果：
◎对照“民族魂”、“得意坊”、走进蚂蚁的家“三个网站，填写网站的主色彩、字体及颜色。
Ⅳ、选取素材
◎从网上搜索文字、图片、声音、动画、视频保存在不同的文件夹，记录资料来源。
3、学生上机操作的任务和目标：
（1）从网上搜索“民族魂”、“得意坊”、走进蚂蚁的家“三个网站；
（2）从“民族魂”、“得意坊”、走进蚂蚁的家“三个网站的首页对照识别版面布局的上左中右型、上下型、上左右型类型。
（3）体会不同的色彩对人产生的不同的视觉效果。
七、教学反思：蓝图规划——主题网站规划》教学设计
一、教学目标：
知识与技能：
（1）了解主题网站的概念；
（2）了解网站的各模块内容；
（3）确立网站主题；
（4）学会高效搜索网上素材；
过程与方法：
（1）掌握规划设计的方法；
（2）巩固搜索、整理、归纳和积累素材的方法；
情感态度与价值观 ：
（1）提高学生审美能力；
（2）培养学生循序渐进的习惯；
（3）培养学生踏实的实践风格；
二、教学重点：
（1）了解主题网站的概念；
（2） 巩固搜索、整理、归纳和积累素材的方法；
三、教学难点：
（1）掌握规划设计的方法；掌握网站的版面设计；
（2）能够完成简单的色彩方案设计。
四、教学方法 对比教学法，探究学习法，模仿学习法
五、教学准备：
教学资源网站； 相关素材整理归类；
六、教学过程：
1、导入新课
展示一些主题网站，这些网页有什么特点，要求学生仔细观察，找出该网站的特点，并归纳出什么是主题网站？
资源链接：
民族魂：http://www./zhuti/minzu-zhuti.htm ( http: / / www. / zhuti / minzu-zhuti.htm )
得意坊：http://ksei.bnu./hnit/student/index.php ( http: / / ksei.bnu. / hnit / student / index.php )
2、新课学习
★主题网站
◎学生仔细观察，归纳出主题网站概念。
◎确定主题网站是需要注意的原则：
（1）主题要鲜明；
（2）主题要小而精，最好是擅长或者喜欢的内容；
★规划设计
Ⅰ、结构设计
◎访问教材资源：
民族魂：http://www./zhuti/minzu-zhuti.htm ( http: / / www. / zhuti / minzu-zhuti.htm )
得意坊：http://ksei.bnu./hnit/student/index.php ( http: / / ksei.bnu. / hnit / student / index.php )
走进蚂蚁的家： http://www.ncet./computer/show/2005/2005xx/web/web_05/index.htm ( http: / / www.ncet. / computer / show / 2005 / 2005xx / web / web_05 / index.htm )
师：请同学们找出这些网站的共同特点？
生答略。
引导学生观察这些地网站首页及的各模块内容
小结：
网站结构是表现网站内容的层次关系，通常由首页和链接实现的内容页组成。 网站可分为一级页面（首页）、二级页面、三级页面等多个层次各个层次的页面通过交互式超链拉建立联系。
Ⅱ、版面设计
以“民族魂”、“得意坊”、“走进蚂蚁的家”，介绍网站常用的版面布局类型。
民族魂：http://www./zhuti/minzu-zhuti.htm ( http: / / www. / zhuti / minzu-zhuti.htm )
得意坊：http://ksei.bnu./hnit/student/index.php ( http: / / ksei.bnu. / hnit / student / index.php )
走进蚂蚁的家： http://www.ncet./computer/show/2005/2005xx/web/web_05/index.htm ( http: / / www.ncet. / computer / show / 2005 / 2005xx / web / web_05 / index.htm )
归纳出网站常用的版面布局的三种类型：上左中右型、上下型、上左右型。
Ⅲ、设计色彩方案
◎不同的颜色能产生不同的视觉效果；不同的网站主题确定不同的主题风格。
◎对照“民族魂”、“得意坊”、走进蚂蚁的家“三个网站，填写网站的主色彩、字体及颜色。
Ⅳ、选取素材
◎从网上搜索文字、图片、声音、动画、视频保存在不同的文件夹，记录资料来源。
3、学生上机操作的任务和目标：
（1）从网上搜索“民族魂”、“得意坊”、走进蚂蚁的家“三个网站；
（2）从“民族魂”、“得意坊”、走进蚂蚁的家“三个网站的首页对照识别版面布局的上左中右型、上下型、上左右型类型。
（3）体会不同的色彩对人产生的不同的视觉效果。
七、教学反思：