网站规划与设计报告

1、湖南交通职业技术学院 网页设计与制作课程 项目报告书 题目：班级网站 学院：交通信息学院 班级：智软1201 成员：炜哥、黄 RR、伍RR 指导教师：RR 一. 概述 1. 网站开发背景和目的 随着网络技术的发展与互联网的普及，网站建设与网页制作越来越成为各行各业以及个 人宣传自己的有利工具，、网站在当今时代被越来越多的人用来宣传，通过这次个人网 页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制 作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌 握。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。 这是一个完全关

2、于班级网站的网页。主题班级网站是在Windwos7环境下用记事本、 Dreamweaver和Photoshop等工具完成静态网站的开发，我们完全是运用了这一学期的 网页制作教程所学习的知识和课外自学知识完成的。 二. 需求分析 用户对网站的要求是：风格统一和谐的网页，网页操作合理、方便、友好 需要实现的功能和性能是：适当运用HTML语言和CSS样式定义，并正确运用多媒体 信息，设计出风格统一和谐的网页；网站正常运行，功能达到设计要求，风格和谐统一， 操作合理、方便、友好，界面具有美感或创意，还要符合网站管理的原则。 三. 总体设计 1、网站需要让每个人到了解到艺术 2、主题班级网站是在 Win

3、dwos7环境下用记事本、 Dreamweaver和Photoshop 等工具完成静态网站的开发 3、此次网站制作共三人合力完成 4、 需要遵循的规则和标准：网页命名要简洁、确保页面的导览性好、 保持新鲜感、 合理设计视觉效果、为图片添加文字说明、尽量减少拼写和语法错误、页面长 度要适中、保持链接的有效性、整个页面风格要一致 5、网页色彩搭配原理 色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。 色彩的独特性。要有与众不同的色彩，使得用户对企业网站的印象强烈。 色彩的合适性。色彩和网站表达的内容要与气氛相适应。 色彩的联想性。不同色彩会产生不同的联想，如蓝色想到天空，白色想到纯洁 等。 网站的功

4、能框架结构如下: 首页 友情链接 界面设计: 首页的样图 LOGO 四.详细设计: TOP 卿图片 j 豊录框 血世沏谓醉皿卸世不旳+* 1 的小琲直？ 谒面百点击亶入- 址花与班閘的详逶结具 WJ世界那2却逊F遇到的是停心 悄额如号 硏旳I盔咽主场的五动亠时的円犬天王疲值息 /淄哦川口怪胃问胞样应立问鞠蛙即 疽息 fllL-3 . zMru.AJiL2ai 莊屋我|T 主模块子页的样图 底幸遇對的tffiff JtTfe-卜H 癖顷里: 一共音m亍人 执離升姑予用題加现左的无话苹竝 饕空岂中腔赵T坪滞 拓圖只荷硏支生回Em.Mm成迂册齐 还有須沖生剖注 瞅如年 坞特艦和 总豪育利的斑英同苹專

5、1MH冋：煤1她经过仝反酷? 为什益堆矽IE T wjs罡em胸时棒能爭姐 班按I語花空 肝几Efl- 和汰.夬叫 触I虫舅 議读.Btti炉 修睥；旳务十厅删 返旦 h5T 舷书， 細弘K；：虬# dffli S taAUfl IB13SH 擬堪 佃和US一Mt企班二，a 工 Mzfli .： $m： 7i 4RA:+ 用尸名* nci DlCIHhlE 千 4l科产 T丄井皑倉呗. rt. A J! ? Ib tt -t BL = welcome 古恆 肝 tn AM 車事 m iffli 社E d廟 Bnii an 拥!冋 AtfH Q _ 曲比 ffl MM Z3 IB玛3 MH 细I

6、L MA KH d-* 关键技术： 主要运用：DIV、CSS、JAVASCRIPT脚本语言，表格 次要运用：JQuerrR脚本，flash动画，gif动态图片等等。 运用工具：美图秀秀，表情工厂，DW8，等等 五、结束语 1分工说明： 黄云清主要负责网页首页的排版、设计和子网页的超连接，子网页的整理 以及资料的寻找。支炜和伍众永主要负责子网页的排版设计和图片的PS和处理以及参考资 料的寻找。 2、不足： 整个网站的子网页不够，链接也不是很多。班级介绍的不太详细，班级特点不 够鲜明。网站的简介介绍的内容不够全面，只是简略的介绍了班级的一些栏目，但是没有全 面的介绍我们班的具体特点。网站的代码不太

7、统一，没有用外部连接文件，后期的维护困难。 改进方法：增加子网页的数目和详细简介内容，网站的代码要统一整理，最好一个外部 连接文件控制样式等，便于后期维护。 六、个人心得 做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、 页面的排版设置、背景及其整套网页的色调等很多东西。 1标题 在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。 一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决 不要取一个名不符实的”好名字”，别人第一次上了当，下次再也不会光顾了。 2内容的采集 选好标题后，开始采集内容，内容必须与标题相

8、符，在采集内容的过程中，应注重特色， 所谓特色应该是有一些自己的东西。个人主页中的特色， 应该突出自己的个性， 把自己的兴 趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在 那里，可以放上自己喜欢的任何东西，包括你自己平时喜欢一些文章，一些好听的歌，一些 好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置 太多，最好不要超过十个，层次上最好少于五层。 3图片 做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说 图胜（转载自第一范文网 http:/www.diR，请保留此标记。）千言，我想不无道 理，一张处理得好

9、的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。 当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响 网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即 字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的 传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在 256色以内的最好 把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式， 因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。 4. 网页排版 网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电