企业网站建设毕业设计论文(27页).doc

《企业网站建设毕业设计论文(27页).doc》由会员分享，可在线阅读，更多相关《企业网站建设毕业设计论文(27页).doc（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-企业网站建设毕业设计论文-第 21 页企 业 网 站 建 设前 言信息时代来临,企业建立自己的企业网站已经成为一种生存的必要手段,它能树立企业形象与企业文化,展示企业所经营的业务,综合展示企业的实力,拓宽顾客市场,增加企业与客户之间的联系,缩短二者之间的距离,提高企业知名度,为企业找到了自己的一个永久的广告发布平台。利用网上购物实现电子商务,完成金融、物品、服务、信息等价值的交换,是快速而有效地进行各种商务活动的最新方法。建成检索迅速,查找方便,可靠性高、存储量大、保密性好、寿命长、成本低、维护简洁、信息实时性强的功能完善的企业网站,能够极大地提高企业效率,也是企业走向科学化、信息化与世界接

2、轨的重要条件。更好地应用因特网、开发网站已成为企业发展的趋势。21世纪是以网络为核心的信息时代。网络化、信息化和数字化正在从整体上引导人类社会和世界经济发展的进程。以网络技术为重要内容的信息技术已经成为经济发展的关键因素和倍增器。全球电子商务得到了突飞猛进的发展，市场信息和商务信息的处理和传递突破了时间和地域的局限，市场的各种要素高效、及时融合，提高了整个市场的经济运行效率，网络正在逐渐成为一个真正的全球性的“新兴市场”。网络营销作为电子商务重要的组成部分和直接的推动力量，给企业带来了历史性的发展机遇，同时也给企业带来了严峻的数字化生存危机。总之，网络在人们生活中显示出越来越重要的地位和作用，

3、它已经成为信息时代不可缺少的一部分。政府、大公司、小公司、医院、学校、银行等等，你在任何地方都能找到它活跃的身影，计算机网络已经渗透到人们生活的方方面面，不仅影响着人们的日常生活，同时也是企业发展、创新的重要渠道。一个技术落后、信息封闭的企业，是很难在当今瞬息万变的社会中生存的。本文将围绕网站对企业发展的影响展开详细的叙述。关键词：企业,网站,电子商务 目 录第1章 绪论11.1企业网站的需求11.2企业网站研究的意义21.3企业网站研究的思路与内容3第2章 企业网站开发相关技术及工具52.1网站开发的技术52.1.1 HTML简介52.3网站开发工具72.3.1网页设计软件Dreamweav

4、er7第3章 企业网站实现及实现效果93.1企业网站主页93.1.2网站主页的布局103.2主页部分的实现及实现效果103.2.1实现文字滚动及实现效果123.2.2网站主页视频展示及实现效果123.3产品图片及实现效果143.3.1网站产品图册对企业的影响143.3.2网站产品图片的实现效果143.3.3客户留言的实现效果17第4章 总结与思考194.1 注重企业网站色彩的和谐搭配及统一194.2 注重企业网站内容建设19致 谢22参考文献：23附录124结束语25第1章 绪论1.1企业网站的需求 随着计算机技术和计算机网络的飞速发展，我们已经进入了信息化时代,从网络获取信息成为我们汲取知识

5、的一个重要部分,已为企业带来无限商机。越来越多的企业已经建立了自己的门户网站,可以即时发布其产品信息和企业动态,使得与外界沟通交流更方便更畅通。 企业网站的分类方式多种多样, 根据其功能可分为宣传型、客户服务型、电子商务型。 宣传型网站: 通过建立宣传产品或服务, 提升企业形象, 扩大品牌影响, 拓展企业的海内外潜在市场。主要面向客户、业界人士或者普通浏览者,以介绍企业的基本资料、帮助树立企业形象为主;可以适当提供行业内的新闻或者知识信息。 客户服务型: 通过网站实现企业宣传, 并达到与客户实时沟通、为产品或服务提供技术支持, 从而降低成本、提高企业的工作效率。主要面向客户或者企业产品(服务)

