网页设计报告精选word文档 13页Word文档格式.docx

网页设计报告精选word文档 13页Word文档格式.docx

《网页设计报告精选word文档 13页Word文档格式.docx》由会员分享，可在线阅读，更多相关《网页设计报告精选word文档 13页Word文档格式.docx（9页珍藏版）》请在冰豆网上搜索。

张妍琰田慧吴孝利

设计时间：

计算机科学与工程系

201X年6月

一、设计目的..........................................................................................................................................3

二、需求分析..........................................................................................................................................5

1、基本工具需求................................................................................................................................5

2、基本要素需求................................................................................................................................5

3、网页视觉设计与审美需求............................................................................................................6

4、特殊需求........................................................................................................................................6

三、功能模块分析及设计......................................................................................................................7

1、设计目标........................................................................................................................................7

2、模块分析........................................................................................................................................7

四、制作过程及要点..............................................................................................................................7

四、制作过程及要点..............................................................................................................................8

1、导航栏制作....................................................................................................................................8

2、首页制作........................................................................................................................................9

3、史海烟云模块制作......................................................................................................................10

4、老照片模块制作..........................................................................................................................10

五、系统介绍及功能展示....................................................................................................................11

五、系统介绍及功能展示....................................................................................................................12

1、系统介绍......................................................................................................................................12

2、部分功能展示..............................................................................................................................13

六、设计总结........................................................................................................................................15

七、参考文献........................................................................................................................................17

一、设计目的

在21世界的今天，中国互联网技术已经进入了一个高速发展的阶段，直接通过网络浏览个人网站，已经成为越来越多网民的选择，根据调查，中国大陆目前有3亿多网民，其中50%的网民有过在网络上浏览个人网页对他人的了解或获得他人的帮助的经历，30%的网民有过多次在网上浏览个人网页的经历，而经常性的在网络上浏览个人网站的网民，已经达到了20%以上。

也就是说，在中国大陆，最少有1000万多网民，已经选择了在WEB网中建立个人网站作为主要的展示自己才能方式之一。

另外，在当今这个强权时代，军事力量的发展已成为每个国家的重中之重。

新世纪的头十年，世界主要大国为赢得未来战略主动权，都启动了新一轮军事变革或转型，型，从而将世界军事变革推向了一个新的阶段。

但是，由于国际战略形势的深刻变化，国际安全环境日趋复杂，特别是战争形态呈现出多样性的趋势，给大国军事变革增添了许多不确定因素，包括美国、俄罗斯等在内，其军事变革的进程并不像想象的那样一帆风顺。

其他一些大国的军事变革，同样遇到了不少的阻力和困难。

印度进入新世纪以来多次调整军事战略，军队的改革设想一个接着一个，雄心勃勃的武器发展规划不断推出，但真正能够按照时间节点落实的为数不多，内外舆论对其军事改革的评价同样也是褒贬不一。

回顾过去10年大国军事变革走过的历程，并非总是一路“高歌猛进”、“迅猛发展”。

像其他社会领域的变革一样，大国军事变革走入新世纪，既有成功的经验，也有深刻的教训，当前正处在一个深刻的反思阶段。

就像一位战略家所说，一个民族的崛起从来都不会是和平的。

在我中华名族重新屹立在世界民族之林的过程中，伴随着我们的是近百年大大小小的战争，这使我们深深明白，力量弱就没有话语权，就要挨打。

现在，随着我国的迅速崛起，与周边国家的边境冲突越来越多，军事问题再一次回到了人们的视线，国防教育又一次成为全民教育的一项重要内容，也是当代大、中学生整个思想政治教育的重要组成部分。

历史经验表明，一个国家、一个民族的强弱兴衰与国民国防意识的强弱有密切的联系。

大、中学生既有较高的科学文化知识，又年轻力壮，他们

是国家最有希望的一代，是国防兵员的主要来源。

加强全民的国防教育，首选要加强学生的国防教育，要从娃娃抓起，提高他们的国防观念。

要做到这一点，最有效的途径就是对他们进行军事训练。

