欢迎来到速发表网,咨询电话:400-838-9661

关于我们 登录/注册 购物车(0)

期刊 科普 SCI期刊 投稿技巧 学术 出书

首页 > 优秀范文 > 企业的网站设计

企业的网站设计样例十一篇

时间:2023-08-14 09:24:46

企业的网站设计

企业的网站设计例1

一、引言

随着现代物流和虚拟现实技术的进步,电子商务得到了空前的发展。企业可以通过建设网站,面向世界各地的客户介绍自身的悠久历史和发展状况,在网站上宣传企业所生产的各种新型产品,让那些对产品感兴趣的客户,更好地了解企业,而企业可以在网站上,展示出自身的实力,推广各种产品,促成双方合作,实现双赢。

二、需求分析

公司网站需要及时更新企业基本信息(包括企业历史、企业文化等)、企业新闻动态、产品销售相关信息,为用户提供可能感兴趣的相关网站,并且要能够进行添加、修改、删除等操作。本系统主要分为前台信息浏览和后台数据管理。前台页面主要是对商品的展示、查找、在线咨询;后台管理主要实现对商品的新增和修改等操作。后台管理系统中,只有系统管理员身份有操作权限,需要设计登录验证模块,根据用户角色的不同,对用户权限进行划分。

三、系统规划

公司网站设计是体现公司客户需求、公司管理层运营要求以及反馈信息的最重要、最方便的平台,是企业开展电子设计的基础设施和信息服务系统。脱离网站(或者只是通过利用第三方平台)去讨论开发电子商务是不可能的。发展到现代社会,人们更加看重对权利的维护,企业的网址已经被设为特有的网络商标,也成为企业重要的无形资产,而网站则是推广企业文化、提升企业形象的重要窗口。

四、系统设计

1.设计目标

(1)基本实现公司应用所需全部要求。

(2)网站模块明晰,界面美观简洁,操作简单。

(3)网站设计要有对大众化的搜索引擎链接,甚至网站中包含本站的友情链接、最新公司招聘信息、招聘资讯、栏目调查。友情链接可以方便用户浏览其他网站资源;推荐招聘企业的信息对求职者具有一定的参考价值。

(4)安全性检测: 新闻资讯过期之后将不在网站上显示,防止企业用户接受有害或垃圾邮件;对用户提交的数据要进行过滤,以防非法录入信息。

2.具体模块设计

系统包括两个部分:前台网站设计、后台管理设计。

(1)后台管理系统模块

密码管理:一方面,后台网站管理需要检验账号和密码是否符合管理员数据表已有的管理员账号;另一方面,可以进行用户密码修改。企业信息管理:主要实现对企业名称、联系方式等基本信息的维护。新闻中心管理:主要实现对企业新闻的新增和修改操作,在新增过程中实现文字的编辑和图片的编辑,同时要支持附件上传功能,可以对重要新闻做上标记。留言板的管理:主要是对客户留言信息的回复和留言的删除。在通用模块里面已经分析过了,而对留言的删除是把删除标记设置为1,让数据不能被访问。

(2)前台网站设计

公司简介浏览:一方面是企业的主要产品以及产品类别,产品制作使用的先进技术等。另一方面介绍了公司发展历程,公司所取得的辉煌成就,公司运营所秉承的文化精髓等。新闻动态模块:企业新产品介绍、新技术的引进、公司项目进展相关新闻、公司人员调整、薪资调整说明、公司媒体宣传等;定制问答:定制回答一些顾客常会遇到、不了解的问题,如产品尺寸规格、印刷问题、询价问题等;联系公司:提供客户联系公司的地址、邮箱、手机号、联系人等联系方式;在线留言:客户需要先登录网站,再填写相关信息,包括标题、咨询内容、姓名、联系方式等;近期产品展示:此模块展示公司最新生产供应的产品信息。

五、系统模块实现

1.硬件环境

(1)服务器。内存:至少512MB,推荐2G及以上;硬盘:推荐80G以上;CPU中央处理器:主频 1.5GHz以上;网卡:100Mbit/s。

(2)客户端。内存:64MB及以上;CPU中央处理器:主频 300MHz以上;显示器:推荐使用分辨率1024×768及以上。

2.软件环境

(1)服务器端。数据库:SQL Server2008;服务器:IIS V6.0;操作系统:支持各种服务器系列操作系统,推荐windows7。

企业的网站设计例2

中图分类号:TP393.092

1 企业网站设计总体需求

1.1 网站实现的功能

通过实施一系列的电子化建设计划,企业网站将实现:

(1)整合企业的业务应用

(2)相关信息的动态:企业信息、产品信息、招聘信息等

(3)建立一个强大的对外宣传平台

1.2 网站内容风格设计

(1)总体印象:立足于企业服务宗旨,延伸至高新行业领域,主题突出,内容精干,形式简洁,差异性,可识别性,用户体验。

(2)版式布局:栏目集中,分栏目检索明确,导航标志清晰

(3)色彩运用:色调总体呈畅快、简洁、专业的特征:(根据企业实际需要决定)

(4)图片运用:配合文字及色块,以生动的形象图片表达知名专业公司的实力和创造力

(5)在功能上:网站内容从各方面尽量满足客户和有需求的业内人士的合理要求

2 系统模块设计

2.1 前台功能模块总体设计如下图

2.2 后台新闻管理总体设计如下图

3 首页制作及代码

网站首页是主要界面,显示本网站的主要模块,包括:公司简介、新闻中心、友情链接、企业联系方式,直观对企业有个大致的了解。以下是部分代码。

4 公用代码设计

4.1 连接文件

.net与access数据连接写在公共类库中,身份认证写在配置文件中,便于管理而且安全性高。由于数据比较小故选择了access数据库,连接数据库存直接写在公共类DB_Con中。

creatCon:连接数据库类;

public static OleDbConnection creatCon()

{

OleDbConnection db = new OleDbConnection("Provider=Microsoft.Jet.OleDb.4.0;Data Source=" + System.Web.HttpContext.Current.Server.MapPath("~/App_Data/db_gs.mdb"));

return db;

}

4.2 全网站对数据操作分为:读、写,公共类库中根据网站读写数据的内容选择操作数据库存并返回数据的语句;

public static DataView getRows(string sqlStr, string sqltable)

//执行SQL语句并返回表中的所有数据

public static DataRowView getEditRows(string sqlStr, string sqltable)

//执行SQL语句并返回表中的一行

public static object execSca1(string sqlStr)

//返回第一行第一列

public static bool execSql(string sqlStr)

//执行数据表的添加、删除和更新操作

参考文献:

[1]叶顺源网络开发关键技术与实践[M].中国铁道出版社,2006-3.

企业的网站设计例3

一、引言

企业网站是一个企业不可缺少的组成部分,它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布,拓宽顾客市场,增加企业与客户之间的联系,缩短二者之间的距离,提高企业知名度,为企业今后的业务发展开辟一个良好的社会环境。利用网上购物,实现电子商务,完成金融、物品、服务、信息等价值的交换,是快速而有效地进行各种商务活动的最新方法。建成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护简洁、信息实时性强的功能完善的企业网站,能够极大地提高企业效率,也是企业走向科学化、信息化与世界接轨的重要条件。

