第二節(jié)　網(wǎng)站建設(shè)概述

模塊一：應(yīng)知應(yīng)會(huì)

一、網(wǎng)站建設(shè)的含義

網(wǎng)站建設(shè)，是指應(yīng)用各種網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在互聯(lián)網(wǎng)（Internet）上建立自己的站點(diǎn)并發(fā)布信息。網(wǎng)站是企業(yè)展示自身形象、發(fā)布產(chǎn)品信息、把握市場(chǎng)動(dòng)態(tài)的新平臺(tái)。

二、網(wǎng)站建設(shè)的有關(guān)概念

1.WWW

WWW是World Wide Web的縮寫(xiě)，即環(huán)球信息網(wǎng)，也可以簡(jiǎn)稱(chēng)為Web，中文名字為“萬(wàn)維網(wǎng)”。簡(jiǎn)單地說(shuō)，Web就是網(wǎng)頁(yè)，Web是Internet提供的一種服務(wù)，是存儲(chǔ)在全世界Internet計(jì)算機(jī)中的數(shù)量巨大的網(wǎng)頁(yè)的集合，Web中海量的信息是由彼此關(guān)聯(lián)的網(wǎng)頁(yè)組成的。

2.主頁(yè)

主頁(yè)，英文為Home Page，瀏覽者訪問(wèn)站點(diǎn)時(shí)第一個(gè)出現(xiàn)的頁(yè)面被稱(chēng)為主頁(yè)。它在站點(diǎn)中起著索引和導(dǎo)航的作用。用戶(hù)在訪問(wèn)web站點(diǎn)時(shí)，不用指出主頁(yè)的地址和名稱(chēng)，只要訪問(wèn)到該站點(diǎn)，WWW服務(wù)器會(huì)自動(dòng)提供該站點(diǎn)的主頁(yè)，由于它總是最先出現(xiàn)在瀏覽者的眼前，因此主頁(yè)是Web站點(diǎn)中最重要的網(wǎng)頁(yè)，主頁(yè)制作得好壞直接影響站點(diǎn)被訪問(wèn)的次數(shù)。

3.URL

URL即Uniform Resource Locator的縮寫(xiě)，漢譯為“統(tǒng)一資源定位器”，通俗地說(shuō)就是網(wǎng)址，每個(gè)文件無(wú)論以何種方式存在于哪個(gè)服務(wù)器上，都有一個(gè)唯一的URL地址。可見(jiàn)，可把URL看做是一個(gè)文件在Internet上的標(biāo)準(zhǔn)通用地址。

4.HTML

HTML是Hypertext Markup Language的縮寫(xiě)，漢譯為“超文本標(biāo)記語(yǔ)言”，它是構(gòu)成網(wǎng)頁(yè)的主要工具。在網(wǎng)上，如果要向全球范圍內(nèi)發(fā)布信息，需要有一種能夠被所有的計(jì)算機(jī)都能夠理解的“母語(yǔ)”。Internet所使用的語(yǔ)言就是HTML語(yǔ)言。

5.域名

域名，是指企業(yè)在Internet上的地址，人們可以通過(guò)這個(gè)地址訪問(wèn)網(wǎng)站。與現(xiàn)實(shí)中通信地址不同的是，INTERNET域名除了按地理位置編排域名之外，還按單位性質(zhì)分類(lèi)編排域名。例如，http://www.qqhru.edu中的qqhru.edu就是域名，edu表示該網(wǎng)站屬于教育行業(yè)。而 http://www.sina.com.cn 這個(gè)網(wǎng)址中，除了表示上述含義外，還表明該公司的地理位置在中國(guó)。在全世界，沒(méi)有重復(fù)的域名，從商界看，域名已被譽(yù)為“企業(yè)的網(wǎng)上商標(biāo)”。

6.超鏈接

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

7.HTTP

