当前位置:文档之家› 计算机网站建设毕业论文

计算机网站建设毕业论文

专业:计算机网络技术班级:2010高职网络(1)班编号:201000397新疆农业职业技术学院信息技术学院毕业论文

汽车网站建设报告

学院:信息技术学院

专业:计算机网络技术

姓名:杨闯

班级:2010网络(1)

指导教师:张媛

二〇一二年十二月十七日

摘要

本网站是根据汽车行业的这种现状,提出解决问题的一个可行性方法:采用现代化统一的计算机网络系统,实现了汽车管理的网络化,各类信息有序地进行存储,同时采用了后台管理的方式,经过后台管理系统可以将最新的汽车动态发布到网站,进入后台系统主控界面,进行信息管理,信息查询等功能的使用。实现了各种业务系统的数据集成和信息集成,对旅行社各类信息、资源进行协同集中管理。

随着网络技术的迅猛发展,企业重视自己网站的建设是一个富有远见的选择。企业网站在建设过程中主要分为网络总体规划与技术设备选型、前台网页的设计制作、应用系统的设计开发以及后台数据库管理系统的设计开发等方面。本论文所研究的是如何建设一个符合客户要求的企业网站后台数据库管理系统,旨在通过设计一个具有强大的数据管理功能的系统来管理前台页面中不断更新的数据,方便网站管理员日后对网站的维护和数据更新。本论文所提出的方案是采用现在比较流行的ASP+ACCESS技术配合网页三剑客(Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004)等制作工具来设计和建设一个企业网站管理系统。

关键词:汽车信息,网络化;动态网站

目录

引言 (1)

第一章企业网站建设方案 (2)

1.1 建立网站的必要性和可行性 (2)

1.2 企业网站建站目的 (2)

1.3 网站设计需求 (2)

1.4 企业网站设计原则 (3)

1.5 网站架设步骤 (3)

1.5.1 树立企业形象 (3)

1.5.2 主要功能模块介绍 (4)

第二章开发工具的选择和介绍 (5)

2.1 ASP 概述 (5)

2.1.1 ASP运行模式 (5)

2.1.2 工作原理 (5)

2.1.3 对象和组件 (6)

2.1.4 ASP访问数据库工作原理 (6)

2.2 HTML (7)

2.2.1 图象标记 (7)

2.2.2 表单标记 (7)

2.3 网页三剑客 (8)

2.3.1 Flash MX 2004 (8)

2.3.2 Fireworks MX 2004 (9)

2.3.3 Dreamweaver MX 2004 (9)

2.4 IIS服务器 (10)

2.4.1 IIS的配置 (10)

第三章网页的界面设计 (12)

3.1 网页界面构成要素 (12)

3.2 网页的色彩搭配 (12)

3.3 网站设计原则 (13)

3.4 网页的整体造型 (14)

3.5 网站建设流程 (14)

第四章企业网站设计 (16)

4.1 企业网站架构 (16)

网站结构图如图4-1所示。 (16)

4.2 系统数据库的设计 (17)

4.2.1 留言表 (17)

表4-1 留言表 (17)

4.2.2管理员表 (17)

表4-2 管理员表 (17)

4.2.3用户注册表 (17)

表4-3 用户注册表 (18)

4.2.4用户个人资料表................................................. 错误!未定义书签。

表4-4 用户个人资料表................................................. 错误!未定义书签。

4.3数据库连接 (19)

第五章企业网站功能模块的实现 (20)

5.1 网站前台系统 (20)

5.1.1 功能模块 (20)

5.1.2 实现代码 (20)

5.1.3 登录界面 (22)

5.2 网站后台系统 (23)

5.2.1 网站后台管理系统 (23)

5.2.2 后台管理系统代码 (24)

5.2.3 后台管理界面 (26)

第六章链接和发布 (27)

6.1 链接 (27)

6.2 发布 (27)

结论 (28)

致谢 (29)

参考文献 (30)

引言

企业需不需要网站,几乎所有远见的企业家都会毫不犹豫地说当然需要,但一个不容忽视的问题是,许多企业仅仅停留在"有网站"的阶段,他们并没有意识到一个界面粗糙、内容单一、流程混乱、安全性差的网站,其实给访问者留下了极差的感觉,严重破坏了企业的形象。

