第二節　網站建設概述

模塊一：應知應會

一、網站建設的含義

網站建設，是指應用各種網頁設計技術，為企事業單位、公司或個人在互聯網（Internet）上建立自己的站點并發布信息。網站是企業展示自身形象、發布產品信息、把握市場動態的新平臺。

二、網站建設的有關概念

1.WWW

WWW是World Wide Web的縮寫，即環球信息網，也可以簡稱為Web，中文名字為“萬維網”。簡單地說，Web就是網頁，Web是Internet提供的一種服務，是存儲在全世界Internet計算機中的數量巨大的網頁的集合，Web中海量的信息是由彼此關聯的網頁組成的。

2.主頁

主頁，英文為Home Page，瀏覽者訪問站點時第一個出現的頁面被稱為主頁。它在站點中起著索引和導航的作用。用戶在訪問web站點時，不用指出主頁的地址和名稱，只要訪問到該站點，WWW服務器會自動提供該站點的主頁，由于它總是最先出現在瀏覽者的眼前，因此主頁是Web站點中最重要的網頁，主頁制作得好壞直接影響站點被訪問的次數。

3.URL

URL即Uniform Resource Locator的縮寫，漢譯為“統一資源定位器”，通俗地說就是網址，每個文件無論以何種方式存在于哪個服務器上，都有一個唯一的URL地址。可見，可把URL看做是一個文件在Internet上的標準通用地址。

4.HTML

HTML是Hypertext Markup Language的縮寫，漢譯為“超文本標記語言”，它是構成網頁的主要工具。在網上，如果要向全球范圍內發布信息，需要有一種能夠被所有的計算機都能夠理解的“母語”。Internet所使用的語言就是HTML語言。

5.域名

域名，是指企業在Internet上的地址，人們可以通過這個地址訪問網站。與現實中通信地址不同的是，INTERNET域名除了按地理位置編排域名之外，還按單位性質分類編排域名。例如，http://www.qqhru.edu中的qqhru.edu就是域名，edu表示該網站屬于教育行業。而 http://www.sina.com.cn 這個網址中，除了表示上述含義外，還表明該公司的地理位置在中國。在全世界，沒有重復的域名，從商界看，域名已被譽為“企業的網上商標”。

6.超鏈接

超鏈接是指從一個網頁指向一個目標的連接關系。這個目標可以是另一個網頁，也可以是相同網頁上的不同位置，還可以是一個圖片、一個電子郵件地址或一個文件，甚至是一個應用程序。而在一個網頁中用來超鏈接的對象，可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片后，鏈接目標將顯示在瀏覽器上，并且根據目標的類型來打開或運行。按照鏈接路徑的不同，網頁中超鏈接一般分為以下3種類型：內部鏈接、錨點鏈接和外部鏈接。

7.HTTP

HTTP協議（HyperText Transfer Protocol，超文本傳輸協議）是用于從WWW服務器傳輸超文本到本地瀏覽器的傳送協議。當我們想瀏覽一個網站的時候，只要在瀏覽器的地址欄里輸入網站的地址就可以了。例如，www.baidu.com，但是在瀏覽器的地址欄里面出現的卻是：http://www.baidu.com，這個 HTTP 就是瀏覽網頁必須使用的協議。瀏覽器通過超文本傳輸協議（HTTP），將Web服務器上站點的網頁代碼提取出來，并翻譯成漂亮的網頁。

8.代理服務器

代理服務器（Proxy Server），是一種代表客戶機轉送服務請求的服務器，為用戶建立Internet連接的程序。簡單說，就是代理網絡用戶去取得網絡信息，或者形象地說，它是網絡數據的中轉站。在一般情況下，我們使用網絡瀏覽器直接去連接其他Internet站點取得網絡數據時，是直接聯系到目的站點服務器，然后由目的站點服務器把數據傳送回來。代理服務器是介于瀏覽器和Web服務器之間的另一臺服務器，有了它之后，瀏覽器不是直接到Web服務器去取回網頁，而是向代理服務器發出請求，數據會先送到代理服務器，由代理服負責器負責取回瀏覽器所需要的數據并傳送給瀏覽器。

9.Web服務器

Web服務器，也稱為WWW（World Wide Web）服務器，其主要功能是提供網上信息瀏覽服務。

10.遠程網站

網站制作完成后，必須上傳到Web服務器上，才能被世界各地的瀏覽者訪問。遠程網站，就是已經上傳到服務器上的網站。

11.本地網站

制作網站時，必須先在自己的計算機上制作。自己計算機上已經制作完成但尚未上傳的網站稱為本地網站。

三、Web標準

Web標準，是一系列標準的集合，即網站建設所采用的標準，一般指網站建設采用基于XHTML語言的網站設計語言，Web標準中典型的應用模式是“css+div”。

四、網站的組成與結構

網站，由網頁、域名和空間組成，它們是網站必不可少的組成部分。網站空間，就是存儲網站的磁盤空間，由專門的服務器或租用的虛擬主機承擔；網頁，即網站的源程序，放在網站空間里面，表現為網站前臺和網站后臺。每個網站由許許多多網頁組成，有的大型網站甚至由數千個頁面組成，頁面之間以超鏈接相關聯。

在Web標準下，網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。對應的網站標準也分三方面：結構化標準語言，主要包括XHTML和XML；表現標準語言，主要包括CSS；行為標準，主要包括對象模型（如W3C DOM）、ECMAScript等。這些標準大部分由W3C組織起草和發布，也有一些標準是其他標準組織制訂的，例如ECMA（European Computer Manufacturers Association）的ECMAScript標準。

五、網站建設工具

網站建設工具主要分為三部分：第一部分是網站前臺開發工具；第二部分是網站后臺開發環境；第三部分是項目管理和輔助軟件。下面分別予以簡要介紹。

1.網站前臺開發工具

網站前臺開發工具，主要是指網站頁面設計（包括網站整體框架建立、常用圖片、Flash動畫設計，等等）所常用的軟件，如Photoshop、Dream Weaver、Flash、Fireworks 等。

（1）圖片工具。網頁中涉及大量的圖片，需要有專門的軟件進行處理，在實際工作中常用的軟件有Photoshop及Firework兩種，相比之下，實際應用中Photoshop使用得更普遍。Photoshop是網頁設計人員必須熟練使用的工具軟件。

（2）動畫工具。網頁動畫制作工具很多，目前廣泛使用的是Flash，這是當前最熱門的網頁動畫制作工具，Flash的出現是網頁設計的一次革命性突破。其特點是用矢量圖代替傳統的點陣圖，而且互動性極強，可以做出很多精彩眩目的效果。

（3）頁面編輯工具。目前常用的網頁編輯工具有DreamWeaver及FrontPage，但廣為使用的是DreamWeaver。DreamWeaver不但極為專業，而且功能強大，掌握十分容易；對瀏覽器的兼容性也特別好。可以說，Dream Weaver 是目前最強大的網頁編輯器！本書將在第四章進行詳細介紹。

2.網站后臺開發工具

網站后臺開發，主要指網站動態程序開發和數據庫建模。網站后臺開發所使用的相關軟件主要有ASP、JSP、PHP、ASP.NET、PowerDesigner（數據庫建模）、Rational Rose（程序建模）。

3.項目管理及輔助軟件

網站的維護管理工具很多，上傳工具是使用最為頻繁的工具，也是每個電子商務網站制作人員必會的工具。上傳工具中，cuteFTP應用得比較廣泛，這個軟件可以方便地將網站文件上傳到服務器空間中，也可以將修改后的網頁重新上傳覆蓋原有網頁，達到網頁維護的目的。