网站设计报告

篇一：网页设计报告

河南城建学院

《网页设计》课程设计报告

学 号：

专 业： 信息管理与信息系统

姓 名： 田伟涛

题 目：军事网站

指导老师： 张妍琰 田慧 吴孝利

设计时间：

计算机科学与工程系

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

一、设计目的

在21世界的今天，中国互联网技术已经进入了一个高速发展的阶段，直接通过网络浏览个人网站，已经成为越来越多网民的选择，根据调查，中国大陆目前有3亿多网民，其中50%的网民有过在网络上浏览个人网页对他人的了解或获得他人的帮助的经历，30%的网民有过多次在网上浏览个人网页的经历，而经常性的在网络上浏览个人网站的网民，已经达到了20%以上。也就是说，在中国大陆，最少有1000万多网民，已经选择了在WEB网中建立个人网站作为主要的展示自己才能方式之一。

另外，在当今这个强权时代，军事力量的发展已成为每个国家的重中之重。新世纪的头十年，世界主要大国为赢得未来战略主动权 ，都启动了新一轮军事变革或转型，型，从而将世界军事变革推向了一个新的阶段。但是，由于国际战略形势的深刻变化，国际安全环境日趋复杂，特别是战争形态呈现出多样性的趋势，给大国军事变革增添了许多不确定因素，包括美国、俄罗斯等在内，其军事变革的进程并不像想象的那样一帆风顺。

其他一些大国的军事变革，同样遇到了不少的阻力和困难。印度进入新世纪以来多次调整军事战略，军队的改革设想一个接着一个，雄心勃勃的武器发展规划不断推出，但真正能够按照时间节点落实的为数不多，内外舆论对其军事改革的评价同样也是褒贬不一。回顾过去10年大国军事变革走过的历程，并非总是一路“高歌猛进”、“迅猛发展”。像其他社会领域的变革一样，大国军事变革走入新世纪，既有成功的经验，也有深刻的教训，当前正处在一个深刻的反思阶段 。

就像一位战略家所说，一个民族的崛起从来都不会是和平的。在我中华名族重新屹立在世界民族之林的过程中，伴随着我们的是近百年大大小小的战争，这使我们深深明白，力量弱就没有话语权，就要挨打。现在，随着我国的迅速崛起，与周边国家的边境冲突越来越多，军事问题再一次回到了人们的视线，国防教育又一次成为全民教育的一项重要内容，也是当代大、中学生整个思想政治教育的重要组成部分。历史经验表明，一个国家、一个民族的强弱兴衰与国民国防意识的强弱有密切的联系。大、中学生既有较高的科学文化知识，又年轻力壮，他们

是国家最有希望的一代，是国防兵员的主要来源。加强全民的国防教育，首选要加强学生的国防教育，要从娃娃抓起，提高他们的国防观念。要做到这一点，最有效的途径就是对他们进行军事训练。通过军事训练，对他们进行爱国主义、革命英雄主义和人民军队的传统教育，激发他们的爱国主义热情，增强建设祖国、保卫祖国的责任感，从而推动全民国防教育的发展，弘扬中华民族崇勇尚武的传统美德，使全体公民都树立起居安思危、常备不懈、有备无患的国防观念。

在这样的背景之下，成立一个以军事历史为主题的网站，具有非常大的发展空间和市场潜力。它不仅能为网民提供一个在线获得信息平台，而且还可以使网民从历史中谋发展，以史为镜。因此，在上述情况下，我们设计并制作了这个军事历史型网站——军事网。

二、需求分析

1、基本工具需求

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

2、基本要素需求

1）图片要素

运用图片是设计与制作网页必不可少的部分，图片的运用能够给人更加直观的信息，图片的要求与页面的内容有关，我做的网页是军事历史网站，因此所用的图片都是一些军事相关图片，图片比较单一。不过在相关图片的制作过程中还是下了一定的功夫，希望能吸引网民的眼球，能够起到很好的宣传广告效应，再加上图片可以利用Photoshop修改和制作，因而更能够设计出较好的网页。

2）客户群体特点

