河南城建学院

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

学 号 ****** 专 业 **********

姓 名 ******* 题 目 奥运会主题网站 指导教师 **********

设计时间 第十七周 2013.6.24~2013. 6.29

目录

一、设计目的................................................................................................................ 2

二、需求分析................................................................................................................ 3

2.1基本工具需求................................................................................................... 3 2.2基本要素需求................................................................................................... 3 2.2.1图片要素......................................................................................................... 3 2.2.2审美要求......................................................................................................... 3

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

3.1设计目标........................................................................................................... 4 3.2模块分析........................................................................................................... 4

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

4.1奥运之家模块的制作....................................................................................... 6 4.2奥运回顾模块的制作....................................................................................... 7

五、系统介绍及部分功能展示.................................................................................... 8

5.1系统介绍........................................................................................................... 8 5.2部分功能展示................................................................................................... 8 奥运回顾................................................................................................................. 8

六、设计总结.............................................................................................................. 10

6.1问题与解决方法............................................................................................. 10 6.2心得体会......................................................................................................... 10

七、参考文献.............................................................................................................. 13

1

一、设计目的

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

另外，在当今社会，奥运会的举办对于每个国家来说都是很重要的。奥运会的举办可以很好的衡量一个国家的经济、文化、体育等综合实力。与此同时，举办奥运会也可以很好的促进一个国家经济的发展，文化的提升和体育事业的进步。

所以说，奥运会也已成为生活中不可分割的一部分。但是，对于大多数人来说，他们并不是很了解奥运会。

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

2

二、需求分析

2.1基本工具需求

Dreamweaver CS5 、Adobe Photoshop CS4，可以运用Dreamweaver CS5进行页面布局、页面CSS编码编辑、排版、设计等功能，可以利用Photoshop CS4制作图片和对图片进行修改。

2.2基本要素需求 2.2.1图片要素

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

2.2.2审美要求

人们对美的需求是不断深入的，网页设计也同样如此。如何使访客更好的接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对平面设计美学的一种继承和延伸，两者的表现形式和目的具有一定的相似性。起初，我编排完的网页内容杂乱，缺乏规范性设计，图片处理缺乏美感，利用html、css的网页，由于缺乏技术性，

3