网页设计与应用毕业论文

目 录

第一章 前言………………………………………………………………………………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 网站开发项目需求分析

一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需万辆。所以，做好汽车 850 年我国汽车需求量将超过2009 要面对的问题。据专家预计， 网站就是为了使广大的消费者提供及时和有效的信息，为其选择适合自己的产品提供良好的参考。

1．3 使用软件 dreamwraver 软 件 由 美 国 著 名 的 网 站 应 用 开 发 工 具 生 产 厂 商 AdobeMacromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得相当成熟。关⑴于dreamwraver 的技术介绍的相关书籍与网络信息相当丰富。 通过大学中软件开发环境课程的学习，对 dreamwraver 有了比较深刻的认识，并比较轻松的掌握了dreamwraver 的操作。因此，软件技术可以完成任务的要求。

1．4 软件运行环境

Dreamweaver 是一款简体中文软件，可以在 Win2003/WinXP 中安全运行 ⑵ 第二章 网站制作

2．1 制做网页的步骤

在做网页之前，我确定了做网页的五个步骤。 一、确定网站主题 ：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。 二、搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。 四、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。 五、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出

①知新文化. HTML 完全手册与速查辞典[M].北京：科学出版社，第49页，2007. 2009. 页，321北京：清华大学出版社，第[M].杨选辉，网页设计与制作教程 ②． 现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 此外，整体设计完成后我们还要将网页上传测试，使其和其他版本浏览器能够兼容，再者对网站推广宣传，及时的维护更新。

2.2 制作网页的要素

网页的整体布局设计 2.2.1

网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，⑴表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。

2.2.2 网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运⑵用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的 CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的 VI 进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。 ⑶ 2.2.3 网页形式与内容相统一 要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过⑷空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在

①王诚君，刘振华，郭竑晖，《高中山.Dreamweaver 8 网页设计应用教程[M]》.北京：清华大学出版社，第332页，2007. ②李光明，曹蕾，余辉.《中文Dreamweaver 8 网页设计与实训教程[M]》.北京：冶金工业出版社，第13页，2006. 2006. 页，159北京：冶金工业出版社，第.》[M]《新编网页设计教程.③周德华，许铭霖． 页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案， 或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语