调查发现，网上军迷的关注点往往各不相同。总的来看，大致可以分为：战略迷、兵器迷、战史迷、热点迷等。通过对各大军事网站、论坛的板块设置、热点新闻、热帖的跟踪分析可以看出，军事迷们在网上对以下问题的关注度最大： 军事热点：军事迷们对国际安全，特别是军事方面的热点问题关注度最高。像近期爆发的俄罗斯与格鲁吉亚间的武装冲突等，常常跃升为各网站、论坛的头条；参加讨论、跟帖的军迷也特别多； 军事酷图：各大论坛中关于武器装备的帖子往往都有很高的点击率和众多的回复。如：“世界极品警用手枪”、“××型坦克的致命弱点”、“图解××号舰艇”之类的帖子的点击量高达十几万，甚至更多； 中国军情：有关我国国防发展的问题在网上的关注度非常高，尤其是我军现代化建设方面的动向及成果，往往是军迷们在网上追捧的“明星”。比如“中国可以没有航母，但一定要提升空军”等就引得众多网迷跟帖热议。

篇二：网站设计报告

课程设计说明书

题目： 系部： 专业： 班级： 组长： 组员：

设 计 时 间：

网站设计——吃喝玩乐网 信息管理系

信息管理与信息系统 0901班

2012年5月

前言

随着互联网的飞速发展，人类正进入一个前所未有的信息化社会。互联网已经成为世界上覆盖面最广、规模最大、信息资源最丰富的计算机信息网络，它不仅给人们提供了一个全新的获取信息的手段，正在逐步改变我们的生活、学习和工作方式。

作为互联网的主要组成部分，网页和网站得到了极为广泛的应用，企业、公司和机构通过网站能够宣传自己的技术和产品，个人通过主页展示自己的风采，我们可以从不同的网站获取需求的信息，掌握网页制作和网站建设技术成为了我们的需求。

因此我们学习制作了吃喝玩乐这个网站，通过实际操作掌握网站制作的过程。

1、设计准备

(1)开发环境搭建：Dreamweaver

Dreamweaver是集网页制作和网站管理于一身的网页编辑器，具有“所见即所得”的可视化特点，利用它可以轻而易举地制作出跨越平台和浏览器限制的网站。Dreamweaver 是创建和管理站点的工具，使用它不仅可以创建单独的文档，还可以创建完整的Web站点。在Dreamweaver中，站点指某个Web站点的文档的本地或远程存储位置。

(2)知识准备

通过一个学期的网页设计课程的学习，掌握了一些网页制作的技巧，再通过网上信息查找补充知识的空白，达到完成作业的知识标准。

A、网页语言

HTML语言（HyperText Mark-up Language）超文本标记语言；HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上只要明白了各种标记的用法就是学懂了HTML，HTML的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都可以，只要能将档案存为文本格式即可，如果你觉得麻烦的话可以使用专门的网页编辑工具当然更好了。 B、网页工具

Macromedia Dreamweaver

Adobe公司的Macromedia公司的Dreamweaver是相当优秀的网页制作工具，功能强大，操作方便，代码简洁，有强大的动态网页设计能力，与Fireworks、Flash等软件结合紧密，受到大多数专业网页设计者的青睐。 C、网页编辑

将Photoshop设计的图，用切片工具，切割好，导出html文件和图片(可以按Ctrl+Alt+Shift+s组合键实现功能);用Dreamweaver打开HTML文件，对它进行重新排版，编辑一下，将多余的图片和表格删除；一个网页文件成功完了。 D、动画制作

你的网页做好了，为了更好看，当然得做动画呀；常见的动画主要有Gif动画和Flash动画。你可以用Firework软件来设计Gif动画；用Flash软件来做Flash动画。将做完的动画用Dreamweaver软件插入到网页中，替换原来的图片就行了。 E、在网页中加入超链接

当你做了很多个页面后，你在Dreamweaver中选择关键字，插入超链接，链到相应的网页中就可以了；那么你的一个静态网站就做成了。 F、音乐添加

(3)人员分工

