《网页设计与应用毕业论文.doc》由会员分享,可在线阅读,更多相关《网页设计与应用毕业论文.doc(8页珍藏版)》请在金锄头文库上搜索。
1、目 录第一章 前言2 1.1 课题来源 21.2 网站开发项目需求分析 21.3 软件 3 1.4 软件运行环境第二章 网站制作3 第二章网络制作32.1做网页的步骤 32.2 做网页的要素42.2.1网页的整体布局设计42.2.2 网页设计中色彩的运用42.2.3 网页形式与内容相统一 42.3 系统各模块功能实现4 2.3.1 系统登录模块 42.3.2 车辆展示模块 52.3.3 账号管理模块5 第三章 网站的设计 53.1 主页的要求53.2 子页的要求53.3 网页设计技巧5 3.3.1 框架的使用53.3.2 CSS 样式的使用6第四章 网站的应用 6 4.1 网页分为静态网页和动
2、态网页64.2 我的认识6结束语 7参考文献7网页设计与应用摘 要 :汽车网站是一个结合了汽车销售等多功能浏览的汽车网站,我所使用的软件是 Macromedia 公 司 推 出 的 一 款 用 于 网 页 设 计 的 软 件 dreamweaver8。在网页的制作与链接中,我学到了很多,然后补充一些比较热门的技巧。网站具有快捷。无距离更新的特性,同时提供进入日常业务处理平台的“入口”,具有较强的实用价值。这样的网站被广大消费者普遍使用,随着现在网络的普及和高效性的不断提高,它的展示作用和实用性已经使它的应用地位越来越高,越来越广泛。本文对网站设计作了介绍,进行了需求分析、模块划分、框架和 CS
3、S 的介绍。 由于制作经验不足,作品和论文中存在问题之处,请老师指导完善。关键词: 超链接,外观,性能,框架,CSS 目 录第一章 前言1、1 课题来源 随着二十一世纪新兴科技的飞速发展,如今的电子信息产业正在经受着一个巨大的挑战,同时也面临着一个重大的机遇。就目前的科技发展水平而言,电子信息产业的发展已经不能够满足社会化大生产的要求,因此,各个国家集中人力、财力加大对信息技术产业的投入,以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界,缩紧了人与人之间的距离,这就更容易的使我们走上信息化的道路。 以往,人们出行都以自行车居多,后来公交事业发展壮大,人们
4、便乘坐公交汽车,现如今,随着人们生活水平的提高,越来越多的家庭已经拥有或者想拥有自己的私家车。 正是因为人们的这些需求,越来越多的汽车网站出现在网络上,使人们可以随时了解自己想知道的汽车方面的新闻,真正的做到足不出户,便知天下事。把汽车销售与网络连接起来,是今后汽车销售发展的必然方向之一。12 网站开发项目需求分析 一个网站项目的确立是建立在各种各样的需求上面的,这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要,其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户,项目的负责人对用户需求的理解程度,在很大程度上决定了此类网站开发项目的成败。
5、因此如何更好地的了解、分析、明确用户需求,并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员,保证开发过程按照满足用户需求为目的正确项目开发方向进行,是每个网站开发项目管理者需要面对的问题。据专家预计,2009 年我国汽车需求量将超过 850 万辆。所以,做好汽车网站就是为了使广大的消费者提供及时和有效的信息,为其选择适合自己的产品提供良好的参考。13 使用软件 dreamwraver 软 件 由 美 国 著 名 的 网 站 应 用 开 发 工 具 生 产 厂 商 AdobeMacromedia 于 2005 年 6 月推出并正式投入市场以来,已经发展得相当成熟。关于dreamwrav
6、er 的技术介绍的相关书籍与网络信息相当丰富。 通过大学中软件开发环境课程的学习,对 dreamwraver 有了比较深刻的认识,并比较轻松的掌握了dreamwraver 的操作。因此,软件技术可以完成任务的要求。14 软件运行环境 Dreamweaver 是一款简体中文软件,可以在 Win2003/WinXP 中安全运行 第二章 网站制作21 制做网页的步骤 在做网页之前,我确定了做网页的五个步骤。 一、确定网站主题 :网站主题就是要建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。 二、搜集材料 :明确了网站的主题以后,你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘
7、、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。 三、规划网站 :一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。 四、选择合适的制作工具 :尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功
8、倍的效果。 五、制作网页 :材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出 知新文化. HTML 完全手册与速查辞典M.北京:科学出版社,第49页,2007. 杨选辉,网页设计与制作教程M.北京:清华大学出版社,第321页,2009.现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。 此外,整体设计完成后我们还要将网页上传测试
9、,使其和其他版本浏览器能够兼容,再者对网站推广宣传,及时的维护更新。2.2 制作网页的要素2.2.1 网页的整体布局设计 网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时,更要注意为了达到最佳的视觉表现效果,而讲究整体布局的合理性,比如一家生产型的企业,
10、它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验,从而方便他对产品的了解,促成最后的购买。2.2.2 网页设计中色彩的运用 色彩是艺术表现的要素之一,在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响,合理地加以运用,按照色彩的记忆性原则,一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质,如红色象征血、太阳;蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些,增强人们的购买心理,使得在线营销得到很好
11、的实践效果。另要注意的是网页的颜色应用虽没有限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,在已经有了完备的 CIS(企业形象识别系统)的企业进行网页设计时,更应该按照其中的 VI 进行色彩运用。在色彩的运用过程中,还应注意的一个问题是:由于国家和种族、宗教和信仰的不同,以及生活的地理位置、文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。2.2.3 网页形式与内容相统一 要将丰富的意义和多样的
12、形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在 王诚君,刘振华,郭竑晖,高中山.Dreamweaver 8 网页设计应用教程M.北京:清华大学出版社,第332页,2007. 李光明,曹蕾,余辉.中文Dreamweaver 8 网页设计与实训教程M.北京:冶金工业出版社,第13页,2006.周德华,许铭霖.新编网页设计教程M.北京:冶金工业出版社,第159页,2006.页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些富有动感的
13、文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素,要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。23 系统各模块功能实现2.3.1 系统登录模块 1、该功能模块可以记录客户的邮箱地址,交易时还可以向客户发送交易信息,到帐确认等等。 2、登陆后系统会调出客户的记录,按照交易量的不同客户享受的折扣也不同,系统主界面2.3.2 车辆展示模块1、该功能模块主要实现对车辆的展示。 2、该功能模块图片、文字介绍,360 度 flash 对各种车辆的展示。2.3.3 账号管理模块 1、挂失业务在正常工作中肯定会遇到挂失的业务,确定挂失后,数据库会将该账号挂起,等待客户做进一步操作。 2、冻结业务,客户对账号有冻结的