网站规划方案与设计方案报告.doc

湖南交通职业技术学院
《网页设计和制作》课程
项目汇报书

题目： 班级网站
学院：交通信息学院
班级：智软1201
组员：炜哥、黄**、伍**
指导老师： **

一． 概述
1. 网站开发背景和目标
伴随网络技术发展和互联网普及，网站建设和网页制作越来越成为各行各业和个人宣传自己有利工具，、网站在当今时代被越来越多人用来宣传，经过这次个人网页制作，我对计算机有了更深层次得到了解，也有了更浓厚爱好。尤其是对网页制作过程和部分技巧手法更有了另外一番了解，对网页制作基础知识也有了一定掌握。所以我认为这次制作网页我已经达成了自己目标，而不是单单为了完成作业而已。这是一个完全相关班级网站网页。专题《班级网站》是在Windwos7环境下用记事本、Dreamweaver和Photoshop等工具完成静态网站开发，我们完全是利用了这一学期网页制作教程所学习知识和课外自学知识完成。
二． 需求分析
用户对网站要求是：风格统一友好网页，网页操作合理、方便、友好
需要实现功效和性能是：合适利用HTML语言和CSS样式定义，并正确利用多媒体信息，设计出风格统一友好网页；网站正常运行，功效达成设计要求，风格友好统一，操作合理、方便、友好，界面含有美感或创意，还要符合网站管理标准。
三． 总体设计
1、 网站需要让每个人到了解到艺术
2、 专题《班级网站》是在Windwos7环境下用记事本、Dreamweaver和Photoshop等工具完成静态网站开发
3、 此次网站制作共三人协力完成
4、 需要遵照规则和标准：网页命名要简练、确保页面导览性好、保持新鲜感、合理设计视觉效果、为图片添加文字说明、尽可能降低拼写和语法错误、页面长度要适中、保持链接有效性、整个页面风格要一致
5、 网页色彩搭配原理
①色彩鲜明性。网页色彩要鲜艳，轻易引人注目。
②色彩独特征。要有和众不一样色彩，使得用户对企业网站印象强烈。
③色彩适宜性。色彩和网站表示内容要和气氛相适应。
④色彩联想性。不一样色彩会产生不一样联想，如蓝色想到天空，白色想到纯洁等。

网站功效框架结构以下：
班级网站主页
班级相册
班级介绍
留言板
同学录
班级趣闻
友谊链接
首页

四． 具体设计：
界面设计：

首页样图

主模块子页样图

关键技术：
关键利用：DIV、CSS、JAVASCRIPT脚本语言，表格
次要利用：JQuerry脚本，flash动画，gif动态图片等等。
利用工具：美图秀秀，表情工厂，DW8，等等

五、结束语
1分工说明：黄云清关键负责网页首页排版、设计和子网页超连接，子网页整理和资料寻求。支炜和伍众永关键负责子网页排版设计和图片PS和处理和参考资料寻求。

2、不足：整个网站子网页不够，链接也不是很多。班级介绍不太具体，班级特点不够鲜明。网站介绍介绍内容不够全方面，只是简略介绍了班级部分栏目，不过没有全方面介绍我们班具体特点。网站代码不太统一，没有用外部连接文件，后期维护困难。

改善方法：增加子网页数目和具体介绍内容，网站代码要统一整理，最好一个外部连接文件控制样式等，便于后期维护。

六、个人心得
做好主页，并不是一件轻易事，它包含个人主页选题、内容采集整理、图片处理、页面排版设置、背景及其整套网页色调等很多东西。
1.标题
在个人主页中标题起着很关键作用，它在很大程度上决定了你整套个人主页定位。一个好标题必需有概括性、简短，有特色、轻易记，还要符合自己主页专题和风格，决不要取一个名不符实"好名字"，她人第一次上了当，下次再也不会光顾了。
2.内容采集
选好标题后，开始采集内容，内容必需和标题相符，在采集内容过程中，应重视特色，所谓特色应该是有部分自己东西。个人主页中特色，应该突出自己个性，把自己爱好、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上一个小小家园，在那里，能够放上自己喜爱任何东西，包含你自己平时喜爱部分文章，部分好听歌，部分好动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超出十个，层次上最好少于五层。
3.图片
做个人主页不能只用文字，必需在主页上合适地加部分图片，增加可看性，俗话说"一图胜（转载自第一范文网，请保留此标识。）千言"，我想不无道理，一张处理得好图片不需要多做任何解释，就能让人一目了然，让人去思索，去了解它。当然处理得不好和无关紧要图片最好不要放上去，不然让人认为是累赘，同时也影响网页传输速度。图片不仅要好看，还要在确保图片质量情况下尽可能缩小图片大小（即字节数），在现在网络传输速度不是很快情况下，图片大小在很大程度上影响了网页传输速度。那么怎样精简图片大小呢，通常来说，图片颜色较少及在256色以内最好把它处理成gif图像格式，假如是部分色彩比较丰富图片，最好把它处理成jpg图像格式，因为gif和jpg各有各压缩优势，应依据具体图片来选择压缩比。
4.网页排版
网页页面整体排版设计也是不可忽略，要让读者在狭小电脑屏幕上阅读，很关键一个标准是合理地利用空间，让自己网页井井有条，留下必需空白，人认为很轻松。不要把整个网页全部填得密密实实，没有一点空隙，这么会给人一个压抑感。
5.背景
网页背景并不一定非要用白色，选择背景应该和整套页面色调相协调。合理应用色彩是很关键。