网页设计报告封面.doc

亳州职业技术学院信息工程系网页设计报告书2010/2011 学年第 1 学期 设计题目：悲伤定格 年级专业:09计算机应用2班 学生姓名：王劲 指导老师：张继美个人主题网站设计报告制作人： 王劲 ，班级： 09计算机应用二班 ，成绩： 一、网站规划1、需求分析：阐述为什么选择该主题方向及实际意义等现在已经是个新世纪，一切都是网络化！人们足不出门就能知道很多事情！所以在网上有一个自己的个人网站是很有必要的，一是让自己也成为新时期的人，不被淘汰！重要的是让更多的人能了解自己！或许有合适的交个朋友，所以选择了个人网站作为这次的主题。2、同类主题网站的设计分析：在网络上观察了好多在个人网站中其实不拘束于什么形式，主要就是突出个性，要有点睛之处，布局方面可以随意。3、网站的功能定位：全面的解析自己，生活，习惯，爱好等！使浏览者观后能更加了解自己，也表现出自己的特色之处。二、总体设计1、栏目设计：经过慎重考虑将网站分为五个方面分别是说说，相册，文笔，个人简介，和爱好集！分别细致的解析让更多的人了解！2、导航设计：本站导航是在整个网页的左边，使用框架把标题和导航都定位在固定的位置上，而其他的链接则分别链接显示在框架中！这样增加了浏览者的速度了，也能提升整体的性能。3、总体风格（布局，色彩搭配，色调，图片风格等）：总体风格为暗黑色，烘托出一种伤感气氛，加上伤感的背景音乐，更加的让气氛浓烈，整体使用框架来完成，简便设计！色调为伤感色，图片风格除自己拍摄外也是来自网络伤感图片。突出主题悲伤定格与我心永恒。4、首页及内页布局设计：首页分为上为标题，左为导航右为主题显示窗口。每个二级网页均显示在这个浮动窗口中，框架的设计独特在于此处。5、网页间的链接关系：每个网页都是可以相互进入的，他们是互通的。每个二级页面上方都有小导航，显示当前位置，这样让浏览者更加清晰。灵活的连接到各个页面的转换。三、任务分配组长和组员每人负责哪部分工作，最好制作任务分配表。如果一人独立完成，该部分可省略。四、技术方法本网站主要使用浮动窗口来完成的，使用CSS进行美化。使用PS进行图片的一些处理。运用了一些小的脚本，添加透明FLASH。由于本站技术方面牵涉不是很多都是学过的，所以在技术方面存在一些什么障碍。但为了适应以后的.NET开发还应多多实现动态更新方面努力。五、总结总结个人的收获和不足，团体合作要注意的问题，关键难题的解决等。个人总结在自己制作这个网页之前，自己想了很久，确定不下来主题，最后还是明白自己最了解自己。最终确立以个人主页为这次网页制作的主题，来完成这次的网页的制作与布局。在制作网页的过程中，处处碰壁，又因我用的是框架来布局的，在网页的边缘老是出现间隙的问题，在求教我的朋友和老师过程中慢慢的去克服困难，在网络发达的当今时代，网络的资源很丰富，通过网络获得很多想不到的灵感与素材，但是我的个人主题完全是自己所想，包括里面的很多素材：文笔，相册等都是出自自己的手中，很少借鉴网络素材，但是网络确实也帮了我很多。通过这次网页制作，我真正明白什么事情都要自己去努力坚持，所有的一切都是自己追求的目标，在制作过程中，遇到的代码出错，框架大小不一，链接的出错。它不是随便的布局颜色的随意，他有着严格的标准，例如一定要使用网页安全色等!这些都是要注意的。在不断的预览检测中去改正，慢慢的去习惯反复的去发现问题改正问题，在熬了几个夜晚，制作出这个网页，虽然简单了点，但是我觉得它是属于自己的。在这大二的一学期里，我觉得专业课的重要，在专业课上我遇到很多困难，但是还是得去面对，通过这次实训，也可以说是考试内容，确实比较困难，可是最后我还完成了我的个人主页网站作品，我自己的努力我自己的东西，虽然很多人的网页风格很美丽很好看，但是每个人的想法不一样，我只想做自己的独一无二。因为自己的想法才是最真的。结束了这次的网页设计实训。我学到了很多，在做学问的同时，做人更重要。六、参考资源1、本站的一些伤感图片来源于百度图片，其他是本人自拍而来。2、主要技术参考为网络查询，视频教程。3、在制作完成本站后才真正感觉到一个网站的不易，