网页设计与应用毕业论文

PAGE2—PAGE5—目录第一章前言………………21.1课题来源…………21.2网站开发项目需求分析……………21.3软件…………………31.4软件运行环境第二章网站制作……………………3第二章网络制作…………32.1做网页的步骤………………………32.2做网页的要素…………42.2.1网页的整体布局设计………………2.2.2网页设计中色彩的运用……………42.2.3网页形式与内容相统一…………42.3系统各模块功能实现…………………42.3.1系统登录模块……………………42.3.2车辆展示模块……………………52.3.3账号管理模块………………………5第三章网站的设计………………………53.1主页的要求……………53.2子页的要求……………53.3网页设计技巧…………53.3.1框架的使用…………53.3.2CSS样式的使用……………………6第四章网站的应用………………………64.1网页分为静态网页和动态网页………64.2我的认识………………6结束语……………………7参考文献……………………7网页设计与应用摘要：汽车网站是一个结合了汽车销售等多功能浏览的汽车网站，我所使用的软件是Macromedia公司推出的一款用于网页设计的软件——dreamweaver8。在网页的制作与链接中，我学到了很多，然后补充一些比较热门的技巧。网站具有快捷。无距离更新的特性，同时提供进入日常业务处理平台的“入口”，具有较强的实用价值。这样的网站被广大消费者普遍使用，随着现在网络的普及和高效性的不断提高，它的展示作用和实用性已经使它的应用地位越来越高，越来越广泛。本文对网站设计作了介绍，进行了需求分析、模块划分、框架和CSS的介绍。由于制作经验不足，作品和论文中存在问题之处，请老师指导完善。关键词：超链接，外观，性能，框架，CSS目录第一章前言1、1课题来源随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自己的私家车。正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。把汽车销售与网络连接起来，是今后汽车销售发展的必然方向之一。1．2网站开发项目需求分析一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。据专家预计，2009年我国汽车需求量将超过850万辆。所以，做好汽车页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。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.2CSS样式的使用CSS层叠样式表是一种制作网页的新技术它的全称是级联样式表即CascadingStyleSheets的缩写，又称之为风格样式表单。⑶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浏览器的时候，出现在屏幕上的就是一个网页，随着社会的进步，生活节奏地加快，各行各业都开始使用互联网来宣传自己的产品，或者进行其他的活动。网站设计离不开网页，网页像书中的章页，由这些页面构成了整个网站。不管是大企业还是小公司，都有自己的网站，当然网站是离不开网页的。网页中的信息可以给我们带来很多帮助，可以用来学习或者做一些活动的参考。通过对这门课程的学习会收获很多。结束语在系统的需求分析过程中，由于不熟悉，产生了很大的困难，通过与指导老师的探讨与沟通，我渐渐地对系统有了一个大体的认识。虽然说在系统需求分析过程中花费了很多时间，但是我认为这是必要的也是必须的。这次毕业设计中我了解到了很多的知识，这对我今后的学习和生活都将会有很大的帮助。我明白了对于一个完整性的软件设计流程的主要性，在整个网站设计过程中前期需求分析，可行性分析是非常重要的环节，可以说是软件设计的核心，在过去我一直认为详细设计编码才是最重要的，因为再好的需求，编码不成功，软件就无法正常运行。锻炼了自己发现问题，解决问题的能力。开发过程中遇到一些需求的变化，通过修改设计思路，避免在后期产生更大的错误。再详细设计