时代财富顾问公司在为众多企业设计网站的过程中,总结出了一套完整的、有较高参考价值的《企业网站评定标准》,期望以此引起企业界对自身网站的重视,使企业网站真正成为企业宣传、管理、营销的有效工具。

企业网站是一个企业不可缺少的部分,它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布。拓宽顾客市场,增加企业与客户之间的联系,缩短二者之间的距离。提高企业知名度,为企业今后的业务发展开辟一个良好的社会环境。它的内容对于企业来说至关重要,企业概况、企业论谈、企业特色服务、最新企业新闻动态等部分应该能够为用户提供充足的信息。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强的功能完善的大型企业网站。这些优点能够极大地提高了企业网站的效率,也是企业走向科学化、信息化与世界接轨的重要条件。

成功的企业网站,需要提供高速的链接、丰富的内容、及时的更新、更多的服务,企业网站的建设作为系统工程,其规划设计需要综合考虑网络性能、存储设备、服务器选型、系统软件平台、应用开发平台、网站安全管理等综合因素。

全文共分六章。第一章,介绍了网站建设的必要性。第二章,网站建设中所用软件介绍。第三章,对网页进行设计。第四章,系统的详细设计与核心代码实现。第五章,介绍系统功能模块的实现。第六章,关于链接和发布的功能。

第一章企业网站建设方案

1.1建立网站的必要性和可行性

二十一世纪进入信息发展高速路,数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及,企业纷纷建立自己所需的网站应运而生,一切都归功于Internet的巨大贡献,互联网的世界里蕴藏无限生机,这里只有想不到的、没有做不到的。由于国际互联网是一个不受时空限制的信息交换系统,所以它是目前最直接、最丰富和最快捷的联系方式,信息沟通的高效率为企业带来了最大的方便。所以在现今社会对于一个企业来说,网站已经是不可缺少的一部分了。而我们做网站不是为了赶一时的潮流或是博取一个好听的名声才做的,只有把网络技术同企业管理体系、工作流程和商务动作实现紧密地集成,才能真正发挥企业网站的作用。一个企业建网的最终目的和它的经营目的应该是一致的,就是通过企业网站来降低企业的管理成本和交易成本以及通过开展商业活动来获得更多的利润。明确了这一目标,才能正确地经营这个网站,并使其为企业服务。在此,我们应结合企业的现状与网站未来发展方向,为企业度身定做一套符合自己需求的网站建设方案。

随着全球信息向网络化方向发展,Internet(因特网)在世界上已不再单纯是一种技术,更主要的是Internet已成为一种新的经营模式,从4C (Connection、Communication、Commerce & Co-operation)层次上彻底改变了人类的工作、生活、学习和娱乐方式,已成为国家经济和区域性经济增长的主要动力,Internet 正成为世界最大的公共资料库。它包容着数不清的信息资源,任何最新的信息都可以通过网络搜寻迅速获得,更重要的是,大部分信息都是免费的。企业网站的建设,可以使企业得到以前无法获得的商业资源,真是商机无限,在激烈的市场竞争中领先对手。

1.2企业网站建站目的

形象展示:树立企业形象,展示企业实力,宣传企业文化,建立企业品牌。

1.产品展示:发布产品信息,提供产品详细技术参数。

2.信息发布:及时发布企业信息,产品动态。

3.联系企业:为客户提供在线联系企业,解答客户疑问,提供与客户信息交流的渠道。

4.人员招聘:发布集团各企业招聘信息。

1.3网站设计需求

1.树立企业形象

2.吸引更多的客户

3.为现有的客户提供更有效的服务

4.保持市场的领先地位

5.提高管理效率

6.开发新的商业机会

7.建立完善的售后服务系统

1.4企业网站设计原则

企业网站的建设是有一定的原则的,下面就这些原则来谈谈企业网站的建设。

1.目的性

任何一个网站,必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部?主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务?如果目的不是唯一的,还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响,因此目的性是一切原则的基础。

2.专业性

网站的信息内容应该充分展现企业的专业特性,对外介绍企业自身,最主要的目的是向外界介绍企业的业务范围、性质和实力,从而创造更多的商机。