本网站分为首页、旅游风光、假日小憩、特色小吃、小吃街、娱乐休闲、购物导航七个栏目，其中程昆负责主页、娱乐休闲和购物导航三个栏目的相关网页制作，汪黄河负责特色小吃和小吃街两个栏目的相关网页制作，陈瑾负责旅游风光和假日小憩两个栏目的相关网页制作。

(4)时间安排

2012年4月28-5月2日 网站主题确定及相关任务分配 2012年5月3日-5月20日 网站制作

2012年5月21日-5月31日 由每个成员撰写自己所完成部分的报告 2012年6月1日-6月5日 将各部分报告进行总结合并

2、需求分析

(1)网站开发目的

旅游风光主要是让有旅游计划的人更方便、更全面的了解到武汉的旅游景点，让他们感受到各景区的文化与环境，让他们的旅途会更愉快。有了快乐的旅行，但是在玩累了的时候是需要休息的。假日小憩将帮助我们找到适合我们的旅馆，了解各方面的信息，同时还可以网上订购。

一个地方的文化最好的体现就是在古建筑以及小吃两个方面，为了更好的向大家介绍武汉当地特色文化，所以介绍武汉有哪些著名的本土小吃以及有哪些外来小吃并且逐渐形成了武汉的当地特色是最能够直接反应武汉这个城市的面貌以及历史文化。武汉的“过早”文化早已深入人心，开发这个网站目的是为了向旅客朋友们介绍武汉独特的“过早”文化，还有这里最正宗的特色小吃以及在哪里能迟到这些最正宗的小吃，以减少来武汉游玩的朋友们一些不必要的麻烦，例如，除了热干面和鸭脖子以外，来到武汉还应该吃些什么，去哪个地方吃什么东西才能既划算又美味呢？去哪里吃东西环境优美又比较有情调呢？我们这个网站就可以满足顾客不同的需求，达到方便快捷、满意服务的效果。

一个地方的娱乐文化能反映地方特色，因此了解这一点也成为了必要，而购物方面，大家的生活都离不开购物，在购物中可以感受到快乐

(2)功能简介

“特色小吃”主要介绍了武汉本地各种美味的早点，品种丰富，样式齐全，汇集美食的各种烹饪方法烹饪而成的各式美味以及部分食物的制作过程；“小吃街”主要介绍的是在武汉本地哪些地方可以吃到这些美食，又可以根据自身的需求决定到哪种环境里去品尝武汉的美食，享受武汉独特的风味，欣赏武汉独特的历史文化古韵。旅游风光：收集了武汉各旅游景点的图片以及文化背景，还介绍了各景点的特点以及一些旅游路线介绍，让旅客们在出游之前更好的了解自己即将去的目的地，让整个旅途更轻松更愉快。娱乐休闲向大家展示了武汉的各色文化活动，激励了大家参与文化活动的决心；购物导航为大家提供了最好最方便的购物信息，有效的避免了在购物时盲目购物，费时费力的情形。

3、技术分析

(1)网站名称

吃喝玩乐网

(2)网站栏目划分

A.首页

B.旅游风光：分为三个子栏目，山水古迹、商业街和游乐园。 主要介绍武汉市内的所有旅游景点，让游客体验武汉的自然风情。

C.特色小吃：向大家介绍武汉各式各样的小吃，让人不禁想要尝试一番。

D.小吃街：向大家介绍在武汉有名的小吃街，让大家能够有机会在一个地方集中的吃到武汉的各种美食。

E.假日小憩：为大家提供旅行中的住宿介绍，让你在玩得开心的同时能够好好休息，养足精神。

F.娱乐休闲：向大家提供各种文化活动和都市休闲的信息，让大家在忙碌的工作之余也能感受到文化的气息和都市生活的繁华与欢乐。

G.购物导航：当你想要购买某件产品却不知道该到何处时，通过购物导航查找你所需要的商品在哪里出售，既省时又省力，还可以感受到购物的欢乐。

(3)网站风格与目录选择

网站的风格为简单介绍相关内容. 目录选择为层次式目录。

