奥运会主题网站副本.docVIP

河南城建学院 《网页设计》课程设计报告 学 号 ****** 专 业 ********** 姓 名 ******* 题 目 奥运会主题网站 指导教师 ********** 设计时间 第十七周 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基本工具需求 Dreamweaver CS5 、Adobe Photoshop CS4，可以运用Dreamweaver CS5进行页面布局、页面CSS编码编辑、排版、设计等功能，可以利用Photoshop CS4制作图片和对图片进行修改。 2.2基本要素需求 2.2.1图片要素 运用图片是设计与制作网页必不可少的部分，图片的运用能够给人更加直观的信息，图片的要求与页面的内容有关，我做的网页是奥运会网站，因此所用的图片都是一些与奥运图片，图片比较单一。不过在相关图片的制作过程中还是下了一定的功夫，希望能吸引网民的眼球能够起到很好的宣传广告效应，再加上图片可以利用Photoshop修改和制作，因而更能够设计出较好的网页。 2.2.2审美要求 人们对美的需求是不断深入的，网页设计也同样如此。如何使访客更好的接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对平面设计美学的一种继承和延伸，两者的表现形式和目的具有一定的相似性。起初，我编排完的网页内容杂乱，缺乏规范性设计，图片处理缺乏美感，利用html、css的网页，由于缺乏技术性，致使页面效果不美观。经过调整和修改，查找课本资料和从网上搜集知识，基本上使得网页看起来主次分明、有条理，也颇有美感了。 三、功能模块分析及设计 3.1设计目标 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。针对网站所要展示的内容进行设计整理，是页面不会显得太乱，给人整体划一的感觉。为了做到主题鲜明突出，要点明确，要按照要求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 3.2模块分析 在需求分析的基础上，经过我们的讨论分析，确定网站由以下几个模块组成：首页、新闻中心、活动聚焦、奥运城市、奥运回顾、奥促机构、奥运之家等部分。下图为网站总体设计图。 四、制作过程及要点 本次课程设计过程中我主要负责奥运之家、奥运回顾等模块的 制作。 4.1奥运之家模块的制作 该网页的制作运用了媒体的插入等技术 4.2奥运回顾模块的制作 该网页的制作运用了布局，表格嵌套，图片变换，超链接，项目列表等技术。 五、系统介绍及部分功能展示 5.1系统介绍 首页：网站的主体，通过首页的链接到达各个分页。 新闻中心：该模块主要由奥运新资讯，让广大用户足不出户，了解奥运新动向，奥运新资讯。 活动聚焦：该模块主要向用户展示各团体为迎接奥运会所做的事项。 奥运城市：主要是图片介绍。主要向广大用户