3.实用性

网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合浏览者对网上银行网站的需求也不是银行的优势,这样的功能服务提供不但会削弱浏览者对网站的整体印象,还浪费了企业的资源投入,有弊无利。

4. 层次性

条理清晰的结构,表现为网站的板块划分的合理性,信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在3-5步以内,不得不需要更多的步骤的时应该有明确的提示。

5.一致性

页面整体设计风格的一致性:整体页面布局和用图用色风格前后一致。

界面元素的命名的一致性:同样的元素应该用同样的命名;同类元素命名满足一致性,做到即使某个元素的表述不清楚也能从上下文推断其义。

功能一致性:完成同样的功能应该尽量使用同样的元素。

元素风格一致性:界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。

1.5网站架设步骤

1.5.1树立企业形象

1.针对企业发展方向及战略部署计划对网站进行规划,以实现良好的运行,实现网站架设目标。一般网站设计大体包含分两个方面:

①网站信息布局

网站的主体信息结构及布局,它是总体网站的框架,所有的内容信息都会以此为依据进行布局,清晰明了的布局会使浏览者能方便快捷地取得所需信息。

②网站页面制作先进技术应用

这是一个成功网站所不可缺少的重要部分,中国企业网在这方面有着非常雄厚的实力,能为我们寻找友好的合作伙伴。

2.网站的内容必须要生动活泼,网站的整体风格创意设计,才能吸引浏览者停留,我们采用现今网络上最流行的CSS,FLASH,Javascript等技术进行网站的静态和动态页面设计,动态的按钮,活动的小图标,优美协调的色彩配以悦耳的背景音乐,将会使浏览者留下深刻的印象。

3.网站的某些适当的位置摆放一些动态的小图案,在保证浏览速度的情况下,在网站各栏目之间加入适量的动态的连接,网站的互动性会大加强。

4.应根据企业的各种产品的特性,配合整个网站本身的设计风格对每个系列的产品进行网上的重新包装设计,务求达到展现企业的品牌形象。

5.FLASH是现时网络上最欢迎的网络技术,作为一种可以用在互联网上动态的、可互动的SHOCKWAVE,它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。用FLASH制作的动画,还可以加入很cool、很有感染力的音乐。这样就能生成多媒体的图形和界面,而且使文件的体积很小。

6.另外,网页的信息中,除了小图标,Banner,按钮之外,还有大量的文字和图象,需要处理,CGI、图片和文字支持是不可缺少的部分,我们先进设备和认真的工作态度一定能制作出令你满意的网站。

1.5.2主要功能模块介绍

1. 企业信息:发布介绍企业的各类信息,如企业简介、组织机构、经营项目、企业荣誉、联系方式,并可随意增加新的栏目等。

2. 新闻资讯:发布企业新闻和业内资讯,无限级分类,大增加信息发布的灵活性。

3. 产品展示:发布企业产品,按产品类别显示及搜索产品,浏览者可根据自己的习惯和需要自主设置产品显示样式,并可直接下订单,无限级分类,大增加信息发布的灵活性。

4. 人才招聘:发布招聘信息,人才策略,浏览者可了解企业的职位空缺情况。

5. 站内检索:可检索站内全部栏目内容。

6. 下载资源:发布供网站浏览者和客户下载的资料等。

7. 系统管理:管理密码修改、网站信息设置、网站空间统计。

8. 信息反馈:以留言板的形式接收用户的反馈信息。

9. 管理权限:可根据需要增设多个管理员帐户,并任意分配不同管理权限。

第二章开发工具的选择和介绍

2.1ASP概述

ASP全名为(Active Server Pages),它是微软公司推出IIS的一个组件,ASP实际是一种在服务器端开发脚本语言的环境,ASP 内含于IIS 3.0 和 4.0 之中, 通过ASP 我们可以结合HTML 网页、ASP 指令和ActiveX 元件建立动态、交互且高效的WEB 服务器应用程序。有了ASP 你就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML 中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。

2.1.1ASP运行模式

当一个浏览器从web服务器请求一个*.asp文件时,ASP脚本开始运行,web服务器此时调用ASP