层状结构类似于目录系统的树型结构（如DOS的目录结构）。它是按照网页之间的包含关系组织而成。层次结构采用一对一的形式，首页链接指向一级页面，一级链接指向二级等等，其结构看起来就像蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。层次型结构简单而且直观，条理清晰，能将所有的内容划分得非常清晰且便于理解。访问者明确知道自己在什么位置，不容易“迷路”。所以几乎所有的网站都采用这种结构来进行总体的栏目规划，即将所有的内容先分成若干个大栏目，然后再将每个大栏目细分成若干个小栏目，以此类推直到不用再细分为止。层次型结构也有不好的地方，就是效率较低。用户如果要访问最底层的网页不得不按照层次从上到下一级一级地访问，必须绕经首页，最终到达想要访问的网页。

4、制作过程及要点

(1)首页的制作过程

A．确定首页的功能模块。

包括网站名称和LOGO， 主菜单，搜索，邮件列表，导航，版权，基本框架，主要子栏目等。

B.设计首页的版面

在功能模块确定后，开始设计首页的版面。 a.对首页的基本内容布局进行规划

b.设计网站的主框架，采用表格技术,添加网站LOGO和符合网站特点的图片。 c.设计导航条，将网站的主要栏目呈现在导航条中。

d.对每个栏目在首页上进行简单的内容呈现，采用表格布局的方法。

e.设计用户注册和登录页面 f.添加友情链接

C.处理技术和页面上的细节 a.设置字体和链接颜色; b.调节图片和背景颜色； c.调节首页中内容的布局； d.进行细节上的修复。

(2)关键页面的制作

篇三：个人网站设计报告

个人网站设计报告

一、设计知识准备

1.静态网页与动态网页

1.1静态网页

1.1.1静态网页概念

所谓静态网页，就是说该网页文件里没有程序代码，只有HTML标志，这种网页一般以后缀.HTML或.HTM存放。静态网页一经制成，内容就不会变化，不管何时何人访问，现时的内容都一样。

1.1.2静态网页工作原理

当大家在浏览器里输入一个静态网页网址回车后，就向服务器提出一个浏览网页的请求，服务器端接到请求后，就会找到大家要浏览的静态网页文件，然后发送给大家。

1.2动态网页

1.2.1动态网页概念

所谓动态网页，就是说该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的后缀一般根据不同的程序设计语言而不同，动态网页能够根据不同的时间、不同的来访者而显示不同的内容。

1.2.2动态网页的工作原理。

当大家在浏览器里输入一个动态网页网址回车后，就向服务器提出一个浏览网页的请求，服务器端接到请求后，首先会找到大家要浏览的动态网页的文件，然后就执行网页文件中的程序代码，将含有程序代码的动态网页转化成为标准的静态网页，然后将静态网页发送给大家。

2.简介

又称ASP+，但它不是ASP的简单升级，而是微软提出的.NET框架的一部分，它是一种以.NET框架为基础开发网上应用程序的全新模式。

.NET框架（.NET FRAMEWORK）主要由以下三部分组成：

（1） 公共语言运行库(Common Language Runtime, CLR)

（2） 基础类库（Base Class Library）

（3） 、、C#等语言运行库。

3.简介

（1）的前身是Visual Basic,这是一种简单好学、功能强大的卡发环境，也是世界上最为流行的程序语言。

（2）对Visual Basic进行了彻底的改革，对底层进行了重建，使其真正成为了面向对象的程序设计语言。

文件结构

HTML文件结构很简单，由头部和身体部分组成，结构严谨清晰，如下：

<html>

<head>

<title>标题文字</title>

头部内容

</head>

<body>

文档主体内容

</body>

</html>

二、硬件及软件需求准备

（1）计算机一台,要求有256M内存，20G存储容量。

（2）Visual 2005开发工具（选择语言为）。

（3）Microsoft Access数据库软件。

三、网站总体分析与设计。

1.网站介绍。

1.1网站主题：☆雨衣☆的空间（类似于QQ空间）

1.2网站风格：梦幻风格

1.3网站主页面构图及相关内容功能介绍：

首页中包含了导航栏目：如心情、留言板、网站导航、上传图片、故事接龙，一些关于我的信息，可以在上网时写入急需的文件等等。

心情模块：可以让网友把自己所想的，有感触的心事写成心情，记录在自己的空间中，可以随时随地的了解自己在生活中一路走过来的心情变化。