6、的消费群体, 以宣传企业的核心品牌形象或者主要产品(服务)为主。电子商务型: 主要面向供应商、客户或者企业产品(服务)的消费群体, 以提供某种直属于企业业务范围的服务或交易或者为业务服务的服务或者交易为主; 实现产品展示、在线订购、虚拟店员等功能, 这类网站适合分销与信息服务等企业。凯尔钢琴是德清洛舍振伟钢琴厂的品牌名称，创建于2007年。凯尔钢琴，是众多国产钢琴品牌之一。适用人群为学校和音乐学院教学用，同时高档产品也用于音乐表演。因其直销模式在钢琴行业销售方面以性价比高为优势发展至今。为了企业更好的宣传与交流，我们应用相同的技术分别建立了公司对外网站，对外网站用于对外宣传与客户进行交流和沟通

7、，展示公司专业实力和企业文化，同时还包括企业信息、企业产品、公司新闻、以及客户注册等等。视频新闻有内部录制对外播发、上传的，有从企业下载的；文字图片新闻有综合新闻，也有来自产品购买者的新闻；有质量体系文件、安全体系文件，可以按权限浏览，还可以阅读企业咨询等。有了这个平台，让消费者有了对企业产品很直观的了解。1.2企业网站研究的意义在新经济条件下，商业规则已经发生了一些改变，电子商务对企业的基本构架在速度和效率上提出了更高的要求。电子商务的环境和竞争状况变化如此之快，网上商品交易系统及售后服务系统，该系统提高了社会资源利用率，同时也为个人商品交易提供了方面，所以，企业建立网站的意义如下:一、拥有

8、企业自己的域名，建立企业自己的网站，树立企业在科技信息时代的完美形象。作为第四媒体的互联网，其特点就是可以跨越时空，正常情况下， 网站无时无刻 不在工作通过企业的网站，用户可以跨越时空了解企业，利用多媒体技术，企业可以 向用户展示产品、技术、经营理念、企业文化、企业形象，树立现代企业形象，增值 企业无形资产。 二、宣传企业，创造销售机会据调查，有超过30%的人是通过上网查询企业的电话和地址的，这一比例和通过114查询的比例相接近，可见企业网站已成为许多人首次接触企业、了解相关信息的选择。 三、加强客户沟通宣传企业产品企业可以通过网站建立与客户沟通的便捷渠道，全面展示企业的所有产品。网络科技足以

9、令您的产品与品牌形象更加立体地呈现在用户面前，就算企业仅仅把网站当成电子宣传册来使用，也较传统的宣传模式更加的多姿多彩、更加地易于发布与传播、更加的经济与环保。 四、丰富营销手段，扩大产品销售渠道企业网站可以满足一部分客户网上查询与采购的需要，抓住网络商机。企业通过网站可以开展电子营销。首先，电子营销作为传统营销的补充；其次， 电子营销可以拓展新的空间，增加销售渠道，接触更大的消费群体，获得更多的新顾 客，扩大市场；再次，电子营销可以减少环节，减少人员，节约费用，降低成本，有利于提高营销效率。 五、有利于了解顾客的意见，掌握顾客的需求在不干扰顾客正常工作和生活的条件下，企业通过网站上的调查表、

10、留言薄、定 制服务以及E-MAIL可以倾听顾客的意见，了解顾客的心声，加强企业与顾客间的联系 建立良好的顾客关系。六、有利于改善服务，提高企业服务质量利用网站，通过电子沟通方式，企业开展的在线服务是传统的沟通方式（如，邮 件、电话、传真等）所无比拟的，在线服务能够更加及时准确地掌握用户的需求，通过网站的交互式服务使得被动提供和主动获得统一起来，从而实现售前、售中、售后的全过程和全方位的服务。七、 互联网的特点在于突破地域限制，一个网站能同时为您服务于世界各地的拥护；同时，网络无休息，一年365天、一天24小时，您的网站永远忠实地服务于您的所有客户。我们所处的时代是高度信息化的互联网时代，互联网

