admin 管理员组文章数量: 1184232
2024年5月7日发(作者：受欢迎的java培训课程)
河南城建学院
《网页设计》课程设计报告
学 号： *********
专 业： 信息管理与信息系统
* 名： ***
题 目： 军事网站
指导老师： 张妍琰 田慧 吴孝利
设计时间： 2012.6.18~2012.6.21
计算机科学与工程系
2012年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
2
一、设计目的
在21世界的今天，中国互联网技术已经进入了一个高速发展的阶段，直接
通过网络浏览个人网站，已经成为越来越多网民的选择，根据调查，中国大陆目
前有3亿多网民，其中50%的网民有过在网络上浏览个人网页对他人的了解或获
得他人的帮助的经历，30%的网民有过多次在网上浏览个人网页的经历，而经常
性的在网络上浏览个人网站的网民，已经达到了20%以上。也就是说，在中国大
陆，最少有1000万多网民，已经选择了在WEB网中建立个人网站作为主要的展
示自己才能方式之一。
另外，在当今这个强权时代，军事力量的发展已成为每个国家的重中之重。
新世纪的头十年，世界主要大国为赢得未来战略主动权 ，都启动了新一轮军事
变革或转型，型，从而将世界军事变革推向了一个新的阶段。但是，由于国际战
略形势的深刻变化，国际安全环境日趋复杂，特别是战争形态呈现出多样性的趋
势，给大国军事变革增添了许多不确定因素，包括美国、俄罗斯等在内，其军事
变革的进程并不像想象的那样一帆风顺。
其他一些大国的军事变革，同样遇到了不少的阻力和困难。印度进入新世纪
以来多次调整军事战略，军队的改革设想一个接着一个，雄心勃勃的武器发展规
划不断推出，但真正能够按照时间节点落实的为数不多，内外舆论对其军事改革
的评价同样也是褒贬不一。回顾过去10年大国军事变革走过的历程，并非总是
一路“高歌猛进”、“迅猛发展”。像其他社会领域的变革一样，大国军事变革走
入新世纪，既有成功的经验，也有深刻的教训，当前正处在一个深刻的反思阶段 。
就像一位战略家所说，一个民族的崛起从来都不会是和平的。在我中华名族
重新屹立在世界民族之林的过程中，伴随着我们的是近百年大大小小的战争，这
使我们深深明白，力量弱就没有话语权，就要挨打。现在，随着我国的迅速崛起，
与周边国家的边境冲突越来越多，军事问题再一次回到了人们的视线，国防教育
又一次成为全民教育的一项重要内容，也是当代大、中学生整个思想政治教育的
重要组成部分。历史经验表明，一个国家、一个民族的强弱兴衰与国民国防意识
的强弱有密切的联系。大、中学生既有较高的科学文化知识，又年轻力壮，他们
3
是国家最有希望的一代，是国防兵员的主要来源。加强全民的国防教育，首选要
加强学生的国防教育，要从娃娃抓起，提高他们的国防观念。要做到这一点，最
有效的途径就是对他们进行军事训练。通过军事训练，对他们进行爱国主义、革
命英雄主义和人民军队的传统教育，激发他们的爱国主义热情，增强建设祖国、
保卫祖国的责任感，从而推动全民国防教育的发展，弘扬中华民族崇勇尚武的传
统美德，使全体公民都树立起居安思危、常备不懈、有备无患的国防观念。
在这样的背景之下，成立一个以军事历史为主题的网站，具有非常大的发展
空间和市场潜力。它不仅能为网民提供一个在线获得信息平台，而且还可以使网
民从历史中谋发展，以史为镜。因此，在上述情况下，我们设计并制作了这个军
事历史型网站——军事网。
4
二、需求分析
1、基本工具需求
Dreamweaver CS3、，Adobe Photoshop CS4，可以运用Dreamweaver CS3
进行flash电子相册的制作，用Dreamweaver CS4进行页面布局、页面CSS编码
编辑、排版、设计等功能，可以利用Photoshop CS4制作图片和对图片进行修改！
2、基本要素需求
1）图片要素
运用图片是设计与制作网页必不可少的部分，图片的运用能够给人更加直观
的信息，图片的要求与页面的内容有关，我做的网页是军事历史网站，因此所用
的图片都是一些军事相关图片，图片比较单一。不过在相关图片的制作过程中还
是下了一定的功夫，希望能吸引网民的眼球，能够起到很好的宣传广告效应，再
加上图片可以利用Photoshop修改和制作，因而更能够设计出较好的网页。
2）客户群体特点
调查发现，网上军迷的关注点往往各不相同。总的来看，大致可以分为：战
略迷、兵器迷、战史迷、热点迷等。通过对各大军事网站、论坛的板块设置、热
点新闻、热帖的跟踪分析可以看出，军事迷们在网上对以下问题的关注度最大：
军事热点：军事迷们对国际安全，特别是军事方面的热点问题关注度最高。像近
期爆发的俄罗斯与格鲁吉亚间的武装冲突等，常常跃升为各网站、论坛的头条；
参加讨论、跟帖的军迷也特别多； 军事酷图：各大论坛中关于武器装备的帖子
往往都有很高的点击率和众多的回复。如：“世界极品警用手枪”、“××型坦
克的致命弱点”、“图解××号舰艇”之类的帖子的点击量高达十几万，甚至更
多； 中国军情：有关我国国防发展的问题在网上的关注度非常高，尤其是我军
现代化建设方面的动向及成果，往往是军迷们在网上追捧的“明星”。比如“中
国可以没有航母，但一定要提升空军”等就引得众多网迷跟帖热议。
5
当然，网络做为一个娱乐成分很高的平台，一些军事网站偶尔也很八卦。像
一些题为“我国最美丽的女军人”、“以色列漂亮女兵”等帖子也会在一段时间
受到网迷们的追捧。
对广大军事爱好者来说，及时的军事热点、先进武器的报道等是总多网友的
需要，因此，我制作军事纵横网，希望将来能够为广大的军事迷们提供即使热点
状态和良好的交流平台。
3、网页视觉设计与审美需求
人们对美的需求是不断深入的，网页设计也同样如此。如何使访客更好的接
受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对平面设计
美学的一种继承和延伸，两者的表现形式和目的具有一定的相似性。起初，我编
排完的网页内容杂乱，缺乏规范性设计，图片处理缺乏美感，利用html、css
和javascript设计的加注脚本特效的网页，由于缺乏技术性，致使页面效果不
美观。经过一周的调整和修改，查找课本资料和从网上搜集知识，基本上使得网
页看起来主次分明、有条理，也颇有美感了。
4、特殊需求
网页内容要实现一些特殊的功能，例如：会员登陆、新闻评论等等。
6
三、功能模块分析及设计
1、设计目标
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体
风格和特色作出定位，规划网站的组织结构。针对网站所要展示的内容进行设计
整理，是页面不会显得太乱，给人整体划一的感觉。为了做到主题鲜明突出，要
点明确，要按照要求，以简单明确的语言和画面体现站点的主题；调动一切手段
充分表现网站点的个性和情趣，办出网站的特点
。
2、模块分析
在需求分析的基础上，经过我们的讨论分析，确定网站由以下几个模块组成：
首页、军事情报、武器装备、军事图库、史海烟云、老照片。其中军事情报部门
又包括中国军情，台海军情，国际军情、军事新闻、热点评论等部分。军事图库
包括军事酷图、图说时政、纵览天下等部门。老照片包括人物志、档案馆、历史
战争、论坛热图等部分。下图为网站总体结构图：
军事情报
首页
武器装备 军事图库
史海烟云
老照片
中
国
军
情
台
海
军
情
国
际
军
情
军
事
要
闻
论
坛
热
点
军
事
酷
图
图
说
时
政
纵
览
天
下
人
物
志
档
案
馆
战
争
历
史
论
坛
热
图
图3.1网站总体结构图
7
四、制作过程及要点
在本次课程设计过程中我主要负责网站导航栏、首页、史海烟云、以及老照
片等模块的制作及导航栏图片的PS制作。在制作过程中，主要用表格及嵌套表
格布局
1、导航栏制作
图 4.1 导航栏
制作步骤：
1) 插入一个1行3列的表格，表格宽度为70%，对齐方式为居中。
2) 在第一列中插入网站logo图片“”，并设置第二列宽度为15px。
3) 在第三列中插入一个三行一列的表格。
4) 将嵌套表格第一行拆分为两列，在第一列中插入表单，并在表单中插入用户
名、密码文本域及登录、重置按钮；在第二列中插入“设为首页”“加入收
藏”链接。
5) 将嵌套表格第二行拆分为四列，在第1、2、3列相应位置插入热点新闻及其
链接；在第四列插入时间，并设置时间更新方式为“每次保存时更新”。
6) 将嵌套表格第三行背景设置为图片，并插入一个一行六列的嵌套表格，表格
间距为15px。
7) 在嵌套表格每个单元格中分别指行“插入——图像对象——鼠标经过图像”
操作，将图片插入到相应位置。
8) 将导航栏制作成模版，供其他模块使用。模版如下页图所示
8
图4.2 模版
在首页，历史烟云、老照片制作过程中，由于步骤太过复杂，在此不再一一列出，仅对
要点部分进行说明。
2、首页制作
在首页制作过程中，我参考了网络上现有的大多数网站的布局，并以此为基础进行了优
化和布局。
图4.3 首页
要点说明：
视频的插入。将光标放在相应的单元格中，执行“插入——媒体——”
操作，弹出对话框后选择相应视频，之后依次点击“检测大小”“确定”按钮，
即可把视频插入到单元格中。
9
3、史海烟云模块制作
要点说明：
图4.4 史海云烟
在史海烟云模块中，除了插入视频外，还在热门点击栏目中使用了走马灯效
果，制作方法为：点击代码视图，将光标插入到相应位置，打入以下代码：
版权声明：本文标题：网页设计报告 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1715014773a685189.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论