公司网站设计

分类：免费中心    更新时间：08-06    来源：网络

 摘  要：  

随着计算机网络技术的日异月新，人们通过互联网获取信息也随之越来越频繁，因此网站信息的及时性以及信息的种类繁多、庞大使得网站逐步“动态化”，动态网站的设计技术也随之逐渐成熟。本课题是专门为公司、企业设计开发网站，针对这一特点，本文探讨了公司网站的设计模式，并提出了技术上的解决方案。本网站前台采用Dreamweaver 8进行页面制作，后台由Access 2003数据库支持，通过使用ASP技术实现动态网页的效果。整个公司网站包含公司简介、产品、服务、客户反馈、公告栏等功能模块。通过使用本网站发布产品信息、在线与客户交流，可以更方便、更灵活、更有效地为客户提供服务，是有效使用互联网的一种体现，具有较高的实用价值。

关键词：公司网站；Asp；Access 2003；IIS

 

1.1 研究现状

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了让更多客人了解我们公司的情况，提高公司的知名度。所以，开发公司的网站是必需的。随着网上交易和电子商务变革和发展，公司网站在现代贸易中越来越受到重视。网络环境下的贸易具有个性化的特点，而且产品资源丰富，有利于顾客的自主选择和评判。

1.2 研究目的及意义

1.2.1 研究目的

当今社会,各大公司均有良好的网站,我们必须充分利用网络环境为公司发展服务。为此,我们开发设计本公司网站,并进行合理分工,逐步建设内容丰富的公司产品资源,作为传统公司贸易的有力补充。在新闻、产品发布方面,积极采用动态的网页与数据库相结合的编程技术,完成公司新闻、产品发布，并与客户在线交流，介绍产品功能特性，并尽量达成交易倾向。同时在客户服务平台上添加网上答疑部分,便于公司与客户互动交流,促进产品创新，深化公司改革，进一步完善公司的发展建设。

1.2.2 研究意义

1.网站具有文字、图片、色彩、虚拟现实等所有广告媒体的功能，通过它，可以让顾客非常方便地看到公司的介绍、产品说明、服务方式、联系地址，而且可以加入声音、图片、动画和影像信息，达到真正的声情并茂，从而树立良好的企业形象。

2.提供即时商业讯息、商品目录、广告营销等内容。很多公司为了更新广告内容及商品目录，需要花很多印刷费及人力，而资料一旦放在网页上，不仅立即问世，开始发挥效用，更可随时更新、更正、省时省力，节省了大笔的人力及印刷费用。

3.降低公司售前、售后服务的营业成本，传统的售前、售后服务是职员接电话方式，可能造成人为错误，延误商机。而在网页上，可提供经过精心设计的常遇问题解答、商品注意事项及使用指南等资料，让客户能在自己的电脑上储存或打印，既快速又方便。

1.3 实现手段与目标

1.3.1 实现手段

采用Dreamweaver 8 做系统的主界面，主要语言使用的是ASP。使用ACCESS 2003做数据库，本系统采用三层B/S结构。

B/S模式构成的三层网络结构，使前端具有统一标准的浏览器用户界面，服务器端集中了大部分应用软件的开发管理，并且系统开发可以使用任何脚本语言，后端可以存取任何数据库。

IIS5.0和ASP的结合构成三层网络结构的中间一层来实现此系统的开发。(如图1.1)

                        图1-1 B/S结构

1.3.2 实现目标

开发该网站最根本的目标是为了搭建一个集交流、信息的发布、在线服务等于一体的平台。通过采用ASP+ACCESS的技术完成整个系统的开发，采用网站重构的思想，构建一个安全快速的网络交互平台。

1.4 研究要点

随着网络技术与信息技术的发展，因特网迅速成长，Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因特网与企业经营活动的结合创造了新的网络经济。公司企业也需要一个适合自己的产品发布网站。鉴于因特网的种种优越性，公司网站必将为公司带来一定的利益，一个好的公司网站也必将为该公司的发展壮大添柴加薪。而怎样设计、管理一个公司网站也将是我们面临的巨大挑战。本网站将采用Web服务器环境，以ASP.NET编程技术及其相应的C#脚本语言技术编写动态网页，运用Microsoft  Access2003建立数据库，进行数据管理，保持数据的完整性，成功制作这个网站，完成公司企业网站所需的几大功能，如动态添加产品信息、留言簿的设计等，公司可以简单方便的运用后台进行管理，对网站进行各项操作，以便企业能及时的更新自己的产品信息。公司网站除了展示自己的产品之外，如何利用客户对自己产品的反馈信息来调整自己的产品也是及其关键的。于是，公司的客户服务便应运而生。一个好的客服能给企业带来极大的好处，这是众所周知的。通过公司网站与客户进行沟通并尽可能进行网上交易是一种新的经济形式，具有广阔的前景。

 

第二章 动态网站以及相关技术概述

2.1 动态网站介绍

