网站规划与设计报告

湖南交通职业技术学院《网页设计与制作》课程

项目报告书

题目：班级网站

学院：交通信息学院

班级：智软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.背景

网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

如有侵权请联系告知删除，感谢你们的配合！