网页设计报告

河南城建学院《网页设计》课程设计报告学号：083410237专业：信息管理与信息系统姓名：田伟涛题目：军事网站指导老师：张妍琰田慧吴孝利设计时间：2012.6.18~2012.6.21计算机科学与工程系2012年6月2目录一、设计目的..........................................................................................................................................3二、需求分析..........................................................................................................................................51、基本工具需求................................................................................................................................52、基本要素需求................................................................................................................................53、网页视觉设计与审美需求............................................................................................................64、特殊需求........................................................................................................................................6三、功能模块分析及设计......................................................................................................................71、设计目标........................................................................................................................................72、模块分析........................................................................................................................................7四、制作过程及要点..............................................................................................................................7四、制作过程及要点..............................................................................................................................81、导航栏制作....................................................................................................................................82、首页制作........................................................................................................................................93、史海烟云模块制作......................................................................................................................104、老照片模块制作..........................................................................................................................10五、系统介绍及功能展示....................................................................................................................11五、系统介绍及功能展示....................................................................................................................121、系统介绍......................................................................................................................................122、部分功能展示..............................................................................................................................13六、设计总结........................................................................................................................................15七、参考文献........................................................................................................................................173一、设计目的在21世界的今天，中国互联网技术已经进入了一个高速发展的阶段，直接通过网络浏览个人网站，已经成为越来越多网民的选择，根据调查，中国大陆目前有3亿多网民，其中50%的网民有过在网络上浏览个人网页对他人的了解或获得他人的帮助的经历，30%的网民有过多次在网上浏览个人网页的经历，而经常性的在网络上浏览个人网站的网民，已经达到了20%以上。也就是说，在中国大陆，最少有1000万多网民，已经选择了在WEB网中建立个人网站作为主要的展示自己才能方式之一。另外，在当今这个强权时代，军事力量的发展已成为每个国家的重中之重。新世纪的头十年，世界主要大国为赢得未来战略主动权，都启动了新一轮军事变革或转型，型，从而将世界军事变革推向了一个新的阶段。但是，由于国际战略形势的深刻变化，国际安全环境日趋复杂，特别是战争形态呈现出多样性的趋势，给大国军事变革增添了许多不确定因素，包括美国、俄罗斯等在内，其军事变革的进程并不像想象的那样一帆风顺。其他一些大国的军事变革，同样遇到了不少的阻力和困难。印度进入新世纪以来多次调整军事战略，军队的改革设想一个接着一个，雄心勃勃的武器发展规划不断推出，但真正能够按照时间节点落实的为数不多，内外舆论对其军事改革的评价同样也是褒贬不一。回顾过去10年大国军事变革走过的历程，并非总是一路“高歌猛进”、“迅猛发展”。像其他社会领域的变革一样，大国军事变革走入新世纪，既有成功的经验，也有深刻的教训，当前正处在一个深刻的反思阶段。就像一位战略家所说，一个民族的崛起从来都不会是和平的。在我中华名族重新屹立在世界民族之林的过程中，伴随着我们的是近百年大大小小的战争，这使我们深深明白，力量弱就没有话语权，就要挨打。现在，随着我国的迅速崛起，与周边国家的边境冲突越来越多，军事问题再一次回到了人们的视线，国防教育又一次成为全民教育的一项重要内容，也是当代大、中学生整个思想政治教育的重要组成部分。历史经验表明，一个国家、一个民族的强弱兴衰与国民国防意识的强弱有密切的联系。大、中学生既有较高的科学文化知识，又年轻力壮，他们4是国家最有希望的一代，是国防兵员的主要来源。加强全民的国防教育，首选要加强学生的国防教育，要从娃娃抓起，提高他们的国防观念。要做到这一点，最有效的途径就是对他们进行军事训练。通过军事训练，对他们进行爱国主义、革命英雄主义和人民军队的传统教育，激发他们的爱国主义热情，增强建设祖国、保卫祖国的责任感，从而推动全民国防教育的发展，弘扬中华民族崇勇尚武的传统美德，使全体公民都树立起居安思危、常备不懈、有备无患的国防观念。在这样的背景之下，成立一个以军事历史为主题的网站，具有非常大的发展空间和市场潜力。它不仅能为网民提供一个在线获得信息平台，而且还可以使网民从历史中谋发展，以史为镜。因此，在上述情况下，我们设计并制作了这个军事历史型网站——军事网。5二、需求分析1、基本工具需求DreamweaverCS3、，AdobePhotoshopCS4，可以运用DreamweaverCS3进行flash电子相册的制作，用DreamweaverCS4进行页面布局、页面CSS编码编辑、排版、设计等功能，可以利用PhotoshopCS4制作图片和对图片进行修改！2、基本要素需求1）图片要素运用图片是设计与制作网页必不可少的部分，图片的运用能够给人更加直观的信息，图片的要求与页面的内容有关，我做的网页是军事历史网站，因此所用的图片都是一些军事相关图片，图片比较单一。不过在相关图片的制作过程中还是下了一定的功夫，希望能吸引网民的眼球，能够起到很好的宣传广告效应，再加上图片可以利用Photoshop修改和制作，因而更能够设计出较好的网页。2）客户群体特点调查发现，网上军迷的关注点往往各不相同。总的来看，大致可以分为：战略迷、兵器迷、战史迷、热点迷等。通过对各大军事网站、论坛的板块设置、热点新闻、热帖的跟踪分析可以看出，军事迷们在网上对以下问题的关注度最大：军事热点：军事迷们对国际安全，特别是军事方面的热点问题关注度最高。像近期爆发的俄罗斯与格鲁吉亚间的武装冲突等，常常跃升为各网站、论坛的头条；参加讨论、跟帖的军迷也特别多；军事酷图：各大论坛中关于武器装备的帖子往往都有很高的点击率和众多的回复。如：“世界极品警用手枪”、“××型坦克的致命弱点”、“图解××号舰艇”之类的帖子的点击量高达十几万，甚至更多；中国军情：有关我国国防发展的问题在网上的关注度非常高，尤其是我军现代化建设方面的动向及成果，往往是军迷们在网上追捧的“明星”。比如“中国可以没有航母，但一定要提升空军”等就引得众多网迷跟帖热议。6当然，网络做为一个娱乐成分很高的平台，一些军事网站偶尔也很八卦。像一些题为“我国最美丽的女军人”、“以色列漂亮女兵”等帖子也会在一段时间受到网迷们的追捧。对