通过军事训练，对他们进行爱国主义、革命英雄主义和人民军队的传统教育，激发他们的爱国主义热情，增强建设祖国、保卫祖国的责任感，从而推动全民国防教育的发展，弘扬中华民族崇勇尚武的传统美德，使全体公民都树立起居安思危、常备不懈、有备无患的国防观念。

在这样的背景之下，成立一个以军事历史为主题的网站，具有非常大的发展空间和市场潜力。

它不仅能为网民提供一个在线获得信息平台，而且还可以使网民从历史中谋发展，以史为镜。

因此，在上述情况下，我们设计并制作了这个军事历史型网站——军事网。

二、需求分析

1、基本工具需求

DreamweaverCS3、，AdobePhotoshopCS4，可以运用DreamweaverCS3进行flash电子相册的制作，用DreamweaverCS4进行页面布局、页面CSS编码编辑、排版、设计等功能，可以利用PhotoshopCS4制作图片和对图片进行修改！

2、基本要素需求

1）图片要素

运用图片是设计与制作网页必不可少的部分，图片的运用能够给人更加直观的信息，图片的要求与页面的内容有关，我做的网页是军事历史网站，因此所用的图片都是一些军事相关图片，图片比较单一。

不过在相关图片的制作过程中还是下了一定的功夫，希望能吸引网民的眼球，能够起到很好的宣传广告效应，再加上图片可以利用Photoshop修改和制作，因而更能够设计出较好的网页。

2）客户群体特点

调查发现，网上军迷的关注点往往各不相同。

总的来看，大致可以分为：

战略迷、兵器迷、战史迷、热点迷等。

通过对各大军事网站、论坛的板块设置、热点新闻、热帖的跟踪分析可以看出，军事迷们在网上对以下问题的关注度最大：

军事热点：

军事迷们对国际安全，特别是军事方面的热点问题关注度最高。

像近期爆发的俄罗斯与格鲁吉亚间的武装冲突等，常常跃升为各网站、论坛的头条；

参加讨论、跟帖的军迷也特别多；

军事酷图：

各大论坛中关于武器装备的帖子往往都有很高的点击率和众多的回复。

如：

“世界极品警用手枪”、“×

×

型坦克的致命弱点”、“图解×

号舰艇”之类的帖子的点击量高达十几万，甚至更多；

中国军情：

有关我国国防发展的问题在网上的关注度非常高，尤其是我军现代化建设方面的动向及成果，往往是军迷们在网上追捧的“明星”。

比如“中国可以没有航母，但一定要提升空军”等就引得众多网迷跟帖热议。

篇二：

网页制作设计报告

成绩：

《网页制作》课程期末考查设计报告

系部：

班级：

学期：

个人主页网站的设计与实现数学与应用数学系信息与计算科学信计一班201X年下学期

一、

绪论............................................................................................................................31、网站主题...........（来自:

）......................................................................................................32、网站规划.................................................................................................................3

二、

正文............................................................................................................................31、网页制作的前期策划与准备.....................................................................................32、设计方案.................................................................................................................43、网页实现.................................................................................................................53.1首页——个人主页...................................................................................................53.1．1具体设置以及部分JavaScript定义代码...............................................................63.2我的日志...............................................................................................................113.3我的相册...............................................................................................................123.4我的音乐...............................................................................................................123.5我的档案...............................................................................................................133.6我的爱好——我喜欢的明星...................................................................................13设计小结...................................................................................................................131、设计中遇到的问题及解决.......................................................................................142、心得体会...............................................................................................................14

四、

参考文献...................................................................................................................14

三、

一、绪论

1、网站主题

本网站主要是实现一个个人主页。

相信每个人在网上都有自己的个人空间，不管是QQ空间，还是51空间等等，很多人都想把自己的主页弄得绚丽多彩，漂漂亮亮的，希望在众多的空间中脱颖而出，得到更多人的关注，因此此网站将告诉同学们我们自己去构建完全属于自己的一个主页，而且通过此网站可以使同学们更加的了解个人主页的组成。

2、网站规划