二、企业网站的系统设计

1.前台客户功能模块设计

(1)主页

也称为企业的形象页面,包括企业名称,企业标志,对网站内容进行简单有效导航的菜单或图标,着重标明最重要的新闻或修改内容以及客户与公司联系的地址、电话、传真、帐号等。主页制作应遵循快速、简洁、引人、信息概括力强、易于导航的原则,主页上的导航菜单或图标应能链接到企业网站的其他页面。新闻稿可以有关新产品或新项目的情况,包括服务及产品清单,要闻快讯,活动日程等。

(2)会员客户注册与登录

会员注册,提供相应的会员信息,包括用户名、联系人姓名、密码、所在城市、联系地址、邮政编码、联系电话、E-mail等。会员登录时,输入用户名和密码,系统将验证用户名和密码,如无效,则给出相应的提示信息;若有效,则进入系统。会员登录后,才可以订购产品,也可以修改用户信息。

(3)产品服务浏览与搜索

产品服务页面采用信息分层,逐层细化的方法展示企业产品或服务。产品服务页面的主要内容包括产品名称、类型、特性、规格、价格等;也包括客服服务项目和联系电话等。通过产品名称建立超级链接连到单个产品页面;也可以按照产品名称、类型或价格等搜索产品信息。

(4)订单与购物车管理

非会员客户,不能进入订单与购物车界面。当会员客户愿意购买产品时,就可以下订单正式购买。订单上的物品会在购物车上以物品的形式显示,也可以将物品放进购物车或从购物车上取出,系统会自动填写到订单上或从订单上消除。当提交订单时,系统保存会员客户提交的订购信息,存入后台数据库。

(5)市场调研

Web及时互动的特性决定了它是一种有力的市场调研工具,企业可以通过市场调研页面的制作,收集顾客及其对产品服务的评价、建议等信息,由此可建立起市场信息的数据库,作为营销决策的量化基础。

(6)广告及其他内容

在企业网站上添加一些广告内容,可以增加网站的吸引力,也起到对企业的宣传作用。除了以上基本内容外,企业网站也可以根据企业自身特点和需要设计其他内容。

2.后台系统管理模块设计

(1)系统管理员登录模块

系统初始管理员名称为Administrator,密码为河南格瑞泰德科技有限公司的标志greentide。系统管理员登录后,可以维护整个系统,使之能够正常运行。

(2)会员客户信息管理模块

可以查看会员客户的姓名、单位地址、电话、E-mail等信息,定时整理会员客户资料及时让业务员与之联系,稳定销售渠道。

(3)订单信息处理模块

可以查看会员客户的订单信息,及时反馈给业务员,签定销售合同,收取货款,配送货物;安排技术人员进行安装、调试运行;将完成交易后的订单标志修改到已处理状态。

(4)产品信息管理模块

把新增加的产品名称、类型、特性、规格、价格等信息存入数据库中,并进行产品信息的查询、修改、删除等维护工作。

(5)新闻稿件和调研信息处理模块

及时处理新闻稿件,进行添加、查询、修改、删除等维护工作;及时对调研信息进行汇总、归类、整理等工作。

(6)广告信息处理模块

及时处理广告信息,进行广告信息的添加、查询、修改、删除等维护工作。

三、系统实现及关键技术

绿潮集团河南格瑞泰德科技有限公司的网站架设在Windows Server 2003操作系统之上,以ASP.NET为开发工具,SQL Server 2005为后台数据库,采用基于Browser/Server模式和多层结构设计思想相结合的系统构架。

1.系统安全性和用户权限设计

因为系统采用B/S模式,所以系统的安全性非常重要,为了提高系统的安全性,除了ASP.NET、IIS、SQL Server 2005自身数据安全,身份验证和授权机制外,本系统从用户级和数据库级对系统进行多重保护。

用户级:对系统用户进行明确的权限划分。将用户划为三个级别,系统管理员Administrator负责系统的维护,以及各种数据库的管理工作,主要在后台进行。会员客户(登录注册的客户)允许对部分数据的修改,特别是订单数据和自身信息数据,具有数据上传权限;一般客户是所有通过Web访问本网站的人员,可以进行一般信息的浏览、查询等。

数据库级:数据库的备份和恢复,采用增量备份的数据库策略,并定期对重要数据进行转储,在系统受到破坏时,能够及时恢复数据到正常运行状态。

2.通过AdRotator控件展示广告

AdRotator控件用于随机展示广告集中的某一广告图片,广告集由一个基于XML的广告文件指定。在展示广告图片过程中,AdRotator控件自动循环处理文件中的广告,当页面刷新时,页面就随机更改展示的广告,广告文件包含每个指定广告的节点,该节点包含将要展示的广告图像地址节点,单击图像导航的地址URL,图像不存在时显示文本,广告旋转显示时间占总时间的百分比和任何与广告相关联的关键字。

3.XML控件的应用

XML控件是用于在Web页面上显示XML代码的专用控件,而在ASP.NET Web窗体中,原始XML代码不会被显示,只有借助于XML控件才能显示XML代码。该控件把XML文件和转化样式文件作为输入,然后把结果代码发送给浏览器。XML控件可以从字符串URL或XML Document 对象读取XML。

4.利用ADO.NET访问数据库

企业的网站设计例4

网络信息技术的不断发展实现了企业宣传方式的变革,而企业网站则是这一时代变革的产物。企业通过自己的网站,不仅可以为广大消费者提品和服务,同时也可以通过这一平台将企业文化、企业理念进行宣传,进一步提升企业的品牌影响力。如何较好地建设企业网站,如何在企业网站中宣传企业文化,如何使企业网站设计更具企业特色文化,这些问题都是进行网站设计所需要重点考虑的。但是当前多数中国企业在进行网站设计的时候,照搬照抄国内外大企业的网站设计,不注重网站设计本身应透露出来的企业文化本质。事实上,企业文化在网站设计中具备以下几方面的价值体现内涵:

1.1从某种意义上来说,企业网站建设也属于企业文化建设的一部分,因此企业网站的建设优劣体现着企业文化建设的成效。同时企业网站建设的内容以及表现形式也都诠释了企业文化的内涵。

1.2企业网站不仅仅是企业宣传产品与服务的平台,同时也是企业与社会公众之间进行有效交流的平台,因此加强企业网站建设与管理对于企业来说具有重要的意义。

1.3企业网站向社会展示企业的发展状况、企业的管理制度、员工的精神面貌等,是提升企业社会影响力的重要方式。

1.4企业网站能够帮助企业更多地与客户进行交流,在加强与老客户之间的联系的同时,增加与潜在客户的合作机会,从而有效促成更多商业活动的开展。

2企业网站第一原则

2.1目的性。

企业网站建设最重要的问题就是明确企业网站建设的目的。企业网站面向的客户群体是那些?企业网站的主要任务是向社会宣传企业的产品服务,还是仅仅为试验企业的电子商务?对于大型企业来说,其建设企业网站的目的有很多。因此为了有效达成这些目标,就需要详细列出不同目标之间的关系、目标的优先度等,从而为网页的设计、网站内容功能的选择、网页的界面设计等工作提供基础。对于企业来说,可以利用的企业资源是有效的,因此在网站设计的时候不能脱离企业发展实际,应该尽可能地依据客户群体的类别以及企业的发展方向,合理选择信息内容和功能服务,保证制定出的网站设计方案具有较高的可执行性。

