1、网页设计说明书姓 名： 蒋彬 学 号： 20121130114 班 级： 12 软件 指导教师： 张艳武 完成日期： 2014 年 1 月 5 号 青岛滨海学院 网页课程设计- 2 -目录1 需求分析 .- 3 -1.1 网页设计技术 - 3 -1.2 软件环境 - 3 -1.3 网站要求 - 3 -2 网站创意与结构 .- 3 -2.1 网站创意 - 3 -2.2 网站结构 - 3 -3 个性化设计 .- 4 -3.1 主题 - 4 -3.2 网页布局 - 4 -3.3 导航条 - 4 -4 网站规划 .- 5 -4.1 主页规划 - 5 -4.2 副页规划 - 6 -5 小结 .- 7 -
2、5.1 分工说明 - 7 -5.2 不足之处 - 7 -5.3 改进方法 - 7 -参考文献 .- 7 -青岛滨海学院 网页课程设计- 3 -1 需求分析1.1 网页设计技术Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，界面简单，实用功能比较强大。1.2 软件环境网站是在笔记本 Windwos7 环境下用 Dreamweaver 和 Photoshop 等开发工具完成静态网站的开发。1.3 网站要求风格统一和谐的网页，网页操作合理、方便、友好 需要实现的功能和性能是：适当运用 HTML 语言和 CSS 样式定义，并正确运用多媒体信息，设计出风格统一和谐
3、的网页；网站正常运行，功能达到设计要求，风格和谐统一，操作合理、方便、友好，界面具有美感或创意，还要符合网站管理的原则。2 网站创意与结构2.1 网站创意此网站是基于网络动漫创意，将许多如今网络上红火的动漫整理之后用Dreamweaver 和 Photoshop 等开发工具制作成静态网页，以供其他人进行熟悉浏览，也可加强动漫爱好者的交流。青岛滨海学院 网页课程设计- 4 -2.2 网站结构网站首页（zjdm.html）海贼王火影忍者死神妖精的尾巴全职猎人刀剑神域 缘之空天使之羽恶魔奶爸导航进击的巨人银魂 名侦探柯南管家后宫学园美少女死神3 个性化设计3.1 主题本网站以当下网络红火的动漫为题材
4、，对多部动漫节进行详细的介绍，使浏览者可以很快的了解该动漫的内容。3.2 网页布局本网站采用了 Dreamweaver 中的 CSS 样式进行了主页与副页的排版，可以清晰明了的看到各方面的布局。3.3 导航条导航条采用了表格直接将所有内容容纳概括，方便浏览者直接进入自己所希望了青岛滨海学院 网页课程设计- 5 -解或者喜欢的页面进行浏览。提高了效率。4 网站规划4.1 主页规划主页旨在简介明了将内容完美的呈献给浏览者，因此将大部分的内容隐藏，将精华部分内容放置在导航之下以供浏览。青岛滨海学院 网页课程设计- 6 -青岛滨海学院 网页课程设计- 7 -4.2 副页规划副页旨在详细的介绍各个动漫的
5、情况，并列出了各个动漫的排行顺序以便浏览者依照顺序浏览网页，节约了大量时间与精力。青岛滨海学院 网页课程设计- 8 -青岛滨海学院 网页课程设计- 9 -5 小结充分发挥动手能力。作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，青岛滨海学院 网页课程设计- 10 -也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到
6、了网页设计的知识。 在设计过程中不断提高网页设计水平。在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我运用Dreamweaver、Photoshop 等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了 Dreamweaver、Photoshop 等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。参考文献此网站参考了（1）http:/ zero 动漫网（2）http:/ 百度图片
