网站设计实训报告.docx

网站设计实训报告.docx

《网站设计实训报告.docx》由会员分享，可在线阅读，更多相关《网站设计实训报告.docx（8页珍藏版）》请在冰豆网上搜索。

网站设计实训报告

《WEB程序设计技术1》

课

程

设

计

题目：

汽车网站设计

班级：

姓名：

学号：

教师：

时间：

一、需求分析

1．1课题来源

随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。

就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。

可喜的是在这几十年的发展中我们有了互联网。

互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。

以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自己的私家车。

正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。

把汽车销售与网络连接起来，是今后汽车销售发展的必然方向之一。

1．2网站开发项目需求分析

汽车服务有限公司现在所服务的品牌公司在现有汽车服务行业中，所占的知名度和美誉度都非常好。

但是，作为上海分部的分公司由于成立时间不长，知名度不高，并且现在处于信息社会高速发展当中，客户了解公司服务最快的途径就是通过网站，所以，建设一个时尚、庄重、活泼、规范并且功能全而强的网站已经是迫在眉捷,据专家预计，2009年我国汽车需求量将超过850万辆。

所以，做好汽车网站就是为了使广大的消费者提供及时和有效的信息，为其选择适合自己的产品提供良好的参考。

1．3使用软件

dreamwraver软件由美国著名的网站应用开发工具生产厂商AdobeMacromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。

关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。

通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。

因此，软件技术可以完成任务的要求。

二、系统分析与设计

2.1制作网页的步骤

再做网页之前，我确定了做网页的五个步骤。

一、确定网站主题：

网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。

二、搜集材料：

明确了网站的主题以后，你就要围绕主题开始搜集材料了。

材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站：

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。

网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等。

四、选择合适的制作工具：

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页：

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了。

2.2制作网页的要素

1、网页的整体布局设计

　网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。

版式设计通过文字图形的空间组合，表达出和谐与美。

2、网页设计中色彩的运用

色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。

三、详细设计

3．1网页的要求

要求运行的工作环境稳定，易于操作，界面美观大方，对于广大客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观。

网站的内容必须要生动活泼，网站的整体风格创意设计，才能吸引浏览者停留，我们采用现今网络上最流行的CSS，FLASH，JavaScript等技术进行网站的静态和动态页面设计，动态的按钮，活动的小图标，优美协调的色彩配以悦耳的背景音乐，将会使浏览者留下深刻的印象。

3.2网站结构图

四、网页设计

1、网站首页

预设了多功能搜索、新车、汽车资讯、新车信息、汽车用品推荐、商户推荐、靓车展示、等版块信息，主页主要使用了表格布局，层布局，CSS样式表，Flash动画，布局表格，超链接和背景音乐

2、新车

具有新车报价频道首页、新车报价搜索检索、比较查询、新车详情参数和图片展示、询价留言、相关经销商报价等功能。

该网页使用了布局表格，CSS样式表，插入图片，超链接

3.新闻

具有关于车辆的一些评价的文章，以及对车辆的评测结果

该网页使用了布局表格，CSS样式表，插入图片，超链接，模板

4.用车知识

具有车辆养护、行车安全、文明行车、应对有道等想关的文章等信息，该网页使用了布局表格，CSS样式表，插入图片，超链接，模板

5、汽车用品

具有频道首页、汽车用品搜索，用于汽车用品展示、报价和推荐，商品详情和订购可链接到用户的网店或网站，该网页使用了布局表格，CSS样式表，插入图片，超链接，模板。

五、实训总结

在系统的需求分析过程中，由于不熟悉，产生了很大的困难，通过与指导老师的探讨与沟通，我渐渐地对系统有了一个大体的认识。

虽然说在系统需求分析过程中花费了很多时间，但是我认为这是必要的也是必须的。

这次汽车网站设计过程，是对这学期课程的全方位学习的一次实际性检查，在这次网站建设中，我选择了制作汽车网，因为在制作汽车网站，首先是要了解这个行业的基本情况，汽车是这个时代的交通工具之一，它和我们的生活密切相关，随着中国经济的不断上升，人们的生活也发生了变化。

在这几年，人们对与汽车的热爱，带动了汽车行业每年都有新的突破。

加上国家对信息产业的大力支持，各个品牌的汽车都加大了在互联网上促销各自品牌汽车，这样让消费者有了更多了解汽车信息源。