2.2易操作性。

网页设计的核心内容是易操作性,能够让广大用户很容易地进行操作。对于很多普通人来说,他们并没有接触一些高等的教育,没有很高的认识能力,因此对于网页的复杂操作不能搞清楚。所以在进行网站设计时,要注意对网页设计的易操作性进行研究,由于很多普通人没有强大的理论知识体系,在设计时要充分考虑到他们的认知水平和习惯,把握这些人理解的尺度和接受能力。如果我们设计的网页产品在可操作性上不能满足绝大多数用户的需要,那么即便我们的网页设计拥有再好的创意性与目的性也没有意义。所以在网页设计时必须要注意可操作性,使网站页面设计真正做到以人为本。

2.3专业性。

网页设计专业性是指企业的网站设计能够较好地介绍企业自身,能够让用户在最短的时间内了解企业的产品类型、服务范围、企业的品牌影响力等,从而实现企业与客户的有效交流。在网页设计上应该详细注明企业的地址、联系方式以及业务开展范围等;将企业的经营计划、盈亏能力在网页上反映出来,让用户在最短的实践内了解企业的视力;提供行业发展信息以及业界产品服务介绍等。

2.4实用性。

实用性是指企业网站提供的功能服务能够切合实际需求,满足用户预期的目标同时又满足企业自身的要求。因此网页提供的相关服务必须要有具体的执行流程,对于每一项操作的达成条件是什么,会对用户造成哪些影响,会出现哪些后果等内容要详细阐述;功能设计要必须准确,能够根据用户的选择及时准确地进行响应;用户很清楚知道自己当前的操作步骤处于哪一环节等。

3建立富有文化内涵的企业网站对策

3.1立足企业发展,加强网站维护和更新网站内容。

与传统的致电、传真、信函等企业宣传方式相比,企业网站可以有效缩短用户与企业之间的沟通时间与沟通距离,让用户在最短的时间内了解企业的产品和服务,从而极大地节约了企业的宣传时间与宣传资金投入。为了提升企业网站的建设效果,应该重点加强网站维护和更新网站,网站管理人员对于用户的网页留言或者是电子邮件要及时予以回复和处理,尽可能地解决用户提出的问题。对于解决不了的问题要及时请示公司领导,要求在10个工作日之内必须对用户的问题进行回复。

3.2充分利用网络资源,实现良好的网络互动。

在进行企业网站设计的时候不能够将网站设计成说教式的,而是应该设计成互动式的。说教式的网页设计固然能够让用户了解企业的产品与服务,但是会让用户产生一种被强迫感,使得用户从心理对于企业产生不认同感。因此在网站设计中,应该用最少的内容将企业的产品与服务进行大致介绍,然后通过网络平台与用户实现良好的互动,实时解答用户提出的问题,让用户对于企业产生一种信赖感。

3.3企业领导经常浏览网站,为网站的建设提供指导。

企业领导是企业经营战略的制定者,其对于企业文化以及企业理念的理解与认知远远比普通员工要深刻。对于企业来说,企业文化特点把握的好坏的决定权最终还是体现在领导身上,企业领导如果关心企业网站建设,经常浏览企业网站,对网站内容和表现方式提出文化导向的指示,从而对为网站的建设提供有效地指导,那么企业的网站建设工作才能够达成预期的目标。同时企业领导应该高度重视日常的网站管理工作,根据企业发展特点制定出相应的管理与日常维护机制,加强对网站管理人员的绩效考核与奖惩,从而保证企业网站工作能够顺利开展。

企业的网站设计例5

基金项目:重庆邮电大学校级重点课程《CI设计》

一、cl在当代的发展

CI最开始指的是企业标志(Corporate Identity),起源于20世纪60年代的美国,70年代传入日本。随着商业社会的发展,CI也在逐步完善,它早已不仅仅是企业的一个标志,而是演变为一个包含理念识别MI(mnd Identity),行为识别BI(BehaviorIdentity),视觉识别VI(Visual Identity)三大识别系统的CIS战略体系,简称为CI系统。精炼的企业理念确立、规范的企业行为制定、统一的视觉形象传达,形成强有力的宣传推广系统,世界500强企业如可口可乐、麦当劳、微软、苹果、松下、索尼等无不应用CI来管理企业在全球的商业运作。1988年CI系统也传入了我国改革前沿广东地区,以广东太阳神集团有限公司导XCI为标志性事件。随后CI设计在我国推广开来,包括中国电信、中国建行等大型国企都纷纷导入CI系统。

如今的国际市场竞争日趋激烈,企业之间的竞争已不是产品、价格、质量、技术等单方面的竞争,而是发展为多元化整体性的品牌竞争,社会也逐渐进入品牌文化时代。世界优秀的IT科技企业苹果公司的公司理念是“不完美才能促使进步去追求完美”,而苹果通过其美学至上的设计风格的演变和新产品的技术创新不断实践着这一理念。最初的苹果公司的LOGO在1976年设计出,为牛顿坐在苹果树下看书的钢笔绘画。在Apple-2发行时,乔布斯决定重新委托广告设计,LOGO被简化为一个被上帝咬了一口的彩虹色苹果。该LOGO一直使用至1998年iMae时,LOGO从彩虹苹果变更为更加简洁的单色苹果。2007年LOGO再次修改为更加精致的,具有金属质感且立体化的银灰色苹果,并使用至今。苹果公司的LOGO越变越简洁,越变越时尚,而其公司开发的产品从拥有半透明的、果冻般圆润蓝色机身的iMac到个人数字音乐播放器ipod,再到个人智能手机iphone和平板电脑ipad的问世,其奉行的完美主义通过极简的产品视觉设计传达出来,苹果公司也从一个IT公司变身为代表全球时尚文化的品牌。

今时企业所需的CI设计不再仅仅是为企业打造统一、规范的对内对外形象,更重要的是能通过各种表达形式帮助企业建立起鲜明、个性化的品牌形象,传达出能影响消费者价值取向的精神理念或文化内涵。进入21世纪,随着互联网的发展及对人们生活的强势影响,以及网络与多媒体对传统视觉形象概念的逐步更新,企业在互联网中的形象影响力已不逊色于线下,CI所涉及的领域正延伸至互联网。

二、CI形象下的企业网站界面设计原则

CI在互联网中的应用主要体现在网站界面设计中,尤其是企业官网。网站的界面设计是根据网站内容在有限的屏幕空间上将各种文字、图片、视听多媒体元素按照形式美的法则和用户体验进行合理配置与表现的过程。而网页布局的目的是在视觉审美的基础上实现信息传递的清晰化、合理化,使浏览者在阅读信息的同时获得对企业品牌形象的认知。所以企业网站的界面设计应与企业CI保持在文化内涵、精神理念和视觉表现上的一致性。如苹果公司的官方网站,网站整体设计风格沿用苹果公司的VI,使用纯白和金属灰为官网的主色调,奉行极简的界面设计,呈现苹果一贯对精致、完美追求的公司理念。CI形象下的企业网站界面设计原则:

