目录
第一章前言 (2)
1.1 课题来源 (2)
1.2 网站开发项目需求分析 (2)
1.3 软件 (3)
1.4 软件运行环境第二章网站制作 (3)
第二章网络制作 (3)
2.1做网页的步骤 (3)
2.2 做网页的要素 (4)
2.2.1网页的整体布局设计 (4)
2.2.2 网页设计中色彩的运用 (4)
2.2.3 网页形式与内容相统一 (4)
2.3 系统各模块功能实现 (4)
2.3.1 系统登录模块 (4)
2.3.2 车辆展示模块 (5)
2.3.3 账号管理模块 (5)
第三章网站的设计 (5)
3.1 主页的要求 (5)
3.2 子页的要求 (5)
3.3 网页设计技巧 (5)
3.3.1 框架的使用 (5)
3.3.2 CSS 样式的使用 (6)
第四章网站的应用 (6)
4.1 网页分为静态网页和动态网页 (6)
4.2 我的认识 (6)
结束语 (7)
参考文献 (7)
网页设计与应用
摘要：汽车网站是一个结合了汽车销售等多功能浏览的汽车网站，我所使用的软件是Macromedia 公司推出的一款用于网页设计的软件——
dreamweaver8。在网页的制作与链接中，我学到了很多，然后补充一些比较热门
的技巧。网站具有快捷。无距离更新的特性，同时提供进入日常业务处理平台的
“入口”，具有较强的实用价值。这样的网站被广大消费者普遍使用，随着现在
网络的普及和高效性的不断提高，它的展示作用和实用性已经使它的应用地位越
来越高，越来越广泛。本文对网站设计作了介绍，进行了需求分析、模块划分、
框架和 CSS 的介绍。由于制作经验不足，作品和论文中存在问题之处，请老师
指导完善。
关键词：超链接，外观，性能，框架，CSS 目录
第一章前言
1、1 课题来源
随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自己的私家车。正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。把汽车销售与网络连接起来，是今后汽车销售发展的必然方向之一。
1．2 网站开发项目需求分析
一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。据专家预计，2009 年我国汽车需求量将超过 850 万辆。所以，做好汽车
网站就是为了使广大的消费者提供及时和有效的信息，为其选择适合自己的产品提供良好的参考。
1．3 使用软件
dreamwraver 软件由美国著名的网站应用开发工具生产厂商AdobeMacromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得相当成熟⑴。关于dreamwraver 的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对 dreamwraver 有了比较深刻的认识，并比较轻松的掌握了dreamwraver 的操作。因此，软件技术可以完成任务的要求。
1．4 软件运行环境
Dreamweaver 是一款简体中文软件，可以在 Win2003/WinXP 中安全运行⑵
第二章网站制作
2．1 制做网页的步骤
在做网页之前，我确定了做网页的五个步骤。
一、确定网站主题：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。
二、搜集材料：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
四、选择合适的制作工具：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
五、制作网页：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出
①知新文化. HTML 完全手册与速查辞典[M].北京：科学出版社，第49页，2007.
②杨选辉，网页设计与制作教程[M].北京：清华大学出版社，第321页，2009.
现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。此外，整体设计完成后我们还要将网页上传测试，使其和其他版本浏览器能够兼容，再者对网站推广宣传，及时的维护更新。
2.2 制作网页的要素
2.2.1 网页的整体布局设计
网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。⑴版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。
2.2.2 网页设计中色彩的运用
色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。⑵根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的 CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的 VI 进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。⑶在设计中要考虑众多因素。
2.2.3 网页形式与内容相统一
要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。⑷运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在
①王诚君，刘振华，郭竑晖，《高中山.Dreamweaver 8 网页设计应用教程[M]》.北京：清华大学出版社，第332页，2007.
②李光明，曹蕾，余辉.《中文Dreamweaver 8 网页设计与实训教程[M]》.北京：冶金工业出版社，第13页，2006.
③周德华，许铭霖.《新编网页设计教程[M]》.北京：冶金工业出版社，第159页，2006.
页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。
2．3 系统各模块功能实现
2.3.1 系统登录模块
1、该功能模块可以记录客户的邮箱地址，交易时还可以向客户发送交易信息，到帐确认等等。
2、登陆后系统会调出客户的记录，按照交易量的不同客户享受的折扣也不同，系统主界面
2.3.2 车辆展示模块⑴
1、该功能模块主要实现对车辆的展示。
2、该功能模块图片、文字介绍，360 度 flash 对各种车辆的展示。
2.3.3 账号管理模块⑵
1、挂失业务在正常工作中肯定会遇到挂失的业务，确定挂失后，数据库会将该账号挂起，等待客户做进一步操作。
2、冻结业务，客户对账号有冻结的权利，在客户没有输入解冻密码之前，任何人都无法动用帐上的资金。
3、流水查询客户可以查询曾经交易过的记录。
4、客户可以自行对其账号密码进行修改，网站管理人员也可以添加或删除账号。
第三章网站的设计
3.1 主页的要求
对于销售业务系统要求运行的工作环境稳定，易于操作，界面美观大方，对于前台展示界面要求系统便于维护，安全可靠，对于广大客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。
3.2 子页的要求
后面的工作就是子页的选择与链接，子页应该丰富多彩，内容充实，浏览性强，比如说，想要销售一辆汽车，应该有它的全部资料，包括外观、内饰、性能指标、出产地、价
①赵铭建，赵慧，乔孟丽，康梅娟. 《网页设计与制作[M].》东营：中国石油大学出版社，第66页，
2007.
②赵祖荫，王云翔，胡耀芳. 《网页设计与制作教程[M]》.北京：清华大学出版社，第187页，2008.
格等诸多方面，鉴于以上方面，我开始了子页的选择与链接。
3.3 网页设计技巧
一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里从框架和 CSS 样式的运用两方面来介绍网页设计的技巧。⑴
3.3.1 框架的使用
FRAME（框架）是 Web 上经常会看到的页面结构。框架的最常见用途就是导航⑵。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条如果内容太大，在窗口中显示不下，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。许多专业Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集。如果框架使用得法例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态，则这些框架对于某些站点可能非常有用。
3.3.2 CSS 样式的使用
CSS 层叠样式表是一种制作网页的新技术它的全称是级联样式表即Cascading StyleSheets 的缩写，又称之为风格样式表单。⑶CSS 是在网页制作过程中普遍用到的技术。采用了 CSS 技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。
第四章网页的应用
4.1 网页分为静态网页和动态网页。
4.1.1 优点：
静态网页：1. 静态网页的内容相对稳定，因此容易被搜索引擎检索；
动态网页：
1. 动态网页以数据库技术为基础，可以大大减少降低网站维护的工作量；
2. 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、顶订单管理等等
①]陈季.《 Flash 基础与实例教程[M]》.北京：北京希望电子出版社，第88页，2005.
②丁海祥.《计算机平面设计实训[M].》北京：高等教育出版社，第54页，2005.
③曹雁青，杨聪.《 Photoshop 经典作品赏析[M].》北京：北京海洋智慧图书有限公司，第35页，2002.
4.1.2 缺点：
静态网页：
1. 静态网页没有数据库的支持，在网站能制作和维护方面工作量较大，因此当网站信息
量很大时完全依靠静态网页制作方式比较困难；
2. 静态网页的交互性交叉，在功能方面有较大的限制。动态网页：1. 动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者处于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。
4.2 我的认识
网页应用很广泛，当我们打开 IE 浏览器的时候，出现在屏幕上的就是一个网页，随着社会的进步，生活节奏地加快，各行各业都开始使用互联网来宣传自己的产品，或者进
行其他的活动。网站设计离不开网页，网页像书中的章页，由这些页面构成了整个网站。
不管是大企业还是小公司，都有自己的网站，当然网站是离不开网页的。网页中的信息可
以给我们带来很多帮助，可以用来学习或者做一些活动的参考。通过对这门课程的学习会
收获很多。
结束语
在系统的需求分析过程中，由于不熟悉，产生了很大的困难，通过与指导老师的探讨与沟通，我渐渐地对系统有了一个大体的认识。虽然说在系统需求分析过程中花费了很多
时间，但是我认为这是必要的也是必须的。这次毕业设计中我了解到了很多的知识，这对我今后的学习和生活都将会有很大的帮助。我明白了对于一个完整性的软件设计流程的主
要性，在整个网站设计过程中前期需求分析，可行性分析是非常重要的环节，可以说是软
件设计的核心，在过去我一直认为详细设计编码才是最重要的，因为再好的需求，编码不
成功，软件就无法正常运行。锻炼了自己发现问题，解决问题的能力。开发过程中遇到一些需求的变化，通过修改设计思路，避免在后期产生更大的错误。再详细设计的每一步都
有可能出错，所以会进行非常多的调试工作，只要发现问题就调试解决，这样不仅增强了
信心，也很好的锻炼了自己遇到问题不急不躁，耐心解决的能力。
参考文献
〈1〉《信息技术》江苏科学技术出版社 .
〈2〉《网页制作》人民邮电出版社.
〈3〉《dreamweaver8 参考手册》2008 年版. ，
〈4〉柯林森、刘志忠，CSS 基础教程，人民邮电出版社，2007.9.
〈5〉苏昱，样式表中文手册，帮助文档。
〈6〉韩国锋、 ASP 柯华坤，网站开发典型模块与实例精讲，电子工业出版社，2006.8.