1、商丘职业技术学院毕业论文（设计） 1 摘 要 本文就企业网站的规划与建设，以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在： 对 Web 页进行概述，主要是对 Internet 的历史和发展作了回顾，并对 Web 页的定义和特性进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍 ; 对网站建设中提及到的术语进行了解释 ; 对企业网站从规划到建设进行了详细的分析 ;使用 ASP IIS Access 技术实现了企业网站的各种功能，其中和数据库的连接使用到了 ODBC 技术 ;就网站建设提出了自己的观点与建议。 关键词 ：网站、 ASP、 SQL Server、风格、创意
2、 Abstract This article on corporate Web site planning and construction of software engineering methods to the whole process of analysis and research. This article mainly focused on: an overview of Web pages, mainly on the Internets history and development is reviewed, and Web pages set out the defin
3、ition and characteristics. Web site development process as well as the use of development tools and techniques are briefly described; mentioned on the Web site construction terms are explained; right business from planning to construction site carried out a detailed analysis; the use of ASP + IIS +
4、Access technology to achieve the enterprise Web site features, including the use and database connections to the ODBC technology; on the Web site building their views and suggestions. Keywords: Web, ASP, SQL Server, style, creativity 商丘职业技术学院毕业论文（设计） 2 目 录 摘 要 . 1 目 录 . 3 第一章 绪 论 . 3 1.1 Web 页概述 . 3
5、 1.2开发工具的介绍及选择 . 4 1.3 关系型数据库的选择 . 6 第二章 企业网站概要 设计 . 7 2.1相关术语及解释 . 7 2.2企业网站设计与规划 . 8 第三章 详细设计 . 9 3.1 数据库的设计 . 9 3.2页面设计 . 14 第四章 编码、测试与维护 . 19 4.1测试与维护 . 19 4.2 设计技巧和解决方法 . 21 参考文献 . 21 结 束 语 . 21 致 谢 . 22 商丘职业技术学院毕业论文（设计） 3 第一章 绪 论 在已跨入 21 世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的
6、影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多 人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。企业网站应用广泛。 1.1 Web 页概述 1、页面描述 Web(World Wide Web，简称 WWW，又称万维网 )是目前 Internet 上应用最广泛也是最重要的信息服务类型，它的影响已经进入了 Internet 上的广告、新闻、电子商务和展示信
7、息等各个服务领域。 Web 采用浏览器 /服务器（ B/S）工作模式，其运作模式可以描述为：请求处理应答。 Web 以超文本标记语言 HTML(Hyper Text Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础，通过浏览器为用户提供方便友好的信息浏览界面。 Web 将位于全世界互联网上不同网址的相关信息有机地编织在一起。在 Web 服务方式中，信息以页面（或称 Web 页）的形式存储在 Web 服务器中，这些页面采用超文本的方式对信息进行组织，通过链接 将一页信息链接到另一页信息。这些相互链接的页面既可以放置在同一台
8、主机上，也可以放置在不同的主机上。页面到页面的链接信息由统一资源定位器 URL(Uniform Resource Locator)维持。用户通过客户端应用程序（即浏览器）向 Web 服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。 Web 服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如 New、 FTP、 Telnet、 Gopher 及 Mail 等）的无缝链接，特别适合于广域网中信息的组织、检索与显示。 2、 Web 技术综述 在信息
9、技术领域中， Web 技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。 Web 界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。只要你愿意或是你能商丘职业技术学院毕业论文（设计） 4 想到的服务， Web 几乎都能实现。 Web 技术涉及诸多技术领域： (一 ) 网络硬件技术 从两台或多台机器组成的对等网，到主机控制的以太网，再 到生动活泼的因特网，每一处都需要有特定的硬件支持。 1968 年，当“ LOGIN”的“ LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时，标志着人类首次组网的成功！组
10、网技术经过几十年的锤炼，而今已经相当成熟了。 网络硬件技术包括很多方面，其主要的作用就是把网络中的各种资源通过相关网络连接设备连接起来，实施网络通信和达到共享网络资源的目的。 (二 ) Web 管理技术 网络管理技术是一个永久的话题。网络管理的难点是安全性问题，涉及到防止来自内部和外部的攻击，这对管理员自身的技术是一个严峻 的考验。一个合格的网管人员，除了管好网络，还得和黑客做技术上的较量。网络管理涉及的方面可谓种类繁多，简单地说，网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行，不受外界干扰，而维持网络系统设施所采取的一系列方式和措施。网络管理由网管员通过驾驭网络操作系统和网
11、络管理软件来实现。 Web 管理则是在网络管理的基础上，针对网络建设和维护所进行的一系列管理。诸如架设 Web 服务器、文件传输服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。 1.2 开发工具的介绍及 选择 1、 梦幻网页的编织者 -Dreamweaver8.0 Dreamweaver 是创建和管理网页的专业化可视编辑器。使用 Dreamweaver 可以轻松创建跨平台、跨浏览器的页面。 Macromedia 的 Roundtrip HTML 技术允许用户随意导入HTML 文档而无需重新设置代码格式。 Dreamweaver 可以为用户做到：使用动态 HTML 功能（例
12、如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。 Dreamweaver 工作区是非常灵 活的，因此它可以适应各种不同的工作风格和使用水平。常用的 Dreamweaver 工作区组件有以下若干种： (一 ) 文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。 (二 ) 装载器中包含一些打开和关闭常用检查器和模板的按钮。 (三 ) 对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。 (四 ) 属性检查器显示选定对象的属性。 (五 ) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。 商丘职业技术学院毕
13、业论文（设计） 5 (六 ) 可固定的浮动工具栏允许用户将浮动窗口、检查器和 工具栏组合在一个或多个选择窗口中。 2、 网页动画的制作软件 -Micromedia Flash 8.0 Micromedia Flash 8.0 用于 web 站点的交互式的矢量图形和动画的制作，它可制作出 用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。 Flash 中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。 Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs C
14、ommand 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。 3、 图形图像制作软件 Adobe Photoshop8.0 Photoshop 8.0 是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。 (一 ) 文字处理更加方便 (二 ) 增加的图层集使图层管理更有序。 (三 ) 新增图像功能：图像的剪切和剪裁更加方便。 (四 ) 将所有工具的选项板改进为工具选项栏放置在工作区 顶部，方便先项参数的设置。 (五 ) 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创
15、建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。 4、 动态网站的脚本语言 -ASP Active Server Pages：“动态服务器网页”，一般简称为“ ASP”， ASP 之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 HTML 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如 IE 或 Netscape）都可以正确地获得 ASP 的“执行”结果， 并且将这 ASP 执行的结果直接在浏览器中“浏览”，不像VBScript 或 JavaScript 是在客户端（ Client）的浏览器上执行，若使用 VBScript 来设计程序，客户端（ l
16、ient）在浏览器中可以显示程序执行的结果，可是，客户端（ lient）若使用 Netscape 浏览器就无法显示 VBScript 的执行结果。 的特点： 1、任何开发工具皆可发展 只要使用一般的文书编辑程序，如 Windows 记事本，就可以编辑。当然，其他网页发展工具，例如， FrontPage Express、 rontPage 等，并且各家浏览由于 ASP 程序是在网络服务器端中执行，执行结果所产生的 HTML 文件适用于不同的浏览器。 2、语言相容性高 商丘职业技术学院毕业论文（设计） 6 ASP 与所有的 ActiveX Script 语言都相容，除了可结合 HTML， VBSc
17、ript、 Java ScriptActive X 服务器组件来设计外，并可经由“ plug-In（外挂组件模组）的方式，使用其他厂商（ Third Party）所提供的语言。 3、隐密安全性高 如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因为 程序先于网站服务（ eb Server）端执行后，将结果转换成标准文件，再传送到客户端（ Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。 4、易于操控数据库 可以轻易地通过 DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：
18、Acess、 Foxpro、 dBase、 Oracle 等等，另外，亦可将“文本文件”或是” Excel” 文件当成数据库用。 5、面向对象学习容易 具备有面向对象（ bject-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象： Request、 Response、 Sever、 Application 以及 Session，同时，若使用内建的“ Application”对象或” Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。 6、 ASP 的六大内部对象 Request Response Server Session Application
19、ObjectContext 从客户端取得信息将信息送给客户端提供一些 Web 服务器工具储存在一个 Session 内的用户信息，该信息仅可被该用户访问在一个 ASP-Application 中让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理 所以我选择了 ASP 结合 Dreamweaver 架构个人站点。 1.3 关系型数据库的选择 1、 Access Microsoft Access 是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于 4 个。Microso
20、ft Access 数据库有一定的极限，如果数据达到 100M 左右，很容易造成服务器iis 假死，或者消耗掉服务器的内存导致服务器崩溃。 2、 SQL Server Microsoft SQL Server 是基于服务器端的中型的数据库，可以适合大容量数据的应用，在功能上管理上也要比 Microsoft Access 要强得多。在处理海量数据的效率，后台开发的灵活性，可扩展性等方面强大。因为现在数据库都使用标准的 SQL 语言对数据商丘职业技术学院毕业论文（设计） 7 库进行管理，所以如果是标准 SQL 语言，两者基本上都可以通用的。 Microsoft SQL Server 还有更多的扩展
21、，可以用存储过程，数据库大小无极限限制。 本站属于个人站点采用 Access 数据库就行了。 商丘职业技术学院毕业论文（设计） 8 第二章 企业网站概要设计 2.1 相关术语及解释 1、 Internet Internet(英特网 )诞生于上世纪 60 年代，发展非常慢，到 90 年代才开始迅速发展。现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿台。上面的资料、信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋。 2、 站点 所谓站点，就是将网页文件和素材文件，有 条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件，所谓素
22、材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。 3、超链接 我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资 源，实现在互联网中的漫游。超链接能使 Web 服务存在广泛和持久的生命力，超链接可以说是 Web 的灵魂。 4、 URL URL（ Uniform Resource Locator 的缩写），统
23、一资源定位器。互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的 URL 来进行标识，这样才能方便查找。对于 Web 来说，可以简单并通俗把 URL 理解为网址。每个 Web 网页都有自己的网址，在浏览器地址栏里输入网页的 URL，就可以访问这个网页。例如，http:/ http 超文本传输协议访问新浪网的首页，由于网页均是通过 http 超文本传输协议进行访问，默认下，“ http:/”可以省略不输。 5、 IP 地址 为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的 IP（ Internet Protocol）地址，这如同公用电话网中电话的号码
24、一样。 IP地址是由专门的互联网机构来分配。 IP 地址具有惟一性，是由 32 位二进制数组成，分为四组，每组 8 位，每组之间用小数 点分隔，在实际之中常转换成十进制数表示。 商丘职业技术学院毕业论文（设计） 9 2.2 企业网站的设计与规划 1、明确架设网站的目的及客户要求 通常情况下，架设企业网站主要是为了通过互联网表达企业在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的企业网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。 2、我的企业网站概貌 因为是企业网站，所以符合企业的风格，还应用了现在
25、流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理 平台。 3、主要功能介绍 网站设计有新闻更新，浏览者可以在首页浏览每日企业的新闻，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员 我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。 4、功能描述 (一 ) 企业简介，新闻咨询，企业荣誉。 企业简介：详细介绍企业的历史与发展。 新闻咨询：在本站首页显示企业新闻，供浏览者浏览。 企业荣誉：展示企业获得的荣誉。 (二 ) 客户留言 是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们 感兴趣
26、的话题展开讨论。和大家进行沟通。 (三 ) 会员中心 提供会员注册，会员登录，修改资料等。 (四 ) 下载中心 显示下载信息，下载记录，并且提供下载。 (五 ) 营销网络 在其中展示营销产品，朋友们可以购买自己喜爱的产品。 (六 ) 后台管理页面 是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，经过身份认证后我可以进入网站对其中的信息进行管理。 (七 ) 页面组织和数据库设计 在明确了我的企业网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。 商丘职业技术学院毕业论文（设计） 10 建立一个网 站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的企业网站分为九个栏目，分别是：企业简介、新闻资讯、产品展示、下载中心、 企业荣誉、营销网络、人才招聘、客户留言、会员中心；。
