河北劳动关系职业学院毕业论文

《河北劳动关系职业学院毕业论文》由会员分享，可在线阅读，更多相关《河北劳动关系职业学院毕业论文（12页珍藏版）》请在金锄头文库上搜索。

1、河北劳动关系职业学院电脑多媒体专业毕业论文论文题目：网页设计与应用学生：李庆军学号：20090102019指导教师：翟蕾专业：电脑多媒体技术年级：09级网站的设计与应用摘要汽车网站是一个结合了汽车销售等多功能浏览的汽车网站，我所使用的软件 是 Macromedia 公司推出的一款用于网页设计的软件 dreamweaver8。 在网页的制作与链接中，我学到了很多，然后补充一些比较热门的技巧。网站具 有快捷。无距离更新的特性，同时提供进入日常业务处理平台的“入口”，具有较 强的实用价值。这样的网站被广阔消费者普遍使用，随着现在网络的普及和高效 性的不断提高，它的展示作用和实用性已经使它的应用地位越

2、来越高，越来越广 泛。本文对网站设计作了介绍，进行了需求分析、模块划分、框架和CSS的介绍。由于制作经验不足，作品和论文中存在问题之处，请老师指导完善。关键词：超链接，外观，性能，框架，CSS目录第一章 前言课题来源 网站开发项目需求分析 软件软件运行环境第二章 网站制作做网页的步骤做网页的要素 系统各模块功能实现 第三章 网站的设计 主页的要求 子页的要求网页设计技巧第四章 网站的应用结束语参考文献2第一章 前言1、1 课题来源随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个 巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子 信息产业的发展已经不能够满

3、足社会化大生产的要求，因此，各个国家集中人力 财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展 中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距 离，这就更容易的使我们走上信息化的道路。以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽 车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自 己的私家车。正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随 时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。把汽 车销售与网络连接起来，是今后汽车销售发展的必然方向之一。一个网站项目确实立

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

5、其选择适合自己的产品提供良好的参考。13 使用软件dreamwraver 软 件 由 美 国 著 名 的 网 站 应 用 开 发 工 具 生 产 厂 商 Adobe Macromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得相当成熟。关于 dreamwraver 的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环 境课程的学习，对 dreamwraver 有了比较深刻的认识，并比较轻松的掌握了 dreamwraver 的操作。因此，软件技术可以完成任务的要求。14 软件运行环境Dreamweaver 是一款简体中文软件，可以在 Win2003/WinXP 中安全

6、运行第二章 网站制作21 制作网页的步骤在做网页之前，我确定了做网页的五个步骤。一、确定网站主题 ：网站主题就是要建立的网站所要包含的主要内容，一个 网站必须要有一个明确的主题。二、搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。 材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后 把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划 水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的 楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜 色搭配、版

7、面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考 虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有 个性、有特色，具有吸引力。四、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的 好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。五、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把 自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先 简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设 计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的 内容，然后再设计复

8、杂的内容，以便出现问题时好修改。在制作网页时要多灵活 运用模板，这样可以大大提高制作效率。此外，整体设计完成后我们还要将网页上传测试，使其和其他版本浏览器能 够兼容，再者对网站推广宣传，及时的维护更新。2.2 制作网页的要素.1 网页的整体布局设计网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于 平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字 图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文 字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页 面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的

9、关 系。尤其是我们在利用网页效果表达在线营销的意图时，更要注意为了到达最正 确的视觉表现效果，而讲究整体布局的合理性，比方一家生产型的企业，它所提 供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流 畅的视觉体验，从而方便他对产品的了解，促成最后的购买。2.2.2 网页设计中色彩的运用色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原 则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影 响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一 些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空 和水面等

10、。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时， 应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使 得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但 不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二 种主色调，在已经有了完备的CIS企业形象识别系统的企业进行网页设计时， 更应该按照其中的 VI 进行色彩运用。在色彩的运用过程中，还应注意的一个问题 是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差 异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢比照强烈、 个性鲜明的纯颜色；生活在草

11、原上的人喜欢红色；生活在闹市中的人喜欢淡雅的 颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。2.2.3 网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页 面的内容，表达内容的丰富含义。运用比照与调和、对称与平衡、节奏与韵律以 及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产 生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但 如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会到达比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最正确的

12、页面效果。网页设计中点、线、面的 运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。23 系统各模块功能实现2.3.1 系统登录模块1、该功能模块可以记录客户的邮箱地址，交易时还可以向客户发送交易信息， 到帐确认等等。2、登陆后系统会调出客户的记录，按照交易量的不同客户享受的折扣也不同， 系统主界面车辆展示模块1、该功能模块主要实现对车辆的展示。2、该功能模块图片、文字介绍，360度f lash对各种车辆的展示。账号管理模块1、挂失业务在正常工作中肯定会遇到挂失的业务，确定挂失后，数据库会将 该账号挂起，等待客户做进一步操作。2、冻结业务，客户对账号有冻结的权利，在客户没有输

13、入解冻密码之前，任 何人都无法动用帐上的资金。3、流水查询客户可以查询曾经交易过的记录。4、客户可以自行对其账号密码进行修改，网站管理人员也可以添加或删除账 号。第三章 网站的设计主页的要求对于销售业务系统要求运行的工作环境稳定，易于操作，界面美观大方，对 于前台展示界面要求系统便于维护，安全可靠，对于广阔客户所要执行的操作 简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程 操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏 览者所想要了解的东西。3.2 子页的要求后面的工作就是子页的选择与链接，子页应该丰富多彩，内容充实，浏览 性强，比方说，想要销售一辆

14、汽车，应该有它的全部资料，包括外观、内饰、 性能指标、出产地、价格等诸多方面，鉴于以上方面，我开始了子页的选择 与链接。3.3 网页设计技巧一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里从框架和CSS样式的运用两方面来介绍网页设计的技巧。3.3.1框架的使用FRAME框架是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框 架。使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相 关的图形；每个框架都具有自己的滚动条（如果内容太大，在窗口中显示不下）， 因此访问者可以独立滚动这些框架。例如，

15、当框架中的内容页面较长时，如果 导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动 回顶部来使用导航条。使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对 导航进行测试可能很耗时间。许多专业Web设计人员不喜欢使用框架，并且许多浏览Web的人也不喜欢框 架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要 地使用框架的站点（例如，每当访问者单击导航按钮时就重新加载导航框架内 容的框架集）。如果框架使用得法（例如，在允许其他框架的内容发生更改的同 时，使一个框架中的导航控件保持静态），则这些框架对于某些站点可能非常 有用。3.3.2 CSS样式

16、的使用CSS（层叠样式表）是一种制作网页的新技术，它的全称是级联样式表，即 CascadingstyleSheets的缩写，又称之为风格样式表单。CSS是在网页制作过 程中普遍用到的技术。采用了 CSS技术控制的网页，设计者会更轻松、有效地 对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同 页面的外观和格式等效果实现更加精确地控制。第四章 网页的应用4.1 网页分为静态网页和动态网页。4.1.1 优点：静态网页：1. 静态网页的内容相对稳定，因此容易被搜索引擎检索；动态网页：1. 动态网页以数据库技术为基础，可以大大减少降低网站维护的工作量；2. 采用动态网页技术的网站可以实现更多的功能