从头至尾读取请求文件,运行所有命令并把HTML网页返回给浏览器。如图2-1所示。

图2-1 运行模式示意图

当访问数据库的数据时,web服务器起着中间部件的作用。它接收用户web浏览器的web页请求,使用ODBC把对数据或数据库的任何命令请求通过网络送到数据库服务器,从数据库服务器接收数据

并且把产生的web页和数据送回到用户浏览器。在图2-2中显示了在运行中各部分之间的关系:

图2-2 ASP各部分关系图

2.1.2工作原理

ASP的工作原理,当浏览器通过HTTP协议向web服务器申请一个由*.asp定义的页面时,web服务器响应HTTP请求,用ASP引擎解释被申请文件。当遇到ASP脚本命令时,ASP引擎调用相应的脚本引擎(脚本引擎以组件的形式驻留在web服务器上)进行处理。ASP提供两种脚本引擎,即VBScript引擎和VJScript

引擎,若要使用其他脚本语言,需要在web服务器上另外安装相应的脚本引擎;当遇到基于COM标准的组件(组件本身是经过编译的可重用二进制码)时,ASP引擎启动相应的组件完成指定的功能。若ASP文件含有访问数据库的请求,ASP内置组件ADO(ActiveX Date Ob—ject) 通过ODBC与数据库连接,对数据库进行访问,并将访问结果返回web服务器。ASP引擎将脚本和组件的运行结果生成相应的HTML语法成分,与文件中原有的文本和HTML标记一起组成标准HTML页面送至客户端浏览器。

2.1.3对象和组件

ASP提供了功能强大的六个内置对象和五个内置组件

内置对象:

(1)Request(请求):从前端用户取得信息

(2)Response(响应):将信息送给前端用户

(3)Server(服务器):提供Web服务器工具

(4)Session(会话):储存在一次会话内的用户信息,仅被该用户访问

(5)Application(应用):管理所有的会话信息,供所有用户共享

(6)ObjectContext(对象上下文):配合Transaction服务器进行分布式事务处理

前三个很常用,Request和Response是用来实现web Server与浏览器交互。Request的一个重要方法是ForM(),其作用是提取浏览器的用户输入信息。

内置组件:

(1)数据库存取组件:ASP提供ADO来存取具有ODBC标准的数据库

(2)广告轮显组件:用来维护、构建Internet广告

(3)浏览器兼容组件:将浏览器的功能数据提供给服务器,以便送出适合于各种浏览器的Web页面(4)文件存取组件:提供文件读写的工具

(5)文件超链接组件:提供对Web页面的管理

2.1.4ASP访问数据库工作原理

ASP是一个基于Web服务器的脚本开发环境,在ASP平台上可开发和运行动态的、交互的、高性能的Web 服务器应用程序。

图2-3 ASP访问数据库原理图

图2-3说明了ASP访问数据库工作原理。ASP程序在Web服务器端工作,当前端用户请求一个ASP主页时,Web服务器响应HTTP请求并调用ASP引擎执行该文件并解释执行其中的脚本,若脚本中有访问数据库请求,立刻通过ODBC或ILE DB与相应的后台数据库相连,同数据库访问组件ADO完成操作,最后,ASP

根据访问数据库的结果生成HTML语言的主页返回给前端用户,用户看到的只是HTML网页,而看不到ASP 程序代码,增强了保密性。

2.2 HTML

2.2.1图象标记

(1)链入图象的基本语法

#=图象的 URL

#

#=在浏览器尚未完全读入图象时,在图象位置显示的文字。

MY FACE :-)

(2)图象和文字的对齐

img align=#> #=top, middle, bottom

My face!

(3)边框

#=value

2.2.2表单标记

(1)表单的基本语法

...

...

(2)文字输入和密码输入

您的姓名:


您的主页的网址:


密码:


(3)复选框(Checkbox) 和单选框(RadioButton)

Banana

Apple

Orange

(4)列表框(Selectable Menu)

2.3网页三剑客

2.3.1Flash MX 2004

FLASH的基本界面及操作如图2-4所示。

图2-4 FLASH的基本界面

