1.1 Web簡介

對于網(wǎng)頁設(shè)計開發(fā)者而言，在動手制作網(wǎng)頁之前，應(yīng)該先了解Web的基礎(chǔ)知識。

1.1.1 WWW和瀏覽器的基本概念

WWW是World Wide Web的縮寫，又稱3W或Web，中文譯名為“萬維網(wǎng)”。它作為應(yīng)用于Internet的新一代用戶界面，摒棄了以往純文本方式的信息交互手段，采用超文本（Hypertext）方式工作。利用該技術(shù)可以為企業(yè)提供全球范圍的多媒體信息服務(wù)，使企業(yè)獲取信息的手段有了根本性的改善，與之密切相關(guān)的是瀏覽器（Browser）。

瀏覽器實(shí)際上就是用于網(wǎng)上瀏覽的應(yīng)用程序，其主要作用是顯示網(wǎng)頁和解釋腳本。對多數(shù)設(shè)計者而言，不需要知道有關(guān)瀏覽器實(shí)現(xiàn)的技術(shù)細(xì)節(jié)，只要知道如何熟練掌握和使用它即可。用戶只需要操作鼠標(biāo)，就可以得到來自世界各地的文檔、圖片或視頻等信息。

瀏覽器種類很多，目前常用的有Google的Chrome、Microsoft的Edge、Mozilla的Firefox、Opera、Apple的Safari瀏覽器等。

瀏覽器的核心部分是Rendering Engine（渲染引擎），一般稱為“瀏覽器內(nèi)核”，負(fù)責(zé)對網(wǎng)頁語法（如HTML、JavaScript）進(jìn)行解釋并渲染（顯示）網(wǎng)頁。不同的瀏覽器內(nèi)核對網(wǎng)頁編寫語法的解釋會有所不同，因此同一網(wǎng)頁在不同內(nèi)核的瀏覽器里的渲染效果也可能不同。這正是網(wǎng)頁編寫者需要在不同內(nèi)核的瀏覽器中測試網(wǎng)頁顯示效果的原因。現(xiàn)在主流瀏覽器采用的內(nèi)核見表1-1。

1.1.2 URL

URL（Universal Resource Locator，統(tǒng)一資源定位器）就是Web地址，俗稱“網(wǎng)址”。Internet上的每一個網(wǎng)頁都具有一個唯一的名稱標(biāo)識，通常稱之為URL地址。這種地址可以指向本地磁盤，也可以指向局域網(wǎng)上的某一臺計算機(jī)，但更多地指向Internet上的站點(diǎn)。URL的基本結(jié)構(gòu)如下所示。

其中各部分的含義如下所述。

1.通信協(xié)議

通信協(xié)議是指URL所鏈接的網(wǎng)絡(luò)服務(wù)的性質(zhì)，如HTTP代表超文本傳輸協(xié)議，F(xiàn)TP代表文件傳輸協(xié)議等。

2.服務(wù)器名稱

服務(wù)器名稱是指提供服務(wù)的主機(jī)的名稱。冒號后面的數(shù)字是通信端口編號，可有可無。這個編號用來告訴HTTP服務(wù)器的TCP/IP軟件該打開哪一個通信端口。因為一臺計算機(jī)常常會同時作為Web、FTP等服務(wù)器使用，為便于區(qū)別，每種服務(wù)器要對應(yīng)一個通信端口。

3.文件夾與文件名

文件夾是存放文件的地方，如果是多級文件目錄，必須依次指定各級文件夾，直到找到文件所在的位置。文件名是指包括文件名與擴(kuò)展名在內(nèi)的完整名稱。

1.1.3 超文本

超文本技術(shù)是一種把信息根據(jù)需要鏈接起來的信息管理技術(shù)。用戶可以通過一個文本的鏈接指針打開另一個相關(guān)的文本。只要單擊頁面中的超鏈接（通常是帶下畫線的條目或圖片），便可跳轉(zhuǎn)到新的頁面或另一位置以獲得相關(guān)的信息。

超鏈接是內(nèi)嵌在文本或圖像中的。文本超鏈接在瀏覽器中通常帶有下畫線，只有當(dāng)用戶的鼠標(biāo)指向它時，指針才會變成手指形狀。

1.1.4 超文本標(biāo)記語言HTML

網(wǎng)頁是WWW的基本文檔，它是用HTML（HyperText Markup Language，超文本標(biāo)記語言）編寫的。HTML嚴(yán)格來說并不是一種標(biāo)準(zhǔn)的編程語言，它只是一些能讓瀏覽器看懂的標(biāo)記。當(dāng)網(wǎng)頁中包含正常文本和HTML標(biāo)記時，瀏覽器會“翻譯”由這些HTML標(biāo)記提供的網(wǎng)頁結(jié)構(gòu)、外觀和內(nèi)容等信息，從而將網(wǎng)頁按設(shè)計者的要求顯示出來。圖1-1所示是顯示在Windows“記事本”程序中用HTML編寫的網(wǎng)頁源代碼，圖1-2所示是該源代碼經(jīng)過瀏覽器“翻譯”后顯示的網(wǎng)頁畫面。

1.1.5 HTTP

HTTP（HyperText Transfer Protocol，超文本傳輸協(xié)議）是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議，用于傳送WWW方式的數(shù)據(jù)。當(dāng)用戶想瀏覽一個網(wǎng)站的時候，只要在瀏覽器的地址欄里輸入網(wǎng)站的地址就可以了，例如www.baidu.com，在瀏覽器的地址欄里出現(xiàn)的是http://www.baidu.com。

HTTP采用了請求/響應(yīng)模型。客戶端向服務(wù)器發(fā)送一個請求，請求頭包含請求的方法、URI（Uniform Resource Identifier，統(tǒng)一資源標(biāo)識符）、協(xié)議版本，以及包含請求修飾符、客戶信息和內(nèi)容的類似于MIME（Multipurpose Internet Mail Extensions，多用途互聯(lián)網(wǎng)郵件擴(kuò)展類型）的消息結(jié)構(gòu)。服務(wù)器以一個狀態(tài)行作為響應(yīng)，內(nèi)容包括消息協(xié)議的版本、服務(wù)器信息、實(shí)體元信息以及可能的實(shí)體內(nèi)容。