网站建设技术 - 万水书苑-出版资源网

近年来，随着网络技术的迅猛发展和 Internet 的普及使用，网站建设逐渐成为炙手可热的新 兴行业。越来越多的企业开始意识到网站对提升企业形象、开展网络营销的巨大作用，纷纷组 建企业网站，搭建电子商务平台。巨大的市场需求，促使网站建设面临前所未有的机遇与挑战。 本章将主要介绍网站与网站建设的含义，当前流行的几种网站开发技术与工具，以及构 建 Web 服务器的方法。 l 了解网站与网站建设的含义。 l 了解常用的几种网站开发技术与工具。 l 掌握 Web 服务器的构建方法。 

1.1 网站建设的含义

网站，实质上就是包括主页在内的很多网页的集合，也称站点，通过这些网页，各种各 样的资源信息被放置在互联网上，供用户浏览使用。Internet  上每个网站和网页都可以通过超 链接与其他网站或网页连接，从而形成了庞大的环球信息网。 网站建设是指由网站策划师、网页设计师、网络程序员等专业网站开发人员使用各种网 络程序开发技术和网页设计技术，为企事业单位、公司或个人在 Internet 上建立站点，包括提 供域名注册和主机托管等服务的总称，包括网站策划、网页设计、网站功能设计、网站内容设 计、网站推广、网站评估、网站运营、网站整体优化等。 网站是展示企业形象、加强客户服务、完善网络业务的新型网络平台，通过建设网站，可 以达到以下目的： （1）企业形象展示与提升。随着全球化进程的推进，企业越来越多地要和外界发生行业 内外的信息沟通，在时机成熟时，这种信息沟通就会成为潜在的市场。在互联网上，信息的沟 通非常方便且廉价，企业的产品或服务信息可以直接陈列在互联网上供人们浏览。总而言之， 建立自己的网站就等于找到了自己企业的一个永久的广告发布平台。 （2）网络化的业务、用户管理。在一个有相当规模的企业中，信息流、物流、资金流的 管理应该有一个比较规范和科学的流程。 而网络的出现， 恰恰满足了这种业务管理自动化的需 要。在这里，网络在提高效率，比如内部新闻通告、订货管理、客户管理、采购管理、员工管 理等许多繁杂的工作都可以在互联网和局域网上很轻松地完成。 在互联网时代，网络在缩短距离，企业无需建立自己的分支机构或派遣业务人员就可将

业务拓展到全国乃至全球，大大提高企业内部、生产者和用户联络沟通的效率。企业原有的业 务系统一旦进入互联网的平台将创造更大的价值。 （3）开展电子商务。直接利用互联网开展电子商务，是企业上网的理想目标，目前对于 一些大型公司来说这已成为现实。 他们已经尝到了电子商务带来的巨大好处： 内部信息数据的 瞬间沟通、人员联系的日趋紧密、业务开展效率加快、国际化成分的日益增加、大量门面与分 支机构的消减所带来的资金节约等。 建立网站的作用还有很多，在网站建立以后发挥的作用根据企业的不同其表现方式也是 不同的。 

1.2 网站建设技术介绍

网络技术日新月异，而作为互联网的重要载体之一的网站，建设技术也是在不断地更新 升级。早期的网站建设技术主要是基于静态，网页文件扩展名为.htm  或.html，但随着站点内 容和功能需求的不断复杂化， 静态网站技术就显得不太适用， 直到动态网站制作技术的出现才 解决了这一矛盾。 “静态”网页：指网页的内容已预先设计好，并存放在 Web 服务器上，当用户通过浏览 器及互联网的 HTTP 协议向 Web 服务器提出请求时， 服务器仅仅是将原已设计好的静态 HTML  文档传送给用户浏览器。 “动态”网页：指网页能够根据用户的要求和选择，进行不同的处理，并根据处理的结 果，自动生成新的页面，不再需要设计者手动更新 HTML 文档。  1.2.1 静态网页设计技术 常见的静态网页设计技术有以下几种： 

HTML（HyperText  Markup  Language）：主要的用途是编写网页，由标记（Tag）与属性 （Attribute）组成，浏览器只要看到 HTML 标记与属性就能将其解析成网页。虽然 HTML 源 文件为纯文本文件，但由于包含指向定义多媒体元素的标记，故而网页上会产生图形、影像或 声音等效果。 