本网站共分有11个板块，分为我的主页、我的日志、我的相册、我的音乐、我的档案、我的好友、我的下载、我的爱好、我的博客、我的心情、我的家园，目前分别有对其中的七项进行介绍。

整个网站采用黑色为主色调，黑色给人以遐想，神秘的感觉，所以更能给人以视觉的冲击。

整个网站的开头都是以一个flash文件，通过运用flash设置不断变化的文字效果，符合人的审美标准。

为了使网页的风格保持一致，主要只有一个CSS模板。

不同的网页在制作时，对主要的CSS模板进行继承，加入了新的元素来满足不同的需求。

布局方面，本网页主要采用了APDiv和表格布局页面，因为APDiv布局更灵活，而且易于修改，这样每个部分就好像一个独立的，你要修改哪个地方直接修改与它相关的而不会影响其他的部分。

为了突出主题，每个子网页的头部部分及导航栏都与主页相同而且背景颜色也都一致。

对JavaScript的运用主要集中在特效方面。

分别是图片的自动从右向左滚动，还有日志导航的自动从下往上滚动，还有记录在此网站停留的时间等。

首页网站分主要分为为三大块，头部，主体，和底部。

头部用以一个与个人主页题目相关的flash体现主题，并体现网站的内容；

主体内分为三个块，左边用来介绍自己，以及登录的界面还有热点话题导航，中间主要显示最近日志更新导航，体现主页的主题，在右边插入一个flash的MV用来显示最新更新的照片，接着是相册的风采显示；

底部用来添加主页地址连接以及联系方式，整个网站的设计条理清晰，层次分明。

二、正文

1网页制作的前期策划和准备

在正式制作我们的网页之前，我们将主题确定在介绍个人主页上，一共做了11个子页面，但是真正有内容的只有6个，其他4个由于时间关系就有待改进了，因此加上主页，有内容的网页一共是7个。

然后我们确定了一下各网页的整体布局以及颜色的选取，由于是个人主页欣赏，因此整体的颜色决定采用黑色，既符合广大同学们的喜爱同时也给人以视觉的冲击。

确定了这些后，就是上网查找有关资料，看看别人的个人主页是怎么做的，还有查找需要的一些图片等。

为了让网页做得更能符合当今网页设计的潮流，在网上找了一着动态效果的代码，通过仔细阅读，修改成自己想要的样子。

2设计方案

①主架构设计，结构图如图1所示：

图1

②个人主页的首页设计，结构图如图2所示：

图2

3、网页实现

3．1首页——个人主页

网页制作中我使用了AdobeDreamweaverCS5软件，我认为所有网页的总体布局是一样的，因此先总体的做了个网页的模板，在此模板的基础上，再去设计各个子页面。

此模板由导航区，内容区以及友情链接区组成。

首页中每一个模块都是用APDiv布局的。

用id和类可以简便的使用APDiv对网页进行扩展，这样使网站条理清晰，便于加入其他内容元素以及修改。

首页的开头主题部分借助MacromediaFlash8软件制作的一个动态主题文字的flash文件，给人一种全新的感觉。

效果如下：

接着是一个用Spry菜单栏作为主页的导航，效果如下：

还有主体部分的最中间及最新照片的显示都是通过MacromediaFlash8制作的不断变化动态效果，至于一些诗所用的字体是在网上找的一些动态图片。

效果如

下：

首页的主体部分使用了JavaScript技术，加入了最新日志自动由下向上不断移动的动态导航效果以及接着相册图片自动切换的功能，增加网页的动态效果。

还有停留时间显示，最低端的文字从右弹出。

效果分别如下：

篇三：

中国海洋大学青岛学院

网站设计

题目

学生姓名

指导教师

学院

专业班级

游戏网站设计曹明轩蒲鹏飞付尚东汪桂兰辛琰信息科学与工程学院网络系统管理201X级1班

组内分工

前言..................................................................................................................................................................4

1、实训心得......................................................................................................................................................5

1.1意义......................................................................................................................................................................5

1.2目的......................................................................................................................................................................5

1.2.1理论知识与专业技能................................................................................................................