(一)使用企业VI标准色作为网站的主色调

马克思说:“色彩的感觉是美感最普及的形式。”人的视觉对色彩具有特殊的敏感性,在视觉艺术中,色彩有先声夺人的力量,因此色彩是网站界面设计中最直接的视觉记忆。企业网站既不是某一新产品的网站,也不是企业某一主题的市场营销活动网站,它代表的是企业统一的、个性鲜明的品牌形象,所以企业网站主色调的确立不可随心所欲,应以企业vI标准色作为主色调,辅以辅助色彩的使用。如可口可乐便采用企业标准色――红色作为企业网站的主色调,而百事可乐则采用企业标准色――蓝色作为企业网站的主色调。

(二)突出企业文化个性,强调设计形态的原创性

色彩对于人的刺激是首要但短暂的,而形态对于人的刺激是后续而持久的。“设计的形态由三个层次构成:材质、形式和内在意蕴。”。设计形态具有明显的功能和目的,人们可以通过形态联想到形态所隐喻和象征的内在品质。因此,设计师对设计形态的创造并非简单基于审美地对视觉元素进行整合,而是一种有意义的视觉符号的创造。企业网站的界面设计包含的设计形态很多,但无论是文字、图片还是动画、视频都应强调原创性来突出企业的文化个性。而这种原创性应建立在企业CI形象之下,与企业线下形象既有联系,又有所不同。如彪马的企业网站,为塑造品牌时尚、街头、自信的文化个性,在网页背景的图形设计上采用了涂鸦式的插画,在主画面的设计中采用了霓虹灯效果的边框设计,而网站的字体设计简练干净,棱角分明。此外网站中的多媒体视频设计以“what’s happening at puma”,以一种真实、生活化的画面讲述着彪马迷们充满活力与自信的每一天,这里面有名人也有普通人,虽然身份不同但他们拥有同样阳光而迷人的个性。整个网站的设计形态彰显原创的品牌个性魅力,亲切却又活力四射,让人记忆深刻。

(三)建立清晰的信息层次

企业的网站设计例6

随着当前互联网不断地普及和发展,电子商务在全球各地广泛的商业贸易活动中,在因特网开放的网络环境下,成为基于浏览器/服务器应用方式,买卖双方不谋面地进行各种商贸活动,实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式。电子商务网站在企业的电子商务体系中有着重要的作用,网站内容规划是否合理、设计的好坏、推广的成败,是企业能否成功实施电子商务的重要保证。

网站已经成为企业开展营销推广的必要环节和手段。在形形的企业网站中,根据自己需要的不同,建立适合自己发展的网站,不断提供更多的服务,不断更新,添加信息,这样网站才会具有生命活力,实现建立站点的真正目的。

一、网站的规划分析

网站的整体规划和设计的好坏是它发展的重要之处, 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展,使人们认识到了Internet/Intranet的优势,更使得数据库与web的连接成为数据库开发方面的热门技术之一。电子商务网站规划的基本原则总结起来分成三点:一是信息安全; 二是给用户操作方便程度; 三是网站的形象。

信息安全技术在电子商务系统中的作用非常重要,它守护着商家和客户的重要机密,维护着商务系统的信誉和财产,同时为服务方和被服务方提供极大的方便,因此,只有采取了必要和恰当的技术手段才能充分提高电子商务系统的可用性和可推广性。

方便用户操作的最终目的是留住用户。一个电子商务网站建立起来之后,要让它发挥尽可能大的作用,吸引更多的浏览者,壮大自己的客户群,就必须研究和跟踪最新的变化情况,及时企业最新的产品信息,保持网站内容的实效性。

网站的形象直接关系到企业的形象,页面设置合理,内容丰富多彩,用户访问请求响应速度快,不仅可以吸引大量用户,而且还大大提高了企业的知名度,及时地树立了企业的电子商务形象。

二、网站的总体设计

根据用户需要确定总体设计方案是非常关键的一步。它主要确定:网站需要实现哪些功能;网站开发使用什么软件,在什么样的硬件环境;需要多少人,多少时间;需要遵循的规则和标准有哪些。在总体设计出来后,形成一个网站建设方案。网站建设方案的包括以下几个部分:客户情况分析;网站需要实现的目的和目标;网站形象说明;网站的栏目板块和结构;网站内容的安排;使用软件、硬件和技术分析说明;开发时间进度表;宣传推广方案;维护方案;制作费用;企业介绍等。但这不是真正意义上的制作,还需要进行更进一步的详细设计。

三、网站的设计制作

网站的设计制作主要包括五个方面:整体形象设计:标准字,标准色彩,广告语等。 首页设计:包括版面,色彩,图像,动态效果等,也包括菜单,标题等模块设计。网站制作:设计人员在规划分析和总体设计的基础上,将设计任务分解,各模块有专门设计人员单独承担设计和调试,既有分工,又有协作,最后将各模块上载到服务器上,做链接和整体的调试。

调试阶段:包括速度,兼容性,交互性,链接正确性,程序健壮性等,发现问题及时解决。

宣传推广:可以采用的合理的方式比较多,如网页里设置适当的META标签、友情链接、在各大搜索网站注册你的网站等。

四、网站的维护管理

电子商务网站是对外开放的,这便于企业与用户进行方便、快捷的交流,如企业商务信息和客户选择所需要商品,但这同时也给网站的安全带来了威胁,保证网站的安全运营是网站维护不可缺少的一部分。必须保证专业人员负责,为了维护网站的良好形象,保证网站业务系统的正常运行,保证商务信息的秘密漏洞,及时进行修复和改进,全面管理和不断维护更新是网站高效运行的前提和保障。

参考文献:

企业的网站设计例7

中图分类号TP39 文献标识码 A 文章编号 1674-6708(2015)135-0114-02

0引言

在高速发展互联网的今天,为了扩大企业宣传、提高企业知名度、展示企业作品、提升企业形象等,作为电子商务时代企业对外窗口的门户网站,是每个企业面对全球信息化的必然选择,因而企业也越来越重视大力发展电子商务网站。

在企业门户网站的设计中,关于色彩的搭配和使用,要具有科学性和针对性。我们有必要了解和掌握一些关于色彩搭配的知识。在面对拥有不同文化背景的企业网站时,色彩的运用也应各有不同。要选择适合且独特的色彩搭配来彰显企业文化个性。用色彩的搭配加上巧妙的设计,定能使网站更加精妙绝伦。

1 优化企业网站的设计

在网络发达的信息经济时代,企业发展的必由之路就是电子商务,因此,让企业进入电子商务领域是一个至关重要的问题。商业运作的电子化、网络化在阿里巴巴、京东、当当等领头电子商务网站的蓬勃发展下凸现出来。贸易的发展趋势,是通过Internet技术的协助来完成的商品贸易。因此,网站设计尤为重要,它的形象代表着企业形象。

1)用户:用户可以通过对网站的使用向企业进行反馈,网站及时吸收接纳合理有用的用户体验进行自身的升级优化,可以大大提高网站的吸引力。

2)基于搜索引擎推广网站:搜索引擎可以快速获取优化网站设计的信息,引导用户发现相关信息。单击搜索,进入网站,获取信息和服务,直到成为真正的顾客。

