一、 总括:
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.第三个页面为班级新闻,展示我们班参加的一系列活动的新闻通告,可以让更多的同学了解到更多的信息。
新闻热点有:
软工六班健康行之阳光登山 24字团日活动决赛
触动你我他的团日活动 六班的优秀辩手与精彩的辩论赛 六班的热血系篮球赛 宿舍开放日的男女交流
男生宿舍的友谊 系运动会之飞扬六班
军训回忆
4.第四个页面为班级荣誉,展示我们班参加活动所得到的奖项: 早读被评为“早读积极班级”;参加以“践行社会主义核心价值观—共筑美好华软”为主题的团日活动获得软件工程系二等奖。
5.第五个页面为图片墙,展示我们班从开学到现在留下的一张张美好回忆,展示我们的青春与活力;
6.第六个页面为六班金花,展示我们班仅有的四名女生,在我们班成功晋级为国宝,四朵金花各有各的性格特点,我们会付出行动去呵护她们,不会让她们受到伤害。
因篇幅问题不能全部显示,请点此查看更多更全内容