网页设计报告封面_网页设计封面

网页设计报告封面由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计封面”。

亳州职业技术学院信息工程系

网 页 设 计 报 告 书

2010/2011 学年第 1 学期

设计题目：悲伤定格

年级专业:09计算机应用2班

学生姓名：王劲

指导老师：张继美

《个人主题网站》设计报告

制作人：

王劲，班级：

09计算机应用二班，成绩：

一、网站规划

1、需求分析：阐述为什么选择该主题方向及实际意义等

现在已经是个新世纪，一切都是网络化！人们足不出门就能知道很多事情！所以在网上有一个自己的个人网站是很有必要的，一是让自己也成为新时期的人，不被淘汰！重要的是让更多的人能了解自己！或许有合适的交个朋友，所以选择了个人网站作为这次的主题。

2、同类主题网站的设计分析：

在网络上观察了好多在个人网站中其实不拘束于什么形式，主要就是突出个性，要有点睛之处，布局方面可以随意。

3、网站的功能定位：

全面的解析自己，生活，习惯，爱好等！使浏览者观后能更加了解自己，也表现出自己的特色之处。

二、总体设计

1、栏目设计：

经过慎重考虑将网站分为五个方面分别是说说，相册，文笔，个人简介，和爱好集！分别细致的解析让更多的人了解！

2、导航设计：

本站导航是在整个网页的左边，使用框架把标题和导航都定位在固定的位置上，而其他的链接则分别链接显示在框架中！这样增加了浏览者的速度了，也能提升整体的性能。

3、总体风格（布局，色彩搭配，色调，图片风格等）：

总体风格为暗黑色，烘托出一种伤感气氛，加上伤感的背景音乐，更加的让气氛浓烈，整体使用框架来完成，简便设计！色调为伤感色，图片风格除自己拍摄外也是来自网络伤感图片。突出主题《悲伤定格与我心永恒》。

4、首页及内页布局设计：

首页分为上为标题，左为导航右为主题显示窗口。每个二级网页均显示在这个浮动窗口中，框架的设计独特在于此处。

5、网页间的链接关系：

每个网页都是可以相互进入的，他们是互通的。每个二级页面上方都有小导航，显示当前位置，这样让浏览者更加清晰。灵活的连接到各个页面的转换。

三、任务分配

组长和组员每人负责哪部分工作，最好制作任务分配表。如果一人独立完成，该部分可省略。

四、技术方法

本网站主要使用浮动窗口来完成的，使用CSS进行美化。使用PS进行图片的一些处理。运用了一些小的脚本，添加透明FLASH。由于本站技术方面牵涉不是很多都是学过的，所以在技术方面存在一些什么障碍。但为了适应以后的.NET开发还应多多实现动态更新方面努力。

五、总结

总结个人的收获和不足，团体合作要注意的问题，关键难题的解决等。

个人总结

在自己制作这个网页之前，自己想了很久，确定不下来主题，最后还是明白自己最了解自己。最终确立以个人主页为这次网页制作的主题，来完成这次的网页的制作与布局。

在制作网页的过程中，处处碰壁，又因我用的是框架来布局的，在网页的边缘老是出现间隙的问题，在求教我的朋友和老师过程中慢慢的去克服困难，在网络发达的当今时代，网络的资源很丰富，通过网络获得很多想不到的灵感与素材，但是我的个人主题完全是自己所想，包括里面的很多素材：文笔，相册等都是出自自己的手中，很少借鉴网络素材，但是网络确实也帮了我很多。

通过这次网页制作，我真正明白什么事情都要自己去努力坚持，所有的一切都是自己追求的目标，在制作过程中，遇到的代码出错，框架大小不一，链接的出错。它不是随便的布局颜色的随意，他有着严格的标准，例如一定要使用网页安全色等!这些都是要注意的。在不断的预览检测中去改正，慢慢的去习惯反复的去发现问题改正问题，在熬了几个夜晚，制作出这个网页，虽然简单了点，但是我觉得它是属于自己的。

在这大二的一学期里，我觉得专业课的重要，在专业课上我遇到很多困难，但是还是得去面对，通过这次实训，也可以说是考试内容，确实比较困难，可是最后我还完成了我的个人主页网站作品，我自己的努力我自己的东西，虽然很多人的网页风格很美丽很好看，但是每个人的想法不一样，我只想做自己的独一无二。因为自己的想法才是最真的。

结束了这次的网页设计实训。我学到了很多，在做学问的同时，做人更重要。

六、参考资源

1、本站的一些伤感图片来源于百度图片，其他是本人自拍而来。

2、主要技术参考为网络查询，视频教程。

3、在制作完成本站后才真正感觉到一个网站的不易，它不是随便的布局颜色的随意，他有着严格的标准。例如一定要使用网页安全色等!这些都是要注意的，静态网页这方面没有多大的难度，随意在本站完成还算顺利。

4、参考教材《网页设计与制作教程》。