3)网站运营维护:企业网站经过网站优化设计后,才能与网络营销策略一致,真正具有网络营销导向。网站运营人员对于网站管理维护技术的升级也可同时作用于网络营销方式的运用以及累积更多营销资源。

2 网站的色彩

然而,用户浏览一个网站,留下第一印象的,不是丰富多彩的内容以及匠心独运的页面布局,在于色彩。色彩的冷暖、轻重、软硬、大小造成的视觉色彩能使人们产生丰富的心理联想,所以,如果能有技巧地运用和搭配色彩是一个网站能否在第一时间抓住浏览者眼球,甚至留下心理暗示的关键。

2.1 企业网站的用色

1)公司专属:必胜客公司网页色调主打暖色调--红,因为醒目的红满足快餐店引人注意使过路人进店消费的诉求。中国移动公司的深蓝色,苹果官网的灰白等,它们对外的广告、海报也是与其一致的颜色。这也就说明了,每一个公司都有标准的颜色来代表公司的CI

形象。

2)公司风格:网站颜色服务于公司风格。蓝光集团使用的主色调是蓝色,既突出了其公司以德立信、以能致胜的核心价值,还宣传了阳光透明、志同道合、竞争成长、高效执行、客户满意、公益慈善的企业文化。网站中蓝色和白色的混合,能体现高贵、大气、优雅的气氛,是该企业独有的风格。爱奇艺视频网站主要使用的是绿色,绿白的搭配,让人产生舒适的感觉,突出公司一贯悦享品质的理念风格。

3)个性色:个人网站的颜色风格由个人喜好决定,反映了人类个体个性。

2.2 色彩的分类及意义

容易被我们忽视的是,色彩其实可以对人类身心产生巨大的影响。极致的色彩或色彩搭配会予人强烈的心理暗示,甚至指导人们的某些行为。当我们熟练掌握不同色彩的不同作用,就能一定程度上引导浏览者的行动。

红色是可以引发神经纤维兴奋的三原色之一,能使人产生热情、欲望、力量和爱的感觉。黄色的明度最高,让人享受乐观、阳光、希望和幸福。橘色让人的心理产生平衡和温暖。紫色神秘高贵,却也感消极孤寂。蓝色是典型的冷色,适用于极具高科技现代感的IT行业。绿色介于冷暖两色之间,是自然、健康、青春、活力、富饶的代表。褐色象征着土、家和炉床,代表着可靠、安逸、耐力、简洁和稳定。还有黑色是财富和魔鬼的象征,有着优雅、让人感觉害怕和谜一样的感觉。

3 网站色彩搭配的原则

在日常生活中,人们对于色彩搭配都会有一些基本概念。可是,想要从分类繁杂的颜色群中搭配出符合公司企业文化的最恰当色彩必须经过专业的培训。

3.1 网站色彩搭配的方法

首先,网页设计者必须十分了解网站本身受众、商业诉求以及艺术追求等特点。其次,还应该拥有一定的美术基础和艺术审美。色彩搭配是美学与技术高度结合的工作,所以一个好的成品是综合艺术鉴赏性、技术严密性的。

1)搭配合理性:一个优秀的网页既要有艺术的追求,也要符合人类一般审美。它虽然属于平面设计的范畴,但有别于其它平面设计。由于考虑到人类自身生理接受程度,规避诸如视觉疲劳、恐慌、烦躁、焦虑等颜色污染,所以色彩搭配的合理性凌驾于艺术表达之上,在给人留有深刻印象之前,网页色调氛围应尽量是轻松、和谐。

2)讲究艺术性:形式的原则按照内容决定,设计一种具有大胆艺术创新、又符合网站要求和一定艺术特色的网站。艺术的特别之处在于,它既是全民性,又极具个性且有律可循。所以一个受众面广、艺术格调高雅的网页色调搭配是网页设计的最高追求。

3)特色鲜明性:“特色”,特色是一个事物或一种事物显著区别于其他事物的风格和形式,是由事物赖以产生和发展的特定的具体的环境因素所决定的,是其所属事物独有的。给人深刻印象的网页是特色鲜明,鹤立鸡群的。

3.2 网站配色技巧

“Less is more”这一通行权世界的时尚美学法则同样可以指导设计网站,尽可能选择较少或者相近的颜色来配合整个网页板块的空间构造,呈现出一种简洁的全面布局。

1)同种色搭配:同种色彩搭配是指首先选定一种色彩,尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但调整其透明度和饱和度,将色彩变淡或加深,而产生新的色彩,这样的页面看起来色彩统一,具有层次感。

2)邻近色彩搭配:邻近色是指在色环上相邻的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色搭配可以使网页避免色彩杂乱,易于达到页面和谐统一的效果。

3)对比色搭配:一般来说,色彩的三原色(红、黄、蓝)最能体现色彩间的差异。色彩的强烈对比具有视觉诱惑力,能够起到几种实现的作用。对比色可以突出重点,产生强烈的视觉效果。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。通过合理使用对比色,能够使网站特色鲜明、重点突出。在设计时,通常以一种颜色为主色调,其对比色作为点缀,以起到画龙点睛的作用。

4)暖搭配:使用色彩为集合色黄色红色橙色等的搭配。运用这种色调,可以营造出沉稳、和谐、热情氛围的网页。

5)冷搭配:一般与白色搭配会获得较好的视觉效果,它是使用色彩为绿色、蓝色及紫色等的搭配,主要营造宁静、清凉和高雅氛围的网页。

6)有主色的混合色搭配:以一种颜色作为主要颜色,同色辅以其他色彩混合搭配,形成缤纷而不杂乱的搭配效果。

4 结论

企业的网站设计例8

网站色彩选择上与企业形象的整体风格定位上应保持整体统一的关系,无论多么艳丽的颜色,要是与企业整体风格不相称,也不会采用这种色彩用于企业网站的。一个完整的网站不仅仅要有适合网站整体内容的框架结构、适合的颜色、有创意的图形来展现网站的整体设计风格,还应配有一定的文字信息来宣传企业的一些相关内容,如公司简介、产品详细信息介绍、最新动态等等。如何将各式各样的信息要素进行整合与编排最终与企业的整体风格相衬,我们应当注意一些问题。

第一个是合理编排,信息内容的空间。现如今大多数网页上有一个相似之处,那就是网页上的信息过多过满,大量的文字、图片、动画、视频等不进行合理编排就随意地堆到页面上去,有的网页一打开,动来动去的小广告在页面上随意地飘,充满整个屏幕,妨碍人们正常浏览网页,当你去关掉它时,顺利的还可以一下关掉,不顺利一下进入了他们设下的“陷阱”,掉入了他们的广告链接地址,真是浪费浏览者的时间,让人又气又恨,也影响了整个页面的视觉效果。这样的网页页面设计使得主要内容与次要内容分不清晰,条理不清晰,要么就是根本没有重要内容,并且也没有进行信息归类,整个画面处于杂乱无章的地步,让浏览者无从下手找寻有想要的信息内容。