XML、XSL（eXtensible Markup Language、eXtensible Stype Language）：主要的用途是在  Internet  传送或处理数据时提供跨平台、跨程序的数据交换格式，其中  XML  用来描述文件的 内容，XSL 用来描述文件的样式。XML、XSL 可以扩大 HTML 的应用及适应性，例如 HTML  虽然有着较佳的网页显示功能，却不允许用户自定义标记与属性，而 XML、XSL 则允许用户 这么做。  CSS（Cascading Stype Sheets） ：主要的用途是定义网页数据的编排、显示、格式化及特殊 效果，虽然 HTML 提供的标记可以将数据格式化，但变化有限，而 CSS 正好弥补了这个不足。  DHTML（Dynamic  HTML）：这项技术能够在网页下载完毕后插入、删除或替换网页 的某些  HTML  原始代码，而浏览器会自动根据更新过的  HTML  原始代码显示新的网页内 容，无须从服务器重新下载整个网页，如此便能大量减少浏览器访问服务器的次数；此外  DHTML  还允许设计者加入更多动态效果，例如文字或图片的飞出、跳动、逐字空投、波 浪等。 XHTML（eXtensible  HTML）：这是 W3C 按照 XML  1.0 的形式将 HTML4 重新制定的一

种标记语言，未来有望取代 HTML 成为网页制作的标准语言。由于 XHTML 是将 HTML4 按 照 1.0 的形式重新制定，因此 HTML4 的元素与属性均能沿用，只是要留意一些来自 XML 1.0  的语法规则，例如标记与属性必须是小写英文字母，非空元素必须有结束标记，属性值必须放 在双引号中，不能省略属性的默认值等。 

JavaScript：是受  Java 启发而 设计的、基于对象（Object）和事件驱动（Event  Driven） 并具有安全性能的脚本语言。 因它的开发环境简单， 不需要 Java 编译器， 而是直接运行在 Web  浏览器中，因而倍受 Web 设计者喜爱。  1.2.2 动态网页设计技术 提到动态网站技术，就不得不提及  CGI 技术。这是一种早期的动态网页制作技术，全名  Common Gateway Interface（公用网关接口） 。在当时这是一种非常大的进步，CGI 技术因为可 以使用不同的程序编写适合的 CGI 程序，如 Visual Basic、Delphi 或 C/C++等，并且功能强大， 被早期的很多网站采用。但发展到后来，由于编程困难、效率低下、修改复杂，所以慢慢地被 新技术所取代。 目前被广泛应用的动态网站建设技术主要有 ASP、JSP、PHP、ASP.NET 等，各种技术都 有自身的特点和长处。  1．ASP 

ASP （Active Server Pages）， 即动态服务器页， 是一种类似 HTML （超文本标识语言)、 Script  （脚本）与 CGI（公用网关接口）的结合体，它没有提供自己专门的编程语言，而是允许用户 使用许多已有的脚本语言编写 ASP 的应用程序。与 HTML 相比，ASP 程序的编写更为方便， 也更为灵活。  ASP  的最大好处是可以包含  HTML  标签，也可以直接存取数据库及使用无限扩充的  ActiveX 控件，因此在程序编制上要比 HTML 方便而且更富有灵活性。通过使用 ASP 的组件 和对象技术，用户可以直接使用 ActiveX 控件，调用对象方法和属性，以简单的方式实现强大 的交互功能。 但  ASP  技术基本上是局限于微软的操作系统平台之上，主要工作环境为微软的  IIS  应用 程序结构，又因 ActiveX 对象具有平台特性，所以 ASP 技术不能很容易地实现在跨平台 Web  服务器上工作，因此一般只适合一些中小型站点。但目前由 ASP 升级演变而来的 ASP.NET 支 持大型网站的开发，不过因其开放性低，所以目前的应用还不是非常普遍。  2．PHP 

PHP（Hypertext  Preprocessor），即超文本预处理器，其语法大量借鉴了  C、Java、PERL  等语言，但只需要很少的编程知识就能使用  PHP  建立一个真正交互的  Web  站点。因为  PHP  为开源，所以被广大的编程者喜好，它也是当今 Internet 上最为火热的脚本语言之一。PHP 与  HTML  语言具有非常好的兼容性，使用者可以直接在脚本代码中加入  HTML  标签，或者在  HTML  标签中加入脚本代码从而更好地实现页面控制。PHP  提供了标准的数据库接口，数据 库连接方便，兼容性强；扩展性强；可以进行面向对象编程。  3．JSP 