HTTP協(xié)議（HyperText Transfer Protocol，超文本傳輸協(xié)議）是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議。當(dāng)我們想瀏覽一個(gè)網(wǎng)站的時(shí)候，只要在瀏覽器的地址欄里輸入網(wǎng)站的地址就可以了。例如，www.baidu.com，但是在瀏覽器的地址欄里面出現(xiàn)的卻是：http://www.baidu.com，這個(gè) HTTP 就是瀏覽網(wǎng)頁(yè)必須使用的協(xié)議。瀏覽器通過(guò)超文本傳輸協(xié)議（HTTP），將Web服務(wù)器上站點(diǎn)的網(wǎng)頁(yè)代碼提取出來(lái)，并翻譯成漂亮的網(wǎng)頁(yè)。

8.代理服務(wù)器

代理服務(wù)器（Proxy Server），是一種代表客戶(hù)機(jī)轉(zhuǎn)送服務(wù)請(qǐng)求的服務(wù)器，為用戶(hù)建立Internet連接的程序。簡(jiǎn)單說(shuō)，就是代理網(wǎng)絡(luò)用戶(hù)去取得網(wǎng)絡(luò)信息，或者形象地說(shuō)，它是網(wǎng)絡(luò)數(shù)據(jù)的中轉(zhuǎn)站。在一般情況下，我們使用網(wǎng)絡(luò)瀏覽器直接去連接其他Internet站點(diǎn)取得網(wǎng)絡(luò)數(shù)據(jù)時(shí)，是直接聯(lián)系到目的站點(diǎn)服務(wù)器，然后由目的站點(diǎn)服務(wù)器把數(shù)據(jù)傳送回來(lái)。代理服務(wù)器是介于瀏覽器和Web服務(wù)器之間的另一臺(tái)服務(wù)器，有了它之后，瀏覽器不是直接到Web服務(wù)器去取回網(wǎng)頁(yè)，而是向代理服務(wù)器發(fā)出請(qǐng)求，數(shù)據(jù)會(huì)先送到代理服務(wù)器，由代理服負(fù)責(zé)器負(fù)責(zé)取回瀏覽器所需要的數(shù)據(jù)并傳送給瀏覽器。

9.Web服務(wù)器

Web服務(wù)器，也稱(chēng)為WWW（World Wide Web）服務(wù)器，其主要功能是提供網(wǎng)上信息瀏覽服務(wù)。

10.遠(yuǎn)程網(wǎng)站

網(wǎng)站制作完成后，必須上傳到Web服務(wù)器上，才能被世界各地的瀏覽者訪問(wèn)。遠(yuǎn)程網(wǎng)站，就是已經(jīng)上傳到服務(wù)器上的網(wǎng)站。

11.本地網(wǎng)站

制作網(wǎng)站時(shí)，必須先在自己的計(jì)算機(jī)上制作。自己計(jì)算機(jī)上已經(jīng)制作完成但尚未上傳的網(wǎng)站稱(chēng)為本地網(wǎng)站。

三、Web標(biāo)準(zhǔn)

Web標(biāo)準(zhǔn)，是一系列標(biāo)準(zhǔn)的集合，即網(wǎng)站建設(shè)所采用的標(biāo)準(zhǔn)，一般指網(wǎng)站建設(shè)采用基于XHTML語(yǔ)言的網(wǎng)站設(shè)計(jì)語(yǔ)言，Web標(biāo)準(zhǔn)中典型的應(yīng)用模式是“css+div”。

四、網(wǎng)站的組成與結(jié)構(gòu)

網(wǎng)站，由網(wǎng)頁(yè)、域名和空間組成，它們是網(wǎng)站必不可少的組成部分。網(wǎng)站空間，就是存儲(chǔ)網(wǎng)站的磁盤(pán)空間，由專(zhuān)門(mén)的服務(wù)器或租用的虛擬主機(jī)承擔(dān)；網(wǎng)頁(yè)，即網(wǎng)站的源程序，放在網(wǎng)站空間里面，表現(xiàn)為網(wǎng)站前臺(tái)和網(wǎng)站后臺(tái)。每個(gè)網(wǎng)站由許許多多網(wǎng)頁(yè)組成，有的大型網(wǎng)站甚至由數(shù)千個(gè)頁(yè)面組成，頁(yè)面之間以超鏈接相關(guān)聯(lián)。