还有一种则是整个页面空荡荡的,这样页面到是没有障碍物了,但是有时连最基本的信息内容都没有,还怎么找想要的信息呢,这两种情况可以用“满”和“空”来形容。本人觉得不是要把整个页面填满内容才不空,也不是要把整个页面什么也不放才不满,我们对于页面只要做到合理的编排,让整个页面在视觉上达到均衡并利用内容的和谐统一,就算网页某部分大量留白了,让人看后也不会觉得空旷,相反,会让人有思考的空间,让人觉得透气,画面和谐的感觉,这样信息也传递了,也给人一种视觉愉悦的感觉,何乐而不为呢?

第二个是页面中信息内容编排的视觉流程。视觉流程,就是浏览者在浏览页面信息时,首先去看什么,然后去看什么,最后再看什么,一种很自然的视觉流动习惯。心理学研究表明,一般情况下,人们在浏览信息时都是习惯于先上后下,先左后右,同一个平面中,上半年部分的视觉影响力大于右面的,所以,在同一平面中,称上半部分和中上半部分为平面中的“最佳视域”。这样我们在进行页面中信息编排时,将一些重要的信息放置在这个位置,会起到事半功倍的效果。当然这只是一种视觉习惯不是一个固定不变的公式,编排页面信息时只要与人们的心理顺序相符并且合乎逻辑顺序是都可以运用的,在页面设计中,灵活并且合理编排信息这样对信息的传达有很大的帮助。

企业的网站设计例9

中图分类号:TP312 文献标识码:A 文章编号:1009-3044(2013)09-2125-03

随着网络环境的不断改善和网民数量的不断增加,互联网已经成长为一个新型的媒体传播平台。对于企业来说,互联网已经成为必不可少的宣传和营销平台,而企业网站则是完成企业宣传和营销目的的有效方式之一。传统的基于表格布局的网页设计已经不能满足Web标准下表现与内容相分离的要求,因而越来越多的企业网站采用Web标准下基于CSS+XHTML布局的网页设计,这样也更有利于网站后期的改版和维护。

1 Web标准及其组成

1.1 什么是Web标准

随着行业的不断发展和规范,W3C(World Wide Web Consortium)和其他标准化组织制定了Web标准。Web标准是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构标准主要包括XHTML和XML,表现标准主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

1.2 Web标准的组成

Web标准由三大部分构成:结构、表现和行为。

1)结构:

结构用于对网站数据的分类及整合,主要技术包括可扩展标记语言(The Extensible Markup Language,XML)和可扩展超文本标记语言(The Extensible HyperText Markup Language,XHTML)。其中XML是一种允许用户对自己的标记语言进行定义的源语言,具有强大的数据转换能力,将来可以替代超文本置标语言(HTML)。XHTML结合了部分XML的强大功能及大多数HTML的简单特性,表现方式与HTML类似,不过语法上更加严格。

2)表现:

表现用于信息在浏览器上的显示控制,主要技术是层叠样式表(Cascading Style Sheet,CSS)。CSS用来进行网页风格设计,与XHTML负责的结构相分离。目前遵循的是CSS2,CSS对已经被结构化的信息进行显示上的控制,包含版式、颜色、大小等样式控制。

3)行为:

行为用于用户对网页文档的交互操作,主要技术包括文档对象模型(Document Object Model,DOM)和ECMAScript。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。ECMAScript用于实现具体的界面上对象的交互操作,主要是JavaScript技术。

2 Web标准下的网页开发流程

第一步:语义结构定义。在这一步我们需要根据网页设计图,进一步分析所需要的DIV层块,以及层块之间的相互关系。为访问速度的考虑,嵌套的DIV层块最好不要超过3层。

第二步:网页内容添加。在定义好的DIV语义结构中,根据网页设计图在对应的DIV层块中添加网页内容,其中包括文字、列表、表单、表单域、图像等。

第三步:CSS美好网页。使用CSS进行页面布局,如加入背景、边框;进一步使用CSS设置相关属性,如字体、大小、对齐等。

第四步:添加动态元素。需要根据网页设计图的要求,利用JavaScript脚本语言完成动态元素的添加,其中包括焦点图、导航菜单及其他动态效果。

3 Web标准在企业网站建设中的应用

本文以锅泰吉企业网站平台为例,展示基于Web标准的企业网站建设。

3.1 结构布局

1)文档头的编写

文档头位于文档的头部,主要包括文档说明和head标记。这部分内容并不会显示在网页上,但能影响到网页的全局设置和后期搜索引擎查找。我们保留自动生成的DOCTYPE说明和xmlns名字空间。Head区还定义了编码语言、设计者、版权信息、关键词、描述。Head区代码如下:

2)结构布局

根据案例网页设计图如图1,网页总体划分为左、右、下三个区块,左、右边区块可以根据需要进一步嵌套区块,整体布局结构代码如下:

3.2 内容添加

根据需要在区块中添加所需要的元素,如图片、文本、列表、表单、图片列表等。左边区块嵌套logo区块、menu区块、vip区块,以及添加两个带有超链接的图片。右边区块嵌套banner区块、nav菜单区块、二级菜单nav2区块、图片列表区块,添加图片等。XHTML提供了丰富的标签用于排版,选择合适的标签可以节省很多的代码,让进一步的样式设置更容易。

3.3 样式设置

1)CSS reset

XHTML标签在浏览器里有默认的样式,但不同浏览器的默认样式之间会有差别。在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。所以解决的方法就是,通过重新定义标签样式“覆盖”浏览器的CSS默认属性。这就是CSS reset。根据笔者自己的习惯,采用如下CSS reset代码:

2)区块布局

当然整个网页的设计不可能经过三步一次完成,设计过程往往是个螺旋式上升和完善的过程。每个具体细节部分的代码在此不再一一赘述。

3.4 动态效果添加

JavaScript是一种基于对象且事件驱动的客户端脚本语言,常用来给网页添加动态效果和功能,比如案例网页中的焦点图功能和二级弹出导航菜单功能。一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:核心(ECMAScript)、文档对象模型和浏览器对象模型。

为提高JavaScript的兼容性,需要充分考虑各种浏览器解释JavaScript时的不同效果,需要设计时对不同浏览器的解释分别加以判断和处理。

4 结束语

Web标准是目前国际上正在推广的网站标准,Web标准中典型的应用模式是“CSS+XHTML”,XHTML负责结构,CSS负责表现,摒弃了HTML4.0中的表格定位方式,做到网站设计代码更加规范,减少了网络带宽资源浪费,加快了网站访问速度,也充分考虑了对于用户和搜索引擎的友好度。笔者在设计锅泰吉企业网站时,充分遵循了Web2.0标准,做到了结构、表现、行为的相分离。当然要学好Web标准还需要我们不断的实践。

参考文献:

[1] 叶青.网页开发手记:HTML+CSS+JavaScript[M].北京:电子工业出版社,2011.

企业的网站设计例10

中图分类号: TN713?34 文献标识码: A 文章编号: 1004?373X(2014)18?0060?03

Design and implementation of enterprise business website based on ASP

WU Huai?sheng LI Xiu?ming

(College of Physics and Electronic Information Engineering, Qinghai University for Nationalities, Xining 810007, China)