JSP（Java  Server  Pages） ，是基于 Java  Servlet 以及整个 Java 体系的 Web 开发技术。JSP  是由 Sun  Microsystem 公司于 1999 年 6 月推出的新技术，它与 ASP 有一定的相似之处，特别 是在技术上，但  JSP  能在大部分的服务器上运行，而且其应用程序易于维护和管理，安全性

能方面也被认为是这三种基本动态网站技术中最好的。 就以上三种动态网站建设技术而言，都是各有各的优势，而编程人员因为偏好和习惯的 不同，都各有大量的支持者。目前被广泛认可的观点是，ASP  被认为是入门比较简单，但是 安全性较低，而且不宜构架大中型站点；  JSP  被认为是目前网站制作技术中安全性最好的， 但是学习和操作均较为复杂，目前被认为是三种动态网站技术中最有前途的技术；PHP  介于 前两者之间，但其兼容性却非常好，而且因为不存在版权方面的问题，被广大的编程爱好者所 喜爱。 本书中动态网站案例主要使用 ASP 技术编写。  1.2.3 网页设计软件 在建设网站过程中，除了需要掌握相关网页设计技术外，最好还能够熟练使用一些网页 设计工具软件。常用的网页设计软件有 Dreamweaver、Photoshop、Fireworks、Flash 等。  1．网页编辑工具 Dreamweaver  Dreamweaver  是美国  Adobe  公司的一个优秀的所见即所得的网页编辑工具，用于网页制 作和网站管理的专业化设计。 它能够快速高效地创建极具表现力和动感效果的网页； 具有网站 建设过程中所必需的网站管理、页面制作、多媒体设计、动画制作和  CSS  样式设计等丰富实 用的功能；而且生成的 HTML 源代码效率高，冗余代码少；其简洁实用的用户界面也深受网 页设计者的喜爱。目前 Dreamweaver 的最新版本是 Dreamweaver CS5，但被市场认同的较成熟 的版本是 Dreamweaver CS3。  2．图形图像处理软件 Photoshop  Photoshop 是一种最专业、最流行、最常用、使用功能最强大的图形图像处理软件，它功 能完善，具有专业的图像处理技术和多种设计手段；兼容性强，兼容多种外围设备，可处理多 种格式的图形图像文件；使用灵活，帮助快捷方便；操作界面良好，风格独特。它不仅可以帮 助处理网页中需要的图片，最重要的是能够使用它快速高效地设计页面布局图。  3．图形制作工具 Fireworks  Fireworks  是网页设计中专业的图形制作软件，使用它可以创建和编辑位图、矢量图，还 可以非常轻松地实现各种网页设计中常见的效果，如下拉菜单、翻转图像等，更重要的是它可 以快捷地将设计好的图像输出为 HTML 文件。  4．动画制作工具 Flash  Flash 是一款专门用于矢量图编辑和动画制作的软件，与 Dreamweaver 和 Fireworks 一起 被誉为“网页三剑客” ，具有体积小、动态性强、简单易学、交互性强、输出格式灵活等特点， 是设计网页多媒体的不可缺少的工具。 

1.3 建站准备—架设 Web 服务器

使用 ASP 技术开发动态网站， 首先要在机器上创建一个 Web 服务器环境， 也就是要安装 IIS。  IIS 是 Microsoft 公司推出的 Web 服务器。IIS 的设计目的是建立一套集成的服务器服务， 用以支持 HTTP、FTP 和 SMTP，它能够快速提供集成了现有产品、同时可扩展的 Internet 服 务器。IIS 支持与语言无关的脚本编写和组件，通过 IIS，开发人员就可以方便地开发动态交互 式网页。

1.3.1  IIS 的安装