11、正在渗透到我们生活中的方方面面，并且在以十倍甚至百倍的速度提高着我们的工作效率。互联网的发展带来了一场规模空前的行业革命，他不仅改变了许多传统行业的运作模式，同时也产生了许多新的行业，并且可以重新排定行业内各个企业的地位。可以说互联网时代是一个资源和财富再分配的时代。互联网络真正的内涵在于其内容的丰富性，几乎无所不包。对于一个企业来说，其具有网络沟通能力的标志是公司拥有自己的独立网站。1.3企业网站研究的思路与内容如今，互连网对企业来说已经不再是新鲜的事物了，大多数的企业都已经建立了自己的网站。随着互连网的快速发展，网络已成为人们生活的一部分。电子商务、网络营销已不在只是被炒做的概念，人们对其

12、的认识也在深入。不仅仅是大企业需要网站来开展电子商务，中小企业一样也迫切需要自己的企业网站用以实现宣传和联系客户等许多传统媒介无法完成的目标。 企业网站是一个可以发布企业信息、提供顾客服务，以及在线销售的管道；而在开发设计人员看来，企业网站无非使一些功能模块，通过网页的形式将前台和后台结合起来。一个完整的企业网站，无论多么复杂或多么简单，都要划分为四个组成部分：结构、内容、服务、功能。 1网站结构是为了向用户表达企业信息所采用的网站栏目设置、网页布局、网站导航、网址层次结构等信息的表现形式等。 2网站内容内容是用户通过企业网站可以看到的所有信息，也就是企业希望通过网站向用户传递的所有信息。网站

13、内容包括所有可以在网上被用户通过视觉或听觉感知的信息，如文字、图片、视频、音频等。一般来说，文字信息是企业网站的主要表现形式。 3网站功能是为了实现发布各种信息，提供各种服务等必须得技术支持系统。网站功能直接关系到可以采用的网络营销方法以及网络营销的效果。 4网站服务即网站可以提供给用户的价值，如问题解答、优惠信息、资料下载等。网站服务是通过网站功能和内容而实现的。第2章 企业网站开发相关技术及工具2.1网站开发的技术应该包括软件与硬件两部分，软件方面单纯从技术上说，基本有两部分，前台和后台：前台技术包括基本的HTML代码，Css样式表等，Flash的应用也应该属于前台；后台技术就多了，主要包

14、括动态网页语言与数据库，比如PHPASPC#.NET等动态语言和OracleSQLServerMySQL等数据库硬件上就是你放置网站程序和内容的地方，可以自建服务器，或者租用虚拟主机等2.1.1 HTML简介在万维网上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广

15、泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。2.1.2 HTML发展史HTML的全称是Hypertext Markup Langua

16、ge（超文本标记语言）。HTML是用于描网页文档的标记语言。现在我们常常习惯于用数字来描述HTML的版本（如：HTML5），但是最初的时候我们并没有HTML1，而是1993年IETF团队的一个草案，并不是成型的标准。两年之后，在1995年HTML有了第二版，即HTML2.0，当时是作为RFC1866发布的。有了以上的两个历史版本，HTML的发展可谓突飞猛进。1996年HTML3.2成为W3C推荐标准。之后在1997年和1999年，作为升级版本的4.0和4.01也相继成为W3C的推荐标准。在2000年基于HTML4.01的ISO HTML成为了国际标准化组织和国际电工委员会的标准。于是被沿用至今

17、，这期间虽然有点小的改动但大方向上终归没有什么变化。从1993-2000之间短短的7年时间，HTML语言有着很大的发展，基于诸多人的努力，终于产生了我们现在用的HTML语言。2.1.3 ASP简介Microsoft Active Server Pages 即我们所称的ASP，其实是一套微软开发的服务器端脚本环境。Active Server Page 是创建动态网页的一个很好的工具，它起一种编程语言的作用，可以利用它编写动态产生HTML的程序代码。而且ASP也是服务器端脚本环境，可以用来创建交互式WEB页并建立强大的的Web应用程序。因此，只要用户浏览Web站点并请求一个ASP页，Web服务器就

18、可以处理相应的ASP代码，生成HTML代码，然后将它传递到用户浏览器并显示出网页。ASP内含于IIS4.0和5.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。有了ASP就不必担心客户的浏览器是否能运行所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 ASP技术的优点：作为网络上十分流行的编程语言，一定会具有很多独特之处，而ASP也不例外，它具有以下优点：1、编写程序方便。结合