Abstract: According to the market demand, the B / S structure model of enterprise business website was built, and the "Yijia Decoration" dynamic site system was developed based on Asp & Access software. The software can realize the dynamic functions of modular program management, foreground and background separation operation, system upgrade and maintenance, timely information announcement, etc. The mode architecture, structural design, database design and program design are described in this paper. Some ideas to build the enterprise business website based on ASP are proposed in combination with the functional needs of enterprise business websites. Experimental results show that the software’s predicting results are consistent with the design functions, and its operation is simple and stable. The system can develop the business platform for the display of goods and communication with customers by adjusting the foreground module, background module and background parameters. It also has a certain reference value for general dynamic website design.

Keywords: ASP; Access; enterprise business website; B/S structure model

0 引 言

随着互连网的快速发展,网络已成为人们生活的一部分。不仅仅是大企业需要网站来开展电子商务,中小企业也迫切需要有自己的企业网站来宣传和联系客户等许多传统媒介无法完成的目标[1?2],而如何在网络上明晰地表达企业的资讯,是建设企业网站的最终目标。通过企业商务网站,企业的客户可以查询并了解企业所生产的各种产品的性能、价格等详细资料以及企业能给客户提供的各种服务。通过网站企业能更好的宣传自己,提高企业知名度,进行有效的网络营销。

1 网站结构模式与技术支持

1.1 B/S结构模式

本动态网站整体模式采用B/S结构,不仅具备了C/S架构所具有的众多优点,还可以在任何终端进行操作而不用安装任何专门的软件。具有客户端零维护,系统易扩展的特点,只需系统管理员分配一个用户名和密码就可以上线使用。同时省去了C/S模式软件应用中为客户机分发升级版程序和繁重的维护任务,客户终端计算机上只需要安装操作系统和浏览器就可访问服务器端。

1.2 技术支持及环境配置

由于ASP具有较强的扩展能力、与数据库和其他程序交互容易及开发简便、快速的特点,本系统采用ASP+Access作为程序开发的主要技术。另外,ASP文件的运行需要在服务器端安装和配置IIS服务器,具体操作在本文中不再阐述。

1.3 ASP访问数据库的原理

ASP是服务器端的脚本执行环境,可用来产生和执行动态的高性能的Web服务器程序,当用户使用浏览器请求ASP主页时,Web服务器响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言(JScript 或VBScript) 。通过ODBC连接数据库,由数据库访问组件ADO(ActiveX Data Objects)完成数据库操作,最后ASP生成包含有数据查询结果的HTML主页返回用户端显示[4] 。

2 系统结构设计

2.1 企业商务网站流程图

企业商务网站由前台与后台组成,前台体现在浏览器端口供客户浏览信息和提交信息反馈,后台体现在服务器端供管理员管理(添加、删除、更改)信息及查看用户对产品和服务的反馈意见,如图1所示。前后台在协调分工中工作,以保证商务信息的实时与准确。

图1 基于ASP技术的企业商务网站流程图

2.2 企业商务网站页面结构

动态商务网站的前台模块包括企业简介、企业新闻、产品信息、产品展示、客户留言、招聘信息和在线留言等子模块;后台模块包括登录、新闻管理、产品管理、数据库管理等子模块。

3 数据库设计

Access数据库是一个关系数据库,又有不同于其他关系数据库的特点[5]。 在Access中,用户既可以为每一种类型的信息创建一个表,将自己的数据分别保存在自己创建的表中,又可以使用联机窗体更加方便地查看、添加及更新表中的数据,还可以使用宏完成自己定义的一系列操作,同时又不需要编写程序。基于上述Access的强大功能及特点,在本系统中使用Access数据库来存储用到的所有信息到各个表中[6]。

3.1 数据表的结构设计

整个程序由8个数据表组成,本文只详细介绍管理员、新闻、产品三个有代表性的结构表的设计。

(1) admin(管理员表)包含3个字段,字段名称(id,name,password);数据类型(自动编号,文本,文本);主要用于设定管理员信息存储。

(2) news(新闻表)包括4个字段,字段名称(id,title,content,creat time);数据类型(自动编号,文本,备注,日期/时间);说明(主键,新闻标题,详细内容,创建时间)。

(3) product(产品表)包括5个字段,字段名称(id,product,small,creat time,remark);数据类型(自动编号,文本,文本,日期/时间,备注);说明(主键,产品名称,小图片,创建时间,备注)。

3.2 系统中用到的主要SQL命令使用方法

(1) ASP与数据库连接

set conn=server.createobject(“adodb.connection”)

conn_str=“Provider=Microsoft.Jet.OLEDB.4.0;DataSource=数据库名称(包含路径)”

conn.open conn_str

(2) 建立记录集对象

Set rs=server.createobject(“adodb.recordset”)

rs.open SQL语句,conn,3,2

(3) 数据记录集查询

Sqlstr=“select from数据表名where字段名=value order by字段名”

sqlstr=“select from数据表名where字段名in(value1,value2,value3)”

(4) 更新数据记录

sqlstr=“update数据表名set字段名l=value1,字段名2=value2……字段名n_valuen where条件表达式”

(5) 删除数据记录

sqlstr=“delete from数据表名where条件表达式”

(6) 添加数据记录

sqlstr=“insert into数据表名 (字段名1,字段名2…)values(valuel,value2…)”

4 系统程序实现

4.1 前台首页的实现

前台首页主要是给用户看的,大气,美观的首页风格才能体现企业的形象,主要包括:首页(index.asp),企业简介(about.asp),新闻中心(news.asp),产品展示(product.asp),产品信息(know.asp),人才招聘(zp.asp),在线留言(message.asp),联系我们(contact.asp)等几个模块。在设计上将网站分为上(head.asp)中(主体部分)下(foot.asp)三部分:

(1) 上(top.asp):头部主要展示公司的logo、名称banner,在设计上为了让其显得充实些,可在右侧加入收藏,设为首页,联系我们等内容。

(2) 中(主体部分):中间部分主要是信息融合的地方,在设计上将其分为两块上下两个部分,4个模块。 其中4个模块为:企业简介,企业新闻,产品信息,产品展示(以图片形式展示)。

(3) 底(foot.asp):底部主要是显示该公司的版权信息。如:联系方式,地址,备案信息,技术支持等。

4.2 登录页面

登录页面(login.asp)是后台管理的通道,需要对登录用户名和密码进行验证,当登录用户名或密码错误的时,将无法进入后台,这样确保系统的安全性。

4.3 后台页面的设计

后台主页面为典型的框架结构,左侧(left)调用left.asp,主要调用网站的7个模块(新闻管理,产品信息,产品展示,企业简介,人才招聘,联系方式,在线留言),管理员可以对每一个模块内容进行编辑。下面给出了具有代表性的添加产品页面的主要代码,有关删除产品页面(product_del.asp)和修改产品页面(product_edit.asp)的代码可用仿照添加产品页面的函数编写,在此不再一一写出。添加产品页面(product_add.asp)此页面的主要功能将完成企业产品在服务器端的的添加,包括产品平面图像和具体信息。

5 结 语

基于ASP技术及数据库的动态网站建设其创新之处表现在摒弃了原静态网站的设计思路,根据模块化的设计原则,在确定网站的需求和发展方向下对网站系统进行开发,解决了构成网站的组件和模块的分工与配合问题,把商务网站作为一个软件进行灵活的开发和有效的管理,充分发挥了企业网站的潜力。