留言板模块：让网友想对空间主人所说的话，留下个脚印，无论是亲切的关怀，还是善意的批评，提供交流，知道自己并不孤独！

网站导航模块：有些人因为在找不到方便实用的网站而苦恼，“网站导航”就解决这个问题，让你可以轻松快速浏览、找到自己想要的网址。

上传图片模块：可以每个人珍贵的记忆保留下来，让每个关心你的人都知道你的最近变化，不用为你担心。

故事接龙模块：可以在线的玩故事接龙游戏，给每个人活跃的平台。

2.网站结构图。

3. Microsoft Access数据库的建立。

3.1依次选择菜单命令【开始】—【程序】—【Microsoft Access】就可以启动Access2003,点击“文件”在下拉菜单中选择“新建”，选择“空数据库”，指定后保存路径后出现如下所示对话框：

3.2双击上图【实用设计器创建表】选项，出现下图所示对话框：

说明:

（1）字段名称可以用中文，也可以用字母、数字和下划线，命名规则和变量类似，考虑系统的兼容的问题，建议不要用中文。

（2）至于数据类型，常用的有“文本”、“备注”、“数字”、“日期/时间”、“是/否”和“自动编号”等。其中“文本”用于比较短的字符串（最长255个字符）；“备注”用于比较长的字符串，最长可以容纳65535个而字符；“是/否”用于布尔类型，只有True（真）或False（假）；“自动编号”是个特殊的类型，它可以自动的递增或随机产生一个数字，经常用它产生一个唯一的编号。

3.3正确输入所有字段后，单击Access主窗口的【保存】按钮，就会弹出下图所示的【另存为】对话框，在其中输入表的名称，然后单击【确定】按钮即可。

3.4当表保存后，可以看到下图所示对话框：

3.5双击【表1】可以在表中输入数据，当你建表完毕后，觉得数据不合理，想修改数据也可以双击【表1】进行修改，如果想修改表的字段，就右击【表1】，选择“设计视图”，就可以进行修改，下表为输入数据后的结果：

4.与的存取数据库。

存取数据库是开发网络程序中最重要也最常用的部分，.NET框架提供了，利用它就可以方便的存取数据库。

准确的说，是由很多类组成的一类库。这些类库提供了很多对象，分别用来完成和数据库的连接、查询记录、插入记录、更新记录和删除记录等操作。其中主要包括如下5个对象。

（1）Connection对象：用来连接到数据库。

（2）Command对象：用来对数据库执行SQL命令。

（3）DataReader对象：用来从数据库返回只读数据。

（4）DataAdapter对象：用来从数据库返回数据，并送到DataSet对象中，还要负责保证DataSet对象中的数据和数据库中的数据保持一致。

（5）DataSet对象：它可以看做是内存中的数据库。

实用OLEDB的数据库，需要在页面中导入相关的名称空间：

<%@ Import Namespace="" %>

<%@ Import Namespace=".OleDb" %>

存取数据库：

（1）首先利用Connection对象建立和数据库的连接。

语法为：“Provider=OLEDB 驱动程序；Data Source=数据库文件物理路径”

（2）然后建立Command对象，执行SQL语句命令。

（3）利用Command对象的ExecuteReader方法建立DataReader对象，从数据库获取数据。

（4）DataReader对象返回的数据在记录集移动指针就可依次显示所有记录。

（5）利用Command对象的Executenonquery()方法可插入记录和更新记录。

四、网站的详细设计。

1. ☆雨衣☆的空间网站的主要的功能模块的设计和编码。

1.1登陆界面。

登陆注册模块设计功能实现：

（1）当管理员输入正确用户名和口令时才能进入空间主页。

（2）对网站里内容进行管理和维护修改，包括对心情的修改，对留言的删除，对照片的上传等。

（3）提供新用户的注册。

登陆界面和注册界面如下：

《网站设计报告》
由：免费论文网互联网用户整理提供,链接地址：
http://m.csmayi.cn/show/28016.html
转载请保留,谢谢!

• 上一篇：自查报告怎么写

• 下一篇：党校师资班学习总结