在Web標(biāo)準(zhǔn)下，網(wǎng)頁(yè)主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對(duì)應(yīng)的網(wǎng)站標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言，主要包括XHTML和XML；表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言，主要包括CSS；行為標(biāo)準(zhǔn)，主要包括對(duì)象模型（如W3C DOM）、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C組織起草和發(fā)布，也有一些標(biāo)準(zhǔn)是其他標(biāo)準(zhǔn)組織制訂的，例如ECMA（European Computer Manufacturers Association）的ECMAScript標(biāo)準(zhǔn)。

五、網(wǎng)站建設(shè)工具

網(wǎng)站建設(shè)工具主要分為三部分：第一部分是網(wǎng)站前臺(tái)開(kāi)發(fā)工具；第二部分是網(wǎng)站后臺(tái)開(kāi)發(fā)環(huán)境；第三部分是項(xiàng)目管理和輔助軟件。下面分別予以簡(jiǎn)要介紹。

1.網(wǎng)站前臺(tái)開(kāi)發(fā)工具

網(wǎng)站前臺(tái)開(kāi)發(fā)工具，主要是指網(wǎng)站頁(yè)面設(shè)計(jì)（包括網(wǎng)站整體框架建立、常用圖片、Flash動(dòng)畫(huà)設(shè)計(jì)，等等）所常用的軟件，如Photoshop、Dream Weaver、Flash、Fireworks 等。

（1）圖片工具。網(wǎng)頁(yè)中涉及大量的圖片，需要有專(zhuān)門(mén)的軟件進(jìn)行處理，在實(shí)際工作中常用的軟件有Photoshop及Firework兩種，相比之下，實(shí)際應(yīng)用中Photoshop使用得更普遍。Photoshop是網(wǎng)頁(yè)設(shè)計(jì)人員必須熟練使用的工具軟件。

（2）動(dòng)畫(huà)工具。網(wǎng)頁(yè)動(dòng)畫(huà)制作工具很多，目前廣泛使用的是Flash，這是當(dāng)前最熱門(mén)的網(wǎng)頁(yè)動(dòng)畫(huà)制作工具，F(xiàn)lash的出現(xiàn)是網(wǎng)頁(yè)設(shè)計(jì)的一次革命性突破。其特點(diǎn)是用矢量圖代替?zhèn)鹘y(tǒng)的點(diǎn)陣圖，而且互動(dòng)性極強(qiáng)，可以做出很多精彩眩目的效果。

（3）頁(yè)面編輯工具。目前常用的網(wǎng)頁(yè)編輯工具有DreamWeaver及FrontPage，但廣為使用的是DreamWeaver。DreamWeaver不但極為專(zhuān)業(yè)，而且功能強(qiáng)大，掌握十分容易；對(duì)瀏覽器的兼容性也特別好。可以說(shuō)，Dream Weaver 是目前最強(qiáng)大的網(wǎng)頁(yè)編輯器！本書(shū)將在第四章進(jìn)行詳細(xì)介紹。

2.網(wǎng)站后臺(tái)開(kāi)發(fā)工具

網(wǎng)站后臺(tái)開(kāi)發(fā)，主要指網(wǎng)站動(dòng)態(tài)程序開(kāi)發(fā)和數(shù)據(jù)庫(kù)建模。網(wǎng)站后臺(tái)開(kāi)發(fā)所使用的相關(guān)軟件主要有ASP、JSP、PHP、ASP.NET、PowerDesigner（數(shù)據(jù)庫(kù)建模）、Rational Rose（程序建模）。

3.項(xiàng)目管理及輔助軟件

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