参考文献

[1] 李睦芳.Dreamweaver CS4+ASP动态网站开发从基础到实践 [M].北京:机械工业出版社,2011.

[2] 张剑.电子商务网站的作用与功能分析[J].科技资讯,2010(4):166?167.

[3] 于金龙.基于ASP技术的动态网站的设计与实现[D].大连:大连理工大学,2006.

企业的网站设计例11

WU Huai?sheng LI Xiu?ming

(College of Physics and Electronic Information Engineering, Qinghai University for Nationalities, Xining 810007, China)

Abstract: According to the market demand, the B / S structure model of enterprise business website was built, and the "Yijia Decoration" dynamic site system was developed based on Asp & Access software. The software can realize the dynamic functions of modular program management, foreground and background separation operation, system upgrade and maintenance, timely information announcement, etc. The mode architecture, structural design, database design and program design are described in this paper. Some ideas to build the enterprise business website based on ASP are proposed in combination with the functional needs of enterprise business websites. Experimental results show that the software’s predicting results are consistent with the design functions, and its operation is simple and stable. The system can develop the business platform for the display of goods and communication with customers by adjusting the foreground module, background module and background parameters. It also has a certain reference value for general dynamic website design.

Keywords: ASP; Access; enterprise business website; B/S structure model

0 引 言

随着互连网的快速发展,网络已成为人们生活的一部分。不仅仅是大企业需要网站来开展电子商务,中小企业也迫切需要有自己的企业网站来宣传和联系客户等许多传统媒介无法完成的目标[1?2],而如何在网络上明晰地表达企业的资讯,是建设企业网站的最终目标。通过企业商务网站,企业的客户可以查询并了解企业所生产的各种产品的性能、价格等详细资料以及企业能给客户提供的各种服务。通过网站企业能更好的宣传自己,提高企业知名度,进行有效的网络营销。

1 网站结构模式与技术支持

1.1 B/S结构模式

本动态网站整体模式采用B/S结构,不仅具备了C/S架构所具有的众多优点,还可以在任何终端进行操作而不用安装任何专门的软件。具有客户端零维护,系统易扩展的特点,只需系统管理员分配一个用户名和密码就可以上线使用。同时省去了C/S模式软件应用中为客户机分发升级版程序和繁重的维护任务,客户终端计算机上只需要安装操作系统和浏览器就可访问服务器端。

1.2 技术支持及环境配置

由于ASP具有较强的扩展能力、与数据库和其他程序交互容易及开发简便、快速的特点,本系统采用ASP+Access作为程序开发的主要技术。另外,ASP文件的运行需要在服务器端安装和配置IIS服务器,具体操作在本文中不再阐述。

1.3 ASP访问数据库的原理

ASP是服务器端的脚本执行环境,可用来产生和执行动态的高性能的Web服务器程序,当用户使用浏览器请求ASP主页时,Web服务器响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言(JScript 或VBScript) 。通过ODBC连接数据库,由数据库访问组件ADO(ActiveX Data Objects)完成数据库操作,最后ASP生成包含有数据查询结果的HTML主页返回用户端显示[4] 。

2 系统结构设计

2.1 企业商务网站流程图

企业商务网站由前台与后台组成,前台体现在浏览器端口供客户浏览信息和提交信息反馈,后台体现在服务器端供管理员管理(添加、删除、更改)信息及查看用户对产品和服务的反馈意见,如图1所示。前后台在协调分工中工作,以保证商务信息的实时与准确。

图1 基于ASP技术的企业商务网站流程图

2.2 企业商务网站页面结构

动态商务网站的前台模块包括企业简介、企业新闻、产品信息、产品展示、客户留言、招聘信息和在线留言等子模块;后台模块包括登录、新闻管理、产品管理、数据库管理等子模块。

3 数据库设计

Access数据库是一个关系数据库,又有不同于其他关系数据库的特点[5]。 在Access中,用户既可以为每一种类型的信息创建一个表,将自己的数据分别保存在自己创建的表中,又可以使用联机窗体更加方便地查看、添加及更新表中的数据,还可以使用宏完成自己定义的一系列操作,同时又不需要编写程序。基于上述Access的强大功能及特点,在本系统中使用Access数据库来存储用到的所有信息到各个表中[6]。

3.1 数据表的结构设计

整个程序由8个数据表组成,本文只详细介绍管理员、新闻、产品三个有代表性的结构表的设计。

(1) admin(管理员表)包含3个字段,字段名称(id,name,password);数据类型(自动编号,文本,文本);主要用于设定管理员信息存储。

(2) news(新闻表)包括4个字段,字段名称(id,title,content,creat time);数据类型(自动编号,文本,备注,日期/时间);说明(主键,新闻标题,详细内容,创建时间)。

(3) product(产品表)包括5个字段,字段名称(id,product,small,creat time,remark);数据类型(自动编号,文本,文本,日期/时间,备注);说明(主键,产品名称,小图片,创建时间,备注)。

3.2 系统中用到的主要SQL命令使用方法

(1) ASP与数据库连接

set conn=server.createobject(“adodb.connection”)

conn_str=“Provider=Microsoft.Jet.OLEDB.4.0;DataSource=数据库名称(包含路径)”

conn.open conn_str

(2) 建立记录集对象

Set rs=server.createobject(“adodb.recordset”)

rs.open SQL语句,conn,3,2

(3) 数据记录集查询

Sqlstr=“select from数据表名where字段名=value order by字段名”

sqlstr=“select from数据表名where字段名in(value1,value2,value3)”

(4) 更新数据记录

sqlstr=“update数据表名set字段名l=value1,字段名2=value2……字段名n_valuen where条件表达式”

(5) 删除数据记录

sqlstr=“delete from数据表名where条件表达式”

(6) 添加数据记录

sqlstr=“insert into数据表名 (字段名1,字段名2…)values(valuel,value2…)”

4 系统程序实现

4.1 前台首页的实现

前台首页主要是给用户看的,大气,美观的首页风格才能体现企业的形象,主要包括:首页(index.asp),企业简介(about.asp),新闻中心(news.asp),产品展示(product.asp),产品信息(know.asp),人才招聘(zp.asp),在线留言(message.asp),联系我们(contact.asp)等几个模块。在设计上将网站分为上(head.asp)中(主体部分)下(foot.asp)三部分:

(1) 上(top.asp):头部主要展示公司的logo、名称banner,在设计上为了让其显得充实些,可在右侧加入收藏,设为首页,联系我们等内容。

(2) 中(主体部分):中间部分主要是信息融合的地方,在设计上将其分为两块上下两个部分,4个模块。 其中4个模块为:企业简介,企业新闻,产品信息,产品展示(以图片形式展示)。

(3) 底(foot.asp):底部主要是显示该公司的版权信息。如:联系方式,地址,备案信息,技术支持等。

4.2 登录页面

登录页面(login.asp)是后台管理的通道,需要对登录用户名和密码进行验证,当登录用户名或密码错误的时,将无法进入后台,这样确保系统的安全性。

4.3 后台页面的设计