动态网站是通过编写程序（如ASP、PHP、JSP、ASP.net、CGI等），将网站内容存储到数据库，通过程序来动态生成网页的网站建设方法。很多企业网站访问量很低，就是因为网站内容很多年都一成不变，因此经常更新网站内容是很有必要的。经常更新的网站对浏览者更有吸引力，也是网站优化和网站推广的重要环节，使网站获得更好的搜索引擎排名。 

传统的静态网站内容通常是固定的，如果要增加或修改内容，必须要具备网页制作知识，通过网站制作软件制作修改，再通过上传软件上传到服务器上，还需要手工增加链接，十分麻烦，维护成本高。 

动态网站的特点是，同一个网页，可以根据用户的选择，动态地显示不同的内容。同时，通过网络公司提供的网站管理用户名和密码，进入网站后台管理系统后，只需要很简单的电脑操作，就可以十分方便地管理网站的内容，自动生成新的页面，大大节省了更新网站内容时的维护工作量。并且可以达到与网站访问者之间的交互和管理功能，如会员管理系统。 

动态网站也可以利用一定的技术将动态网页转换成静态网页，这样有利于网站的优化，方便搜索引擎搜索。因为是通过数据库生成，具备数据库维护更新的功能，因此也属动态网站范畴。既实现了网站的后台更新维护管理，又提高了网站的访问速度。 

2.2 ASP技术概述

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点：

　　1.利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；

　　2.ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；

　　3.服务器上的ASP解释程序会在服务器端制定ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；

　　4.ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；

　　5.ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发现和那个Email或访问文件系统等。

　　6.由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取 

ASP( Application Service Provider,应用软体租赁服务提供者 )即是指「透过网路以租赁方式提供应用软体服务的业者」,即是指业者以应用软体为主体,透过网路一对多地传递服务,这种以服务为主的交易模式促使企业可藉由租赁的方式,以更符合成本效益的方式拥有软体的使用权,并且亦能因为业者集中式的管理而大幅降低企业维护的成本.

2.3 Dreamweaver 8 简介

Macromedia Dreamweaver 8 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论是喜欢直接编写 HTML 代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会提供帮助良多的工具，丰富您的 Web 创作体验。

Dreamweaver 8 的功能 ：

利用 Dreamweaver 中的可视化编辑功能，可以快速创建 Web 页面而无需编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。您可以在Photoshop CS2 或其它图形应用程序中创建和编辑图像，然后将它们直接导入 Dreamweaver，从而优化您的开发工作流程。Dreamweaver 还提供了其它工具，可以简化向 Web 页中添加 Flash 资源的过程。 

除了可帮助您生成 Web 页的拖放功能外，Dreamweaver 还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色、标签完成、“编码”工具栏和代码折叠）；有关层叠样式表 (CSS)、JavaScript、ColdFusion 标记语言 (CFML) 和其它语言的语言参考资料。Macromedia 的可自由导入导出 HTML 技术可导入您手工编码的 HTML 文档而不会重新设置代码的格式，您可以随后用您首选的格式设置样式来重新设置代码的格式。 

Dreamweaver 还使您可以使用服务器技术（如 CFML、ASP.NET、ASP、JSP 和 PHP）生成动态的、数据库驱动的 Web 应用程序。如果  您偏爱使用 XML 数据，Dreamweaver 也提供了相关工具，可帮助您轻松创建 XSLT 页、附加 XML 文件并在 Web 页中显示 XML 数据。 

Dreamweaver 可以完全自定义。您可以创建您自己的对象和命令，修改快捷键，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。

2.4 数据库

2.4.1 ACCESS 数据库

Microsoft Office Access是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office 的系统程式之一。

Assess能够存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC 兼容数据库内的资料。熟练 的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的"进阶用户"则能使用它来开发简单的应用软件。虽然它支持部份面向对象（OO）技术，但是未能成为一种完整的面向对象开发工具。

Microsoft Access在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的WEB应用程序．这些应用程序都利用ASP技术在Internet Information Services运行．比较复杂的WEB应用程序则使用PHP/My SQL或者ASP/Microsoft SQL Server． 

Access是一种关系型数据库管理系统，其主要特点如下：

1.存储方式单一

Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。

2.面向对象

Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。

3.界面友好、易操作

Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。

4.集成环境、处理多种数据信息

Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。

5.Access支持ODBC（开发数据库互连，Open Data Base Connectivity），利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用。

2.4.2 数据流图

开发Web数据库应用程序的系统平台有多种，就编程语言来讲，有C、ASP、Visual Basic、Visual C、PHP等，数据库系统方面有SQL Server、Oracle、Microsoft access等。在这里我选择ASP+Access。ASP使用标准的Internet编程语言：如VBScript或Javascript来控制网页中的逻辑，它要与Access联合使用来开发网页应用程序，其中Access是一种简便的数据库系统，通过它建立数据库系统。利用ASP作为访问数据库的工具，ASP和Access之间提供了非常好的接口，工作流程如图2-1：