图中①是工具面版。这里要注意的就是颜色,这里的颜色定义有两个,则是区块颜色和边框颜色。②这个面版叫时间轴面版,左边是图层。右边则是控制动画的时间轴了。③我们称作舞台,也就是我们所作的对象都是在这里出现,我们也可以叫它画布。④⑤这两个就是颜色属性和一些其他的属性,都是浮动的面版。

2.3.2Fireworks MX 2004

Fireworks MX 2004的工作界面如图2-5所示。

图2-5 Fireworks 的基本界面

Fireworks的工作界面由“菜单栏”、“工具栏”、“工作区”、“工具条”、“组合面板”和“属性框”六个部分组成。

2.3.3Dreamweaver MX 2004

Dreamweaver MX 2004工作区界面如图2-6所示。

标记的文档窗口、可对接的面板组、可自定义的工具条和集成的文件浏览将直观的工作区呈现在我们眼前。

图2-6 Dreamweaver 的基本界面

2.4IIS服务器

2.4.1IIS的配置

我们可以建立一个新站点。一个Web站点实际上是IIS服务器上的一个目录,并且该目录的访问权限由IIS控制。安装好Web服务器后,它将在系统中自动建立一个默认Web站点,用户可以直接使用这个站点发布网页。默认情况下,IIS将它的根目录设置到C:\Inetpub\wwwroot下,也可以另外建立其他的站点使用。Internet信息服务管理控制台所图2-7所示。

图2-7 Internet信息服务管理控制台

(1)在开始菜单中选“程序→管理工具→Internet服务管理器”,打开管理控制台。

(2)用鼠标右键单击默认网站,在弹出的菜单中选择“属性”。在“Web站点”的“IP地址”栏内输入或选择一个有效的IP地址作为此站点的地址。设置想要使用的TCP端口号,如80。

(3)在“主目录””选项卡的“本地路径”中填写“C:\Inetpub\wwwroot”。如果不想使用默认的路径,则可以先在C盘或者是其他盘上建立一实际目录,如在D盘上建立D:\stuaspplus目录,然后通过“浏览”选择该目录,即可建立自己的站点。

(4)在“文档”选项卡,修改浏览器默认调用的文件名及调用顺序,如图2-8所示。

图2-8 “文档”选项卡的设置

(5)建立虚拟目录。在Internet信息服务文件夹下右击默认站点,选择“新建”→“虚拟目录”,弹出虚拟目录创建向导,单击“下一步”按钮,在弹出对话框的别名处键入wwwroot,如果是用新建立的站点,就输入该站点名称,如stuaspplus。再单击“浏览”按钮,选择C:\Inetpub\wwwroot。单击“下一步”后采用默认设置,按向导提示单击“下一步”就可以完成虚拟目录的设置。

如果采用Windows 98操作系统,那么其配置如下:Windows 98+PWS。若是Windows XP或Windows 2003,则配置如下:Windows XP+IIS、Windows 2003+IIS,但这种配置较少采用。因为XP对IIS不是完全兼容支持,有些功能配合得不够完美。所以我们推荐使用Windows 2000+IIS5这对组合,因为Windows 2000是相对比较稳定的系统,对于服务器网络方面微软投入得较多,比较适合做为服务。

第三章网页的界面设计

3.1网页界面构成要素

与传统媒体不同,网页除了文字和图像以外,还包含声音、视频和动画等新兴多媒体元素,更借助由代码语言编程所实现的各种交互式效果,增加了网页界面的生动性和复杂性,也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说,网页的界面主要由下面几个因素构成:

(1)文字:文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同,是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素,同时又是信息重要载体,它的字体、大小、颜色和排布对页面整体设计影响极大。

(2)图形:图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif,这两种格式压缩比高,得到了规范浏览器的支持,下载速度快,具有跨平台的特性,不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。

(3)页面版式:版式是网页界面设计的重要组成部分,它将文字、图形等视觉元素进行组合配置,使页面整体视觉效果美观和谐,便于阅读,实现信息传达的最佳效果。

(4)色彩:彩色网页比单色网页更具吸引力;色彩本身具有象征作用。

(5)多媒体:网页构成中的多媒体元素主要包括音频、视频和动画。这些是界面构成中最吸引人的元素。

