军事网站设计（html页面源码）

网站需求分析：

本网站的特色：

本网站是围绕军事题材创建的。旨在推广军事及国防教育。我在网站上展出了大量的军事武器装备的图片，希望通过漂亮的装备吸引人们了解军事了解国防。我在网上看过许多国内的军事网站，发现大部分的军事网站太过硬核，具有一定门槛，而且整体的布局和界面也不是很美观。这也是因为这些网站大部分都是由军迷创建完成的。这些网站也只是适合那些在军迷圈浸淫很久的人，并不适合广大的非军迷民众。一般人进去这种网站并不能够被吸引，也就谈不上推广军事和国防事业。所以我的网站就从最简单的方式入手。什么最吸引人——图片。我展出了大量的图片去吸引读者。

 

网站的功能：

 

 

非功能性需求：

整体美观。

图片排列规则整洁。

易于理解。

突出主题。

 

网站实现效果

开发工具：Dreamweaver

主页：

此页面有八个链接，分别连接到其他八个页面。点击“欢迎来到军事世界”文字可以进入下一页面即次主页。

此页面可以进入五个主要内容版块，分别是陆军版块，海军版块，空军版块，非常规武器和朝花夕拾。

这就是陆军版块，展出了一些坦克和火炮图片，还有几张俄罗斯红场阅兵的图片。

 

海军版块主要展出了尼米兹级航母，福特级航母还有我国的辽宁号航母。

 

空军版块展出了各国的现役战机，还附带战机的介绍。

非常规武器版本展出的是最为神秘的武器，是绝对的真理力量。

 

 

此页面是让读者与我联系的页面，有我的一些个人信息的介绍。

 

 

 

此页面是让游客可以留下意见及建议，帮助我改进网站。

 

此页面介绍了一些划时代的古代兵器，每一件都是影响了历史的走向。

总结：

开发网站的关键问题：

1.    图片的排列问题。

2.    文字字体大小颜色问题。

3.    背景图片及网站图标的制作。

关键技术：

我运用了div技术去做一些布局，定位一些图片和文字在网页中的位置。还有一些CSS和jsp。调整了一些文字、背景的颜色字体等。

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

     文件       1864  2018-05-07 12:30  css\hover.css

     文件       1017  2018-05-24 18:26  css\st.css

     文件        928  2018-05-04 15:56  css\sty.css

     文件       2035  2018-05-06 09:41  css\style.css

     文件       2676  2014-07-11 13:56  css\zzsc.css

     文件     989495  2018-10-29 17:01  images\2.png

     文件      76803  2018-05-05 11:09  images\3.jpg

     文件     176632  2018-11-15 20:57  images\beijing\主页背景.jpg

     文件     200678  2018-11-13 14:38  images\beijing\天空背景.jpg

     文件     240468  2018-11-15 22:31  images\beijing\小女孩.png

     文件    1440056  2018-11-14 21:50  images\beijing\小背景.bmp

     文件     559763  2018-11-16 07:52  images\beijing\尾页背景.jpg

     文件     295304  2018-11-16 14:52  images\beijing\次主页背景.jpg

     文件     212896  2018-11-16 15:02  images\beijing\留言板.jpg

     文件      60788  2018-11-16 13:28  images\beijing\背景.jpg

     文件     633265  2018-11-16 12:10  images\beijing\非常规武器背景.jpg

     文件     464086  2018-10-22 16:39  images\g1.jpg

     文件    1933634  2018-10-10 15:30  images\g2.jpg

     文件    1426755  2018-10-10 15:30  images\g3.jpg

     文件    1820473  2018-10-10 15:30  images\g4.jpg

     文件    1086384  2018-10-22 17:19  images\g5.jpg

     文件      97462  2018-10-22 17:01  images\g6.jpg

     文件     868187  2018-10-22 16:39  images\g7.jpg

     文件     122685  2018-10-22 17:05  images\g8.jpg

     文件     301209  2018-11-16 08:39  images\h1.jpg

     文件     280866  2018-11-16 08:29  images\h2.jpg

     文件     319863  2018-11-16 08:35  images\h3.jpg

     文件     352568  2018-11-16 08:45  images\h4.jpg

     文件     176632  2018-11-15 20:57  images\h5.jpg

     文件       3343  2018-10-03 14:21  images\label.png

............此处省略54个文件信息