第一节  网站的规划设计

学习目标:

    掌握制作网站的过程

    了解不同网页制作软件的特点

活动:

    讨论网站名称;

    根据网站主题及内容,画出栏目结构图;

    展开讨论,为将要开发的网站设计一种风格;

    根据主题网站的内容及栏目结构,设计一个版面样式;

    搜集网站素材

作品

    网站栏目结构图

    网站栏目内容描述表;

    网站版面风格设计表;

    网站版面设计图;

    与主题相关的图像、视频、声音以及文字材料。

学习活动

    展示网站《音乐巨人贝多芬》http://www.gaopeng.com/itedu/ztxx/beiduofen/index.htm

    赏析：

    1.这个网站的主题是什么？

    2.这个网站由哪几部分内容组成？也就是网站的栏目结构是怎样的？

    3.这个网站的风格是什么？

    4.这个网站的版式是哪种结构？

    5.这个网站中都用到了哪些媒体元素？文字、图片、声音、视频、动画……

    6.这个网站的文件目录是什么样的？

    课堂练习一：

    请欣赏2005年 第六届全国中小学电脑制作活动优秀优秀作品(初中组)

    http://computer.cbern.gov.cn/2005/2005cz/begin.htm

    选择其中一个网站作品,分析它的网站规划.

    填写网站分析表

下载信息

    课堂练习二：自己设计一个网站

    模仿《音乐巨人贝多芬》，设计一位名人的网站。比如：《影响世界的艺术家——凡高》

    还可以选择其他主题：比如将你自己写的文章或绘画作品做成一个网站，《个人文集》《个人画展》

    也可以选择环保方面的，比如《保护环境》《节约用水》《保护珍稀动物》

    也可以是科普方面的，比如介绍某种动植物

    也可以是军事方面的，比如《二战海军网》

  也可以是加强中学生自和保护的，比如《交通安全》《心理健康》等

    请填写规划表格：

    参考资料:

  http://211.153.23.61/hd2008/2006/2006cz/web/index_sub.html 2006年 第七届全国中小学电脑制作活动优秀作品集锦（初中）

    第五届NOC活动优秀作品展示(网页作品截图－初中组)
 

教学反思：

    一直没想好用什么网站来举例，刚好语文老师组织学生到电脑教室用这个网站上课，那就用它来举例吧。也算是与语文学科整合了。这个网站是我04年做的，结构比较简单，正适合让学生学习。

    6个问题搞清楚了，学生也就明白什么是网站规划了。赏析后，再给学生布置一个练习：自己做一个网站的规划。