(6)技术:网页的技术要素并非任何情况下在网页中都能直观体现,但是却代表了设计的整体水平,也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括:浏览器、传输速度、屏幕分辨率、颜色显示。

3.2网页的色彩搭配

打开一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩。色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计,在排除立体图形、动画效果之外,在平面图上,色彩的冲击力是最强的,它很容易给用户留下深刻的印象。因此,在设计网页时,必须要高度重视色彩的搭配。

色彩五颜六色、千变万化。其中,红、黄、蓝是三原色,三原色通过不同比例的混合可以得到各种颜色。色彩有冷暖色之分,冷色(如蓝色)给人的感觉是安静、冰冷;而暖色(如红色)给人的感觉是热烈、火热。冷暖色的巧妙运用可以让网站产生意想不到的效果。

色彩与人的心理感觉和情绪也有一定的关系,利用这一点可以在设计网页时形成自己独特的色彩效果,给浏览者留下深刻的印象。一般情况下,各种色彩给人的感觉是:

红色代表热情、活泼、热闹、温暖、幸福、吉祥

橙色代表光明、华丽、兴奋、甜蜜、快乐

黄色代表明朗、愉快、高贵、希望

绿色代表新鲜、平静、和平、柔和、安逸、青春

蓝色代表深远、永恒、沉静、理智、诚实、寒冷

紫色代表优雅、高贵、魅力、自傲

白色代表纯洁、纯真、朴素、神圣、明快

灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞

黑色代表崇高、坚实、严肃、刚健、粗莽

在色彩搭配中一般遵循下述一些原则:

(1) 特色鲜明:一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。

(2) 搭配合理:网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。

(3) 讲究艺术性:网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。

在设计本网站时主要考虑的因素是要能让用户浏览过之后,以后还会再登陆该网站,因此用了朴素、大方、简洁、和谐的设计原则。

3.3网站设计原则

1. 网页内容要易读

网站设计最重要的诀窍,恐怕就是你的网页要易读。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果,别用花里胡哨的色彩组合,让人看起来你的网页来很费劲。一般来说,浅色背景下的深色文字为佳。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。另外,最好让文本左对齐,而不是居中。按当代中文的阅读习惯,文本大都居左的。当然,标题一般应该居中,因为这符合读者的阅读习惯。

2. 网站导航要清晰

所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,都要有清晰的标识,让人看得明白,千万别光顾视觉效果的热闹的,而让人家不知东西南北。链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。总之,文本链接一定要和页面的其他文字有所区分,给读者清楚的导向。

3. 网页风格要统一

你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,要统一风格,贯

穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。

4. 页面容量要较小

有研究显示,如果一个网站页面的主体在15秒之内显现不出来,访客会很快失去对该站的兴趣。如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。要限定页面的大小,就得从各个角度考虑节省。最大的一头是图像,有的好东西,只得割爱了。

5. 页面内容要新颖

网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题材千篇一律,人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

3.4网页的整体造型

网页的整体造型在整个制作中至关重要,一个杂乱无章的网页,给人第一印象极差的网页,用户访问过之后是不会再访问的。在制作本网页时,主要以学校主页界面形式作为参考,因为它看上去比较柔和、简洁、和谐,给用户清新的感觉。

造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。

对于不同的形状,它们所代表的意义是不同的。比如矩形代表正式,规则,注意到很多ICP和政府网页都是以矩形为整体造型;圆形代表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。

制作中主要采用Dreamweaver作为主要制作工具,其中插入了Flash元素,还用了Photoshop处理其中图片,这样能使网页更加生动。

3.5网站建设流程

一、了解企业的最真实的需求,为该企业提供专业的策划方案;

二、根据该企业名称、行业特点、地域等相关信息策划域名构成;

三、确定网站建设内容、网站结构、应用系统、规模等;

四、进行资料收集、上传所需要的文档;

五、网站风格策划、网页设计、内容整理、图片处理、文字录入;

六、设计完成网站初稿,提供给老师检查并提出修改意见和建议;

七、根据毕业设计要求和老师建议对网站进行修改和调整;

八、网站上传,网站正式开放发布;

九、网站维护和推广。

第四章企业网站设计4.1企业网站架构

图4-1 网站结构图

相关主题
文本预览
相关文档 最新文档