一 、教学目标

       知识与技能目标：理解网站内容与主题相配合；了解各类型网站特点；学会判断网站主题；探究不同类型网站的特色。

      过程与方法目标：通过本堂课的学习，让学生了解到网站的构成需要明确的主题，丰富的内容设计，合理的色彩搭配，对网站的制作留下初步的印象。

       情感态度价值观目标：通过多次浏览各类网页，了解因特网上的各类型网站，使学生了解各类网站构成的特点及界面风格，培养学生建站意识。

二、教学重难点

教学重点：网站的主题、版块内容和色彩搭配之间和谐统一的重要性；

教学难点：网站风格与色彩的合理搭配。

三、教学准备

网络教室，不同类型的网站网址，练习表格。

四、教学过程设计

        一、导入

        大家上网时浏览网站是必做的事情之一，学习，娱乐。你们平时都喜欢上哪些网站？那么又是什么吸引你去浏览这些网站？是丰富的内容，是多元的色彩，还是独具匠心的创意？如果由你来制作网站，又如何来完成网站的设计呢？

设计意图：学生回答，活跃课堂气氛，同时也为后面教学内容的开展铺垫。

       二、新授

     （一）特色各异的网站

      1、小结学生的回答，以“作文”为参照，提出问题：作文前首先要明确什么？根据学生的回答从而转入网站的制作同样要先明确主题。比如百度网的主题是搜索各种资讯。

       2、下面老师给出几个网站网址：

      新浪http://www.sina.com.cn

     姚明个人网站http://yaoming.sports.sohu.com/yaoming

    QQ音乐http://y.qq.com/   

    丹尼乐英语http://www.world90.com/

    请同学们浏览分析，这些网站的主题是什么？并填入《认识网站》微练习表格。

       设计意图：学生浏览并分析网站的主题，然后填入表格并回答。让学生对网站主题的作用有一个明确的认识，并会分析。

     （二）网站的内容设计

      1、提问：一篇好的文章除了明确的主题定位，还要什么？根据学生的回答从而得出一个好的网站还需要丰富的内容设计。

      2、下面由同学们自己浏览以上给出网站，分析其内容设计有哪些栏目？主页由哪几个版块组成？

      设计意图：学生浏览、分析网站设计，然后填入表格并回答，学会分析网站内容结构，并认识到内容应与主题相关。

     （三）网站配色方案

      1、一篇好的文章除了突出的主题，丰富的内容外，还需要什么来吸引读者的眼球？文字的渲染。那网站呢？色彩。

      2、网页的色彩是树立网站形象的关键因素之一，让学生自己看书本34页的网站配色方案，尤其是知识链接中的知识，浏览以上给出网站，分析其色彩搭配，并填入《网站配色方案》微练习。

      设计意图：学生浏览、分析网站色彩搭配，填入表格并回答，明确色彩搭配的重要性，并合理运用色彩搭配。

       3、任务布置：请同学们在完成以上任务的基础上，访问自己喜欢的网站，完成表格的后半部分并上传。

     设计意图：学生自主练习，了解更多的网站设计风格。

      三、总结

       形形色色的网站会有不同的主题与风格（内容设计和配色方案），这是我们在建网站过程中要特别注意的!

设计意图：教师归纳，学生回顾体会。

五、教学反思

       在教学过程过程中，尊重学生的个性特点和个人体验，鼓励学生从不同的角度对网站进行归类和评价，为创作个性化的网站作品打下伏笔。

六、附件

《认识网站》微练习

1、网站与网页是一样的，没什么区别。（）

2、网站是一般由_______、________和网站空间三部分组成。

3、访问自己喜欢的网站，完成表格

《网站配色方案》微练习

1． 下列能突出背景的搭配是（）

A．白色底配蓝字   B．白色底配黑字  C．黄色底配白字  D．黄色底配红字

2．观察NBA网站截图，如图9-1所示，完成以下回答：

图9-1

该网站的背景色是______________，主色调是：______________；

主色调给人的感受是: __________                       ____，

该种颜色你还会联想到事物有：__________                       ____。

3．浏览不同风格的网站，完成下列表格：