19、HTML语言就能够非常方便地完成网站的应用程序。使用哪种语言并不重要，Web 服务器等同地处理这两种语言，并向用户的浏览器发送 HTML 格式化结果。由于ASP采用Script语言，就可以轻松编写程序，因此这就大大节省了网络设计人员又得重新学习一种新语言的时间。而且编写ASP无须手工compile编译或链接程序，可在服务器端直接执行，这无疑是更加方便了我们的编写过程。2、使用编程环境方便简单。可以使用普通的记事本之类的文本编辑器，即可进行编辑设计,如：Windows的记事本，也可以用dreamweaver和专业的Microsoft Visual InterDev开发工具。3、浏览网页方便，交互

20、速度也快。ASP是运行在服务器端，所以我们无须担心浏览器是否支持ASP所使用的编程语言,用户端只要使用可执行HTML码的浏览器，即可浏览Active Server Pages所设计的网页内容。ASP在服务器端运行，当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 4、提供多种编程语言。ASP能与任何ActiveX scripting语言相容。除了可用VBScript或JavaScript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如Perl等。5、提高代码的安全性。而我这次所开发的留言本系统，主要

21、是利用ASP技术的简单和实用的特点，以及ASP使用的广泛性，而且非常适合于网络中小型系统开发。2.3网站开发工具2.3.1网页设计软件DreamweaverDreamweaver是一个功能强大的网页设计工具，有着方便实用的工具和所见即所得的排版功能，见面十分友好，使用方便。在不需要掌握HTML语言的情况下，即可利用其强大的功能开发出专业的网页。Dreamweaver也是一个方便的编程工具，可以方便地编写ASP、PHP、JSP代码，软件的自动提示填充功能和代码染色功能可以有效地帮助用户编写和调试各种代码。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网

22、站设计、开发、制作的首选工具。借助于Dreamweaver可以快速方便地开发出各种动态或静态网站。1、灵活的编写方式 Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面 Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dre

23、amweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主流览器。5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性 Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切

24、换，轻松地创建美观实用的网页。8、丰富的媒体支持能力 可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式回应和进行动画处理。9、超强的扩展能力Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。第3章 企业网站实现及实现效果3.1企业网站主页网站首页是一个网站的

25、入口网页，故往往会被编辑得易于了解该网站，并引导互联网用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质的内容。3.1.1网站主页的重要性一个成功的网站，首先是其静态页面的设置，主要就是首页的设计。只要你的网站首页足够hold住全场，你的网站机会吸引更多的浏览者，哪怕只是简单的浏览，也对你公司、产品有了了解。那么，网站首页的作用究竟要在什么地方得以体现呢？首先，网站的架构要清晰。一个企业或者个人的网站，以崭新的姿态展现在你的面前时，你首先回了解其公司，然后是产品，清晰的网站架构就帮你的网站有了一个良好的开端，让人有耳目一新的感觉。但是，也不能一味的求自己的网页设计吆喝同行的相似，太

26、相似了也就没有了新意。其次，网站的导航要有吸引力。导航条在网站中的作用不可小觑，在制作的时候，选择的导航条图片除了要精美，大小要适宜，还有就是在图片上能体现企业文化的字幅，字幅的选择一定要切合公司的经营理念，展现公司的风采。以此来体现企业的公司的人文和专业。再次，便是网站最令人赏心悦目的东西，网站的主色调。这时候，你选择的网站主色调，就不能只是掺杂你个人的想法，要从浏览者和公司产品出发，选择最适宜的颜色。注意，假如这个颜色是多色调的，那就不能将颜色的反差拉的过大，这样，视觉的冲击效果会下降。你选择的颜色，可以是公司LOGO或者是公司宣传彩页的颜色，要是太过艳丽的颜色，切忌不要大面积使用。最后，

27、便是网站制作结束后，自己对网站的管理。这个时候，你要上传许多公司近期信息，最重要的是图片的上传。图片的尺寸一定要适宜。过大，加载速度过慢；过小，会看不清。还有就是文字的字体大小，也要适宜。网站的首页很重要，是一个企业的门面和形象的象征，做好它，是关键。3.1.2网站主页的布局企业网站网站首页关于我们产品中心新闻资讯乐器常识客户留言3.2主页部分的实现及实现效果代码如下（详细代码见附录一）效果见图1-1个性化系列1概念系列黑色亮光系列 图1-1 3.2.1实现文字滚动及实现效果代码如下（详细代码见附录二）效果见图1-2秉承“顾客至上，锐意进取”的经营理念，坚持“客户第一”的原则为广大客

28、户提供优质的服务。欢迎各界人士来电洽谈！图1-23.2.2网站主页视频展示及实现效果代码如下（详细代码见附录三）效果视频1-1-!-此页面上的内容需要较新版本的 Adobe Flash Player。-!-视频1-13.3产品图片及实现效果企业形象画册的设计通常要体现企业的企业精神、企业文化、企业发展定位、企业性质等以形象为主、产品为辅；企业产品画册的设计重点要体现产品的功能、特性、用途、服务等，从企业的行业定位和产品的特点出发进行设计，对产品或服务本身进行主要的宣传。3.3.1网站产品图册对企业的影响竞争的日趋激烈，企业增强企业市场竞争力、巩固品牌实力，纷纷开始意识到进行对外宣传的重要性，画

29、册就是最重要的表现形式之一。企业画册的优点在于：不需要传统业务员的长篇叙述，用最直观最综合的方式把企业及产品信息传达给客户，使客户在短时间内对企业及产品有全面的了解，进而产生兴趣，最终促成合作。3.3.2网站产品图片的实现效果代码如下（详细代码见附录四）效果图片1-3var bannerAD=new Array();var bannerADlink=new Array();var adNum=0;bannerAD0=2012110923480412160.jpg;bannerAD1=2012110923512883742.jpg;bannerAD2=2012110923513835097.jp

30、g;bannerAD3=2012110923523359228.jpg;bannerAD4=2012110923525746591.jpgbannerAD5=2012110923530957936.jpgbannerAD6=2012110923532287729.jpgbannerAD7=2012110923535198909.jpgbannerAD8=2012110923540342938.jpgbannerAD9=2012110923541479574.jpgbannerAD10=2012110923542524556.jpg;preloadedimages=new Array();for

31、 (i=1;ibannerAD.length;i+)preloadedimagesi=new Image();preloadedimagesi.src=bannerADi;function setTransition()if (document.all)bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);bannerADrotator.filters.revealTrans.apply();function playTransition()if (document.all)bannerADrot

32、ator.filters.revealTrans.play()function nextAd()if(adNumbannerAD.length-1)adNum+ ;else adNum=0;setTransition();document.images.bannerADrotator.src=bannerADadNum;playTransition();theTimer=setTimeout(nextAd(), 5000);function displayStatusMsg() status=bannerADlinkadNum;document.returnValue = true;nextA

33、d()   图1-33.3.3客户留言的实现效果代码如下（详细代码见附录五）效果图片1-4您的姓名：*邮件地址：*电话：传真：地址：邮编：留言内容：验证码：*图1-4第4章 总结与思考 随着网络技术的不断发展, 网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站, 更是人们关注的热点, 企业利用网站宣传自己的形象, 挖掘无限商机。如何设计一个出色的网站呢? 关于这个问题, 人们讨论的很多, 加之网络技术的飞速发展, 很难提出一个绝对权威和正确的设计思路, 在这里给出自已的一些见解。4.1 注重企业网站色彩的和谐搭配及统一 色彩是人的视觉最敏感的东西。页面的色彩处理得好, 可以锦上添花, 达到事半功倍的效果。要根据不同类型的网站选择最适合的色彩。不同类型的网站需要运用不同的色彩去表现, 使形式与内容相统一, 符合人们日常固有的认知习惯。例如医学类较适合雅致、安静的颜色, 食品类多考虑能引发食欲的食物固有色, 环境类当然以绿色、蓝色为首选。适宜而统一的整体色调很容易在浏览者头脑中形成一种连续的记忆, 是网站通过设计反映企业形象的