班级网站策划书范文

　　一、总括：

　　1·网站主题：班级风采，体现青春活力，同学情谊。

　　2·网站作用：展示班级风采，让观看网站的人了解软工六班。

　　3·网站规模：班级网站，由简单网页组成，规模不大。

　　4·目标人群：本班全体成员，以及想了解软工六班的所有人。

　　5·网站特色：我们这个网站主要展示班级风采发。在色彩和风格上采用以灰色为主，画面单纯而不乏绚烂，内容的特色表现为：内容有个性；内容的实用性和真实性；充分展示了软工六班的风采。

　　二、网站的风格及配色方案：

　　1·网站名称：6班风采。

　　2·网站LOGO：主色采用灰色白色，左边为RG6图案代表软工6，后面有“20xx级软工6班”文字。

　　3·网站的标准色：网站一以白色和灰色为主色调，整个网页以灰色纯色为背景，内容的背景颜色则用白色，这两种颜色的搭配给人以时代的感觉，代表了年轻人主宰这当前的时代。

　　4·网站的标准字体：网站整体采用了黑体，黑体方正、粗犷、朴素、简洁、无装饰、横竖笔形粗细视觉相等、笔形方头方尾、黑白均匀，因此非常醒目。

　　三、网站的栏目设计及板块介绍：

　　1·主页：网站的首页，几张合照的切换展示我们班的所有人。

　　2·班级介绍：介绍了班级的基本历史，班委。

　　3·班级新闻：班级新闻为从开学以来发生的一些重要的事情。

　　4·班级荣誉：这是我们班在开学以来获得的荣誉。

　　5·图片墙：图片墙以图片形式记录了我们一起走过的日子。

　　6·六班金花：展示我们班的很有特色的小女生。

　　四、网站设计和制作中所采用的技术：

　　网站主要采用本学期所学的html和css技术，套用了css3和html5技术。在网页显示特效上套用了java script，jquery技术。还是用flash技术。

　　网站的连接跳转主要使用的是描点，将网页分为几部分，使用了html5中的section标记。配合JavaScript和css3把不需要显示的内容隐藏起来，当点到的时候才显示出来。

　　在不同页面切换之间加入了个flash的载入条。在网页的照片墙上里，使用了jquery和java script来做切换效果展示图片。

　　五、首页的设计：

　　网站的首页，用盒子将首页分为四部分，第一部分为LOGO；第二部为网页的导航栏；第三部分加载几张合照的切换展示我们班的所有人还有一按钮可以切换图片

　　六、网站大体内容：

　　1·第一个页面为主页，展示我们班的所有人以及显示网站的各网页标题；

　　2·第二个页面为班级介绍，分为两个小部分，左边为我们班开学报到认识彼此和军训时我们的荣辱与共，右边为班级介绍展示班级的一系列活动和老师，导生和通过竞选而产生的各个优秀班委；

　　3·第三个页面为班级新闻，展示我们班参加的一系列活动的新闻通告，可以让更多的同学了解到更多的信息。