电子公司网站设计.doc

毕业设计（论文）论文题目：电子公司网站设计The Web Design Of Electronic Companies目 录摘 要1Abstract1前 言21 系统设计工具简介31.1 ASP技术的介绍31.2 ADO访问数据库技术介绍 141.3 Dreamweaver MX、Fireworks MX、Flash MX工具介绍42 系统分析42.1 需求分析42.1.1 企业建站的目的42.1.2 企业网站的功能62.2 可行性分析72.2.1 经济可行性72.2.2 社会可行性72.2.3 技术可行性73 网站设计73.1 网站模块图（图1）73.2 前台网站设计 283.2.1 主体网页设计83.2.2 产品订购网页设计93.3 后台管理系统93.3.1 产品查询的网页设计93.3.2 建立后台中所用到的表103.3.3 创建“产品订购”表103.3.4 建立商品管理中所用到的表104 网站的运行环境说明与安装114.1 运行环境说明114.2 运行环境的安装配置11结束语11致 谢12参考文献13摘 要现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，他能够把事情的复杂化转为简单化。Internet上发布信息主要是通过网站来实现的，因此为了更好的宣传企业，销售产品，方便用户进行产品查询，快速有效的和客户进行沟通，获得更好的经济效益，企业建设自己的网站是迫在眉睫。本文介绍的电子公司网站的主页设计包括：总裁致辞、产品介绍、产品查询、产品订购、公司新闻、职位空缺等内容。本文介绍的电子公司网站设计是将Web技术、数据库技术与asp语言相结合，注重页面设计的简洁实用，尽可能使用脚本语言减少与服务器的交互。关键词：ASP； B/S结构； DreamweaverMX ；网站设计AbstractTodays society, people cant do without network, Network has become a form of exchange between people, which can change things from complication to simplification. Internet mainly depend on website to distribute information, therefore, it is pressing for the enterprises to build their own website to better publicize enterprises, sell products, facilitate user to query products, communicate with customers rapidly and effectively and gain better economic returns. In this paper, the homepage of the electronic companys website includes: the president address, product introduction, product query, product order, company news, position vacancies and so forth. This website is designed based on web technology, database technology and ASP language. In the course of design, we pay much attention to the terseness and utility of page, and reduce the interaction with server by using scripting language as possible.Key words: ASP, B/S structure, Dreamweaver MX, Website design前 言中国互联网的十年，经历了从天堂到地狱、再重返人间的波澜壮阔。但回顾中国互联网发展的历程就不难发现，数量最为庞大、本应最具有商业价值的企业网站却始终没有爆发，这令无数企业主颇为苦恼。如何建立企业的展示窗口，如何推广企业网站，如何应用企业网站这些问题成了业内人士最为苦恼的问题。但近两年，中国的企业网站不仅落后于其他网站的发展，甚至严重滞后于中国互联网发展的平均水平。从数量上看，企业网站的增长也非常缓慢。特别是2005年，中国企业网站建设服务市场几乎陷入停滞状态。根据中国互联网络信息中心的统计：到2005年底，中国网站数量为69.4万个，其中企业网站所占比例为60.4%(419176个)，与2004年底的406022个企业网站相比，年增长率仅为3.1%。且与我国2000万左右的企业数量相比，企业拥有独立网站的比例还非常低，只有不足3%。从质量上看，经存在的企业网站其有效利用率也非常低，权威数据显示：每天访问量低于50次的企业网站占据了一半以上的比例，很多企业网站几乎常年无人问津。企业网站本可以成为中国互联网的主角，但是却还没上台表演就要谢幕了。发展缓慢的原因是多方面的。首先，很多建站公司为了短期的利益，对企业客户的盲从，而自身又缺乏对企业网站的整个运营流程的深入研究和理解，才造成了目前中国企业网站发展停滞的局面。当初耗资巨大所建立起来的网站犹如大海中的孤岛，没有客户来访问，无法为企业主带来真正价值，于是企业主们也就不愿意投入专人进行维护，进而造成了网站信息严重滞后，无法给访问者提供有效信息，从而形成了恶性循环。其次，企业的网站都是把自己的信息隐藏得很深，用户要点击很多次页面才能找到自己需要的信息，影响了用户在最短时间内了解到需要信息的速度和耐心。同时，很多网站中放置了很多华而不实的东西，例如FLASH广告等，这些内容不但对于客户了解你的企业没有任何帮助，反而影响了打开页面的速度。所以，建立自己的展示窗口，一定要本着实用、简单、快捷、有效的原则。再者，在国外，企业网站发展势头良好，比如：美国、英国、日本等，政府提供给企业的发挥和创新空间，并提供了一系列诸如资金支持、政策支持等优惠措施。与国外一些国家相比，中国企业应用信息化技术的水平要落后很多，在国外有很多先进的信息技术和实施经验值得我们借鉴和学习。1 系统设计工具简介1.1 ASP技术的介绍关于ASP理论的研究方面：ASP作为一种模式的正式诞生和提出只是在1998年底到1999年初之间的事情。而很大程度上直到1999年末到2000年初，ASP领域相关公司在资本市场上的突出表现才引起了人们的广泛关注。实际上从ASP模式的内涵和本质上讲，并不是全新的事物，而是曾经有过的模式，在互联网时代被赋予了新的生命力，1999年引入中国。经过几年的时间，得到长足的发展，对ASP的理论研究也正逐步走向成熟。动态服务器页（Active Server Pages,ASP）是一种开放式的非编译应用环境，能够组合HTML、Script和可重用的ActiveX服务器组件来建立动态的，强大而基于Web的商业应用。ASP支持基于IIS(Internet Information Server)上的服务器端脚本并且完全支持Open Script接口。ASP文件以扩展名 .ASP结尾，是一个纯文本文件，可以用任何文本编辑器打开或编辑。一般来说，ASP文件是由HTML标识和VBScript或JavaScript程序代码有机地结合而成。典型的ASP文件含有4部分：标准的HTML文件；服务器端执行的代码（位于之间）；客户端执行的代码（位于与之间的脚本语言和HTML标识及内容；包含文件语句#include。ASP的六大内置对象：Request 服务器从客户端取得信息。Response 服务器向客户端传送信息。Server 供存取Web服务器的功能。Session 个人存储区，在当前状态下，只能被用户本人访问。Application 公共存储区，可以被有同的用户访问。 ObjectContext 用来配合服务器进行分布式的事务处理。其中前5个是ASP中常用的内置对象。ASP的优势在于:1任何开发工具皆可发展ASP。2通吃各家浏览器。3语言相容性高。4隐密安全性高。5易于操控数据库。6。面向对象学习容易。1.2 ADO访问数据库技术介绍 1ADO (ActiveX Data Object,ActiveX数据对象)是一个ASP 内置的ActiveX服务器组件。ADO通过在WEB服务器上设定ODBC,可建立与多种数据库,如:SQL Server,Oracle,Informix,Access,VFP等的连接。可以把它与ASP结合起来,建立提供数据库信息的网页内容,在网页画面执行SQL命令,用户在浏览器页面中输入、更新和删除Web服务器信息,由服务器对WEB数据库进行相应的操作。ADO有三个主要对象：Connection、Command和Recordset。它们既相互联系，又相互依存。Connection可以建立应用程序和数据库之间的联系，建立联系之后还可以利用Command和Recordset对象对数据进行各种各样的操作。Command对象的主要功能是利用SQL语句进行查询操作，在数据库响应之后，把响应后的数据结果保存在Recordset对象中使用。ADO还有一个重要的特点就是共享机制。几个不同的Command对象要以共享一个Connection对象，几个不同的Web页也可以共享一个Connection对象。也就是说，只要建立一个Connection对象就要以重复地使用它对数据库进行查询等操作，使得服务器的负担降到最低。1.3 Dreamweaver MX、Fireworks MX、Flash MX工具介绍Dreamweaver 是 Macromedia公司设计的网页制作工具。Dreamweaver MX 是继Dreamweaver 4 之后的升级版本，其界面和功能有了很大的改变及提高。是一个“所见即所得”的可视化网站开发工具。Fireworks MX 是Macromedia公司网页设计“三剑客”之“火焰”，它以处理网页图片为特长，并可以轻松创作GIF动画。 Flash MX是Macromedia公司网页三剑客之中的“闪电”，其以制作网上动画为特长，它做出的动画声音动画效果都是其他软件无法比拟的。2 系统分析2.1 需求分析2.1.1 企业建站的目的有利于提升企业形象一般来说，企业建立自己的网址，不大可能马上给企业带来新客户、新生意，也不大可能马上大幅度提升企业业绩。企业网站的作用更类似于企业在报纸和电视上所做的宣传公司本身及品牌的广告。不同之处在于企业网站容量更大，企业几乎可以把任何想让客户及公众知道的内容放入网站。此外，相对来说，建立企业网站的费用也比其它广告方式要低的多。企业网站一年的费用仅为几千元，如果企业在报纸上做广告，半个版面，几天时间就要花掉几十万。当然，网站和广告是两种不同的宣传方式，各有不同的作用，它们之间更多的是互相补充，而不是互相排斥。企业如拥有自己的网址，应在各种广告中尽量地推介该网址，把具体性的内容放入网站中，并经常更新产品及相关资讯。使公司具有网络沟通能力 在中国，人们对互联网络往往有所误解，以为电子信箱就是互联网络。我们见过不少公司，将电子邮件地址当成网址，并印在名片上。实际上，电子邮件只是互联网络中一个最常用，最简单的功能之一。互联网络真正的内涵在于其内容的丰富性，几乎无所不包。对于一个企业来说，其具有网络沟通能力的标志是公司拥有自己的独立网站，而非电子信箱。 可以全面详细地介绍公司及公司产品 公司网址的一个最基本的功能，就是能够全面、详细地介绍公司及公司产品。事实上，公司可以把任何想让人们知道的东西放入网站，如公司简介、公司的厂房、生产设施、研究机构、产品的外观、功能及其使用方法等，都可以展示于网上。 实现电子商务功能 就现在，您就可以在网站上为您的企业实现电子商务功能。您可以在网站上发布： A、实时新闻发布系统：在线WEB发布公司新闻及各种行业新闻、动态、公告等等； B、实时沟通、留言、报价系统、通过网站直接与客户沟通，并方便地收集潜在客户资料；C、产品发布系统：随时发布最新产品，在线更新产品详细资料等；D、在线下载系统：包括在线管理、在线发布等；E、电子商城系统：可以在网上开家自己的商店； F、客户留言板、在线调查、招聘系统、邮件列表、BBS论坛等。 可以与客户保持密切联系 在美国，每当人们想知道某公司有什么新产品，新服务，或旧产品和服务有什么变化，甚至只是想知道该公司有什么新闻，他们就会习惯性地进入该公司的网址。因为外国公司已经习惯于把所有的新产品和新服务信息发布于网上，并且定期在网上发布有关公司的消息。中国公司与客户之间现在暂时还不习惯于这种联系方式，而中国企业的网站内容一般也隔较长时间才更新一次。但随着越来越多的公司在网上发布产品和信息，这种情况将会发生明显变化。毕竟，已经有越来越多的公司具有网络能力，并逐渐习惯于用网络进行沟通。 可以与潜在客户建立商业联系这是企业网站最重要的功能之一，也是为什么那么多的国外企业非常重视网站建设的根本原因。现在，世界各国大的采购商都是主要利用互联网络来寻找新的产品和新的供应商，因为这样做费用最低，效率最高。原则上，全世界任何地方的人，只要知道了公司的网址，就可以看到公司的产品。因此，关键在于如何将公司网址推介出去。一种非常实用而有效的方法是将公司的网址登记在全球著名的搜索引擎（如YAHOO，3721，BUIDU，EXCITE，ALTAVISTA等）上，并选择与公司的产品及服务有关的关键字，则可以使潜在的客户能够容易地找到公司和产品。这正是国际商业上通行的做法，而且被实践证明是十分有效的。 可以降低通信费用 对于不少企业来说，每年的通信费用，尤其是涉及到进出口的通信费用，是一笔庞大的费用。利用公司网站所提供的多个电子信箱或在线聊天沟通工具，可以有效地降低通信费用，这是企业网站的一个很实际的好处。 可以利用网站及时得到客户的反馈信息 客户一般是不会积极主动地向公司反馈信息的。公司在设计网站时，加入专门用于客户与公司联系的反馈系统，由于使用极其方便，相对来说，一般客户还是比较乐于使用这种方式与公司进行联系。因此，公司可以得到大量的客户意见和建议。2.1.2 企业网站的功能A充分利用网络资源B与客户互动来往C开展电子商务D建立企业形象E主动抢占先机F做网上广告2.2 可行性分析2.2.1 经济可行性随着社会的发展， 企业在经营理念上越来越注重客户的价值，客户成为一个企业发展的生命线，拥有最广大的客户是企业在市场上存在的根基，能否保留那些能够给企业带来丰厚利润客户是一个企业获得可持续发展的动力和源泉。企业网站的目的就是帮助客户全面的了解企业，把企业的价值发挥到最大程度，使企业和客户达到双赢的目的。企业网站的设计和推广定能帮助企业与客户之间更好的沟通，从而降低企业的成本，增加企业利润。2.2.2 社会可行性对ASP企业网站的不断发展和完善，有利于有利于提升企业形象，使公司具有网络沟通能力，可以全面详细地介绍公司及公司产品 ，并与客户保持密切联系，对企业和社会的发展和进步起到积极的作用，所以从社会效益来看对企业网站的开发与研究也是可行的2.2.3 技术可行性关于企业实施方面：企业的进步要求对客户要求进行跟踪和统计，而计算机、网络应用技术、通信技术的不断发展使企业网站的兴起成为可能。企业的信息化水平和办公自动化的程度的不断发展，及企业内部员工的计算机应用能力的不断提高，都为企业网站运用提供了广阔的空间。3 网站设计3.1 网站模块图（图1）网站系统 后台管理系统 用户系统 定单管理商品管理用户密码管理联系方法模块人才招聘模块诚征代理模块客服中心模块公司动态模块产品展示模块网站首页模块 图1 网站模块图根据本网站的性质，公司需求，按照系统开发的基本观点对网站进行分析，从内容上可以对网站作如下划分：主页设计：主要设计了导航条、产品的超链接、公司的标志。客服中心：纯文本形式的公司简介。产品介绍：产品例举（包括：产品类别、产品图象、产品说明等）。产品订购：创建一个产品订购单，让客户填写订购信息后提交。网站连接：主要是超连接几个公司的网站。人才招聘：主要设置招聘中心。3.2 前台网站设计 2主页是网站的门面，其功能是负责引导的工作。另外，主页的制作也代表着公司形象，反对花而不实！本着版面结构清晰，让客户看懂你的产品或服务，方便购买；导向清晰，使用文本链接或图片链接；花哨的东西尽量少，避免转移客户的注意力；方便的反馈和购买程序。主页建立的步骤如图2所示。: 选择合适的软硬件制作页面内容，建立超链接，组织页面建立更高级的页面动态元素和脚本语言完成主页 图2 主页建立的步骤3.2.1 主体网页设计在“产品介绍” 网页制作时，主要涉及到书签的使用。(在Dreamweaver中称为锚点Anchor)，以及如何设置到书签的链接。该网页采用左右框架的页面风格，在左框架中设置超链接，链接到右框架中点所在位置。网页设计效果如图3所示。图3 网页设计效果图3 网页设计效果图3.2.2 产品订购网页设计该网页的创建方法也非常简单，设计一个表单即可。但是如果用户在输入内容时填写不正确，每次都要由服务器来进行判断，这会让浏览者无法忍受。为此，在该页面设计时一些脚本程序来对表单内容进行初步判断，确认数据格式正确后，再将其内容传送给服务器。如图4所示。 图4 产品订购网页设计3.3 后台管理系统个人电子商城系统，除了前台的用户操作界面外，更重要的就是后台的商城管理系统了，所以在接下来我们将着重论述后端数据库的维护，简单来说就是对数据库的数据执行添加、修改、删除、查询操作，通过查询的方法可以知道所输入的数据是否正确，通过添加的方法，可以往数据库中添加数据，通过修改的方法，可以把数据修改成正确的值，通过删除的方法，可以删除不必要的数据，这四种方法是数据库操作的基本的方法. 3.3.1 产品查询的网页设计产品查询的页面设计非常简单，输入所要查的手机型号，点搜索就会查出你所要查的型号。页面如图5所示。 图5 产品查询页面后台定单管理表 内容包含顾客号码,顾客名称,地址,代码,电话,电子邮件和付款方式3.3.2 建立后台中所用到的表创建“产品类别”表,用于产品的查询。命名为Productsort。内容包含号码,父号码.和名称选中Product表，然后单击“打开”按钮，输入所需的记录， 内容包括号码.定单号码,产品编号,产品名称,价格和质量3.3.3 创建“产品订购”表打开数据库co.data#.mdb在“co.data#.mdb：数据库”管理窗口中单击“新建”按钮，打“新建表”对话框。在该对话框中的列表区单击选中“设计视图”，然后单击“确定”按钮。打开表结构设计窗口,设置表结构，用于保存产品订购信息。将其命名为Customer,包含字段名称和数据类型3.3.4 建立商品管理中所用到的表(1) 商品类别数据维护商品类别数据维护分为商品大类和商品小类，其功能是添加删除和修改类别名称当然也要与数据库交换信息，其功能用save()等过程实现：(2)商品发布功能与“商品类别数据维护”差不多，也是通过查询找到你要找的商品。然后再进行删除或修改的操作，然后加了一个“添加数据”的按钮可以增加每一类别的的商品。具体的程序在代码目录中，这里不详述。(3)后台定单管理：内容包含:编号,客户帐号,客户姓名,地址,电话,电子邮件和详细(4)修改密码表 内容包含修改密码,修改生效.4 网站的运行环境说明与安装4.1 运行环境说明本网站涉及客户机与服务器的交互，在将网站发布之前测试包含表单的网页，在本机上必须安装服务器程序(IIS或WPS)，然后可利用它来测试网页了。另一个值得注意的问题是，只有WindowsNT/2000/95/98平台服务器才能运行ASP脚本文件，而诸如UNIX之类的服务器可能不支持。此外，IIS服务器程序只适用于Windows2000/XP,而WPS Web服务器程序通常用于Windows95/98环境。我们IIS在我们使用的过程中充当着一个虚拟的角色。也就是我们是“假装的”把本机磁盘空间的一部分空间划归为“服务器”(实际上我们访问的网站是存储在专门的网络服务器上的)。既然我们也要访问“服务器”上的内容(虽然它存在本机上)，那么我们也要通过类似于访问网站的模式去访问。4.2 运行环境的安装配置下面仅以在Windows XP中安装IIS为例，简要介绍IIS的安装与配置方法。打开【控制面板】，找到 【添加/删除程序】【添加/删除WINDOWS组件】，弹出 【Windows 组件向导】 ， 在“组件”列表中选中“Internet信息服务”复选框，然后单击“下一步”按钮。 插入WindowsXP系统光盘，开始复制文件。安装IIS结束后，要设置IIS，可按照下面步骤进行。打开控制面板窗口，双击“管理工具”图标。双击“In