目前，PC 机安装的 Windows 操作系统主要有 Windows XP 和 Windows 7 等，主流的网站 服务器系统为 Windows Server 2003 或 Windows Server 2008 R2。 Windows XP 的 IIS 版本为 5.1，  Windows Server 2003 的 IIS 版本为 6.0， Windows 7 和 Windows Server 2008 R2 的 IIS 版本为 7.0。 各种版本的 Web 服务器的安装和使用基本相似，本章就以 Windows  XP 操作系统为例来讲解  IIS 5.1 的安装和设置。  1．安装 IIS  （1）将 Windows XP 系统光盘放入光驱中，打开“控制面板”窗口，双击“添加/删除程 序” ，在弹出的窗口单击“添加/删除 Windows 组件” ，弹出“Windows 组件向导”对话框，如 图 1­1 所示。 图 1­1  “Windows 组件向导”对话框 （2）在弹出的“Windows 组件向导”对话框中，单击选择“Internet 信息服务” ，然后单 击“详细信息”按钮，进行相关组件的详细安装选择，通常只需选择“Internet 服务管理器” 、 “World Wide Web 服务器” 、 “公用文件”和“文件传输协议（FTP）服务器”组件，单击“确 定”按钮即可。最后单击“下一步”按钮，开始安装组件。  2．IIS 运行状态管理  IIS 安装后，会作为操作系统的一项服务随操作系统的启动而自动运行。用户也可以通过 单击 IIS 管理器工具栏的 按钮实现启动、停止、暂停 Web 服务。 若要启动 Internet 信息服务管理器， 单击 “开始” 菜单→ “程序” → “管理工具” → “Internet  信息服务”即可，如图 1­2 所示。 可以看到系统自动创建了一个默认的 Web 站点和 FTP 站点， 默认的 Web 站点的根目录为  C:\Inetpub\wwwroot，默认  FTP  站点的根目录为  C:\Inetpub\ftproot。通常用户可以修改默认的  Web 站点，使其成为自己所需要的 Web 站点。  1.3.2    Web 站点的配置与管理 通过设置站点的属性，可以实现对 IIS Web 服务器的配置与管理。

图 1­2  “Internet 信息服务”窗口  1．配置 Web 站点 打开“Internet 信息服务”窗口，在“默认网站”上右击，选择“属性” ，弹出属性对话框， 如图 1­3 所示。在“网站”选项卡可对站点标识名称、Web 服务器所使用的 IP 地址、端口、 连接数、连接超时时间和 Web 服务的日志文件及日志文件存储位置进行设置。一般均采用默 认值，无需修改。 图 1­3  “默认网站属性”对话框  2．设置站点主目录 单击“主目录”选项卡，切换到网站主目录设置界面，如图 1­4 所示。单击“浏览”按钮， 选择设置 Web 站点的主目录。  3．设置网站默认主页文件 单击“文档”选项卡，切换到对网站默认首页的设置界面，如图 1­5 所示。选择“启用默 认文档” ，则站点启用默认定义的文件列表。运行网站首页时，系统会按照由上到下的顺序， 首先默认 Default.htm 文件为站点首页名称，并在站点中搜索，若没有找到，则依次向下搜索  Default.asp 文件，依次类推。若一直未找到，则提示出错，Web 服务器会向客户端浏览器返回  404 号错误。

图 1­4  “主目录”选项卡 图 1­5  “文档”选项卡  4．删除默认站点中定义的虚拟目录 默认  Web  站点中还定义了几个虚拟目录，如  Scripts、IISHelp、IISAdmin、IISSamples、  Printers  等，这些虚拟目录对新建站点并没有什么用处，可以单击右键删除。如果需要，用户 可以单击右键创建虚拟目录。  5．测试站点 打开 IE 浏览器，在地址栏输入http://localhost或http://127.0.0.1，即可浏览 Web 站点中的网页。

习题一 

1．阐述静态网页和动态网页的优点和缺点。  2．常用的静态网页设计技术有哪些？

3．常用的动态网页设计技术有哪些？  4．阐述 ASP、PHP、JSP 和 ASP.NET 开发技术的各自特点。

实验一 IIS 的安装与配置

一、实验目的与要求 熟悉 ASP 的运行环境，掌握 Web 服务器 IIS 的安装与配置。 二、实验内容  1．安装 IIS。  2．在 D 盘根目录下创建站点文件夹 mysite。  3．启动  Internet  信息服务管理器，配置修改默认  Web  站点，将该站点的根目录设置为  D:\mysite。  4．在 Dreamweaver CS3 中，编写一个简单的网页并运行。