奥运会主题网站副本.docx

奥运会主题网站副本.docx

《奥运会主题网站副本.docx》由会员分享，可在线阅读，更多相关《奥运会主题网站副本.docx（11页珍藏版）》请在冰豆网上搜索。

奥运会主题网站副本

河南城建学院

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

学号******

专业**********

姓名*******

题目奥运会主题网站

指导教师**********

设计时间第十七周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

一、设计目的

在21世界的今天，中国互联网技术已经进入了一个高速发展的阶段，直接通过网络浏览个人网站，已经成为越来越多网民的选择，根据调查，中国大陆目前有3亿多网民，其中50%的网民有过在网络上浏览个人网页对他人的了解或获得他人的帮助的经历，30%的网民有过多次在网上浏览个人网页的经历，而经常性的在网络上浏览个人网站的网民，已经达到了20%以上。

也就是说，在中国大陆，最少有1000万多网民，已经选择了在WEB网中建立个人网站作为主要的展示自己才能方式之一。

另外，在当今社会，奥运会的举办对于每个国家来说都是很重要的。

奥运会的举办可以很好的衡量一个国家的经济、文化、体育等综合实力。

与此同时，举办奥运会也可以很好的促进一个国家经济的发展，文化的提升和体育事业的进步。

所以说，奥运会也已成为生活中不可分割的一部分。

但是，对于大多数人来说，他们并不是很了解奥运会。

在这样的背景之下，成立一个以奥运会为主题的网站，具有非常大的发展空间和市场潜力。

它不仅能为网民提供一个在线获得信息平台，而且还可以使网民更好的了解奥运。

因此，在上述情况下，我们设计并制作了这个奥运会主题网站。

二、需求分析

2.1基本工具需求

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

2.2基本要素需求

2.2.1图片要素

运用图片是设计与制作网页必不可少的部分，图片的运用能够给人更加直观的信息，图片的要求与页面的内容有关，我做的网页是奥运会网站，因此所用的图片都是一些与奥运图片，图片比较单一。

不过在相关图片的制作过程中还是下了一定的功夫，希望能吸引网民的眼球能够起到很好的宣传广告效应，再加上图片可以利用Photoshop修改和制作，因而更能够设计出较好的网页。

2.2.2审美要求

人们对美的需求是不断深入的，网页设计也同样如此。

如何使访客更好的接受网页上的信息，这就需要从审美方面入手。

网页设计的审美需求是对平面设计美学的一种继承和延伸，两者的表现形式和目的具有一定的相似性。

起初，我编排完的网页内容杂乱，缺乏规范性设计，图片处理缺乏美感，利用html、css的网页，由于缺乏技术性，致使页面效果不美观。

经过调整和修改，查找课本资料和从网上搜集知识，基本上使得网页看起来主次分明、有条理，也颇有美感了。

三、功能模块分析及设计

3.1设计目标

在目标明确的基础上，完成网站的构思创意即总体设计方案。

对网站的整体风格和特色作出定位，规划网站的组织结构。

针对网站所要展示的内容进行设计整理，是页面不会显得太乱，给人整体划一的感觉。

为了做到主题鲜明突出，要点明确，要按照要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

3.2模块分析

在需求分析的基础上，经过我们的讨论分析，确定网站由以下几个模块组成：

首页、新闻中心、活动聚焦、奥运城市、奥运回顾、奥促机构、奥运之家等部分。

下图为网站总体设计图。

四、制作过程及要点

本次课程设计过程中我主要负责奥运之家、奥运回顾等模块的

制作。

4.1奥运之家模块的制作

该网页的制作运用了媒体的插入等技术

4.2奥运回顾模块的制作

该网页的制作运用了布局，表格嵌套，图片变换，超链接，项目列表等技术。

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

5.1系统介绍

首页：

网站的主体，通过首页的链接到达各个分页。

新闻中心：

该模块主要由奥运新资讯，让广大用户足不出户，了解奥运新动向，奥运新资讯。

活动聚焦：

该模块主要向用户展示各团体为迎接奥运会所做的事项。

奥运城市：

主要是图片介绍。

主要向广大用户介绍2008年北京奥运会的各个体育场所，并向用户社会为迎接奥运会所做的事项

奥运回顾：

主要是图片介绍。

主要向用户介绍2008年奥运会的事项，比赛项目，奥运场馆，奥运标识，以及奥运记录。

促奥机构：

通过三篇通告向用户介绍社会为促进奥运会所做的事项

奥运之家：

通过视频和图片介绍了北京迎来奥运之家的情形

5.2部分功能展示

奥运回顾

奥运大事

奥运项目

奥运标识

北京奥运

六、设计总结

6.1问题与解决方法

在这次课程设计中出现了很多的问题，很多表格边框对不，齐超，超链链路径不对，表格背景色边框色不会运用，导致很多网页不美观，在查阅很多资料，以及在网上搜集一些资料后，这些问题都一一解决。

6.2心得体会

从这次课程设计当中我深刻的体会到理论知识的重要性，理论结合实际才能将知识掌握牢固，并且也懂得了网页设计离不开代码，排版最重要，还有css+div的合理运用。

为了使自己的网页风格统一，是自己在设计过程中更加省时省力，我使用了较多的插入图片和表格嵌套，这使我的工作效率大大提高。

在设计的过程中遇到了很多问题，有些知识理解得不够深刻，掌握得不够牢固，操作不够熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导和同学们的帮助达到了最终效果。

通过这个课程设计我学到了很多也发现自己的不足，一周的课程设计结束了，至于总体的感觉只能用八个字来概括虽然辛苦，但很充实。

在这一周里，我学到了很多有用的知识，我也深深地体会到IT行业的辛苦和伟大，随着科学的迅猛发展，计算机行业发展更快了，新技术的广泛应用，会有很多领域是我们未曾接触过的，只有敢于去尝试才能有所突破，有所创新。

搞好一次课程设计，是我今后走上社会的一种财富，所以努力搞好实训才是最要的，打高分不是最重要的，最重要的是你在这次实训中你学到了什么，因为这就是你今后走上社会的一种定贵的财富。

学习的能力很重要，特别是对一个站长来说，因为网络的发展太快，新的技术，新的模式，新的思维方法每天都在出现，如果不学习，很快就会跟不上形势。

做网站虽然辛苦但是让我知道：

“千淘万漉虽辛苦，吹尽黄沙始到金！

”

以前我经常在网上浏览网页，对那些图文并茂的网页很是喜欢，但是根本不知道是怎么做出来的，对一些代码我更本就看不懂，现在好了，经过这学期专门对<<网页设计>>的学习，我已学会了很多。

虽然我还不是很专业，但是已经可以做一些不太复杂的网页了。

通过这一周的课程设计，在张老师的精心教导下和同学们的帮助下，以及通过自己在平时的学习和实践，对网站创建和网页的设计知识有了更深的认识。

课程设计期间上网查看了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。

当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。

因此反映出自己学习的还不够，存在许多缺点疏漏，需要更加刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出色的网页而努力。

七、参考文献

[1]文杰书院编著DreamweaverCS5网页设计与制作基础教程.北京：

清华大学出版社，2012.1

[2]刘晖完美网站设计典型案例.北京电子工业出版社，2008.6

[3]兰婵丽，付民仓，王纪卿等.DreamweaverCS5经典实例[M].北京：

电子工业出版社，2008.6

[4]何海霞，陶琳.DreamweaverCS5完美网页设计白金案例篇[M].北京：

中国电力出版社，2008