1.1 Web簡介

Web（World Wide Web，WWW）翻譯為中文就是全球廣域網或萬維網，俗稱網站（WebSite），它是一種基于超文本（Hyper Text）、超媒體（Hypermedia）、超文本傳輸協議（HTTP），建立在Internet上的分布式信息服務系統。普通用戶可通過在瀏覽器中輸入網址（Website Address）訪問對應網站。

1.網站

如圖1.1所示，新浪網是大家非常熟悉的一個網站，該網站為訪問者提供了各種各樣的信息發布欄目及個人微博共享平臺，也提供了大量的廣告信息。人們通過自家電腦的瀏覽器（Brower）就可以輕松訪問該網站。

作為本書的讀者，大家不僅要做到簡單地訪問一個網站，還要深入了解網站實現的技術原理，掌握技術內容，自己構建網站。

下面介紹3個與網站相關的基本概念。

（1）超文本

超文本（Hyper Text）主要是指帶有超鏈接或特定文本組織格式的電子文檔。如網頁在顯示相應格式內容的同時，可以內嵌其他網頁的鏈接，單擊一下就可以進入其他網頁。

網頁的主要超文本格式采用HTML、HTML5等。在新浪網站中隨意打開一個網頁，單擊鼠標右鍵，選擇彈出菜單中的“查看網頁源代碼”選項，就可以看到相應的超文本格式代碼，如圖1.2所示。關于HTML代碼編寫的相關內容，我們將在2.1節介紹。

（2）超媒體

超媒體（Hypermedia）是超文本和多媒體在瀏覽器環境下的結合，為瀏覽的網頁提供了圖片、動畫、聲音、視頻等效果。實現過程是，將上述媒體文件以超文本指定格式鏈接到網頁上，并展示出來。

（3）超文本傳輸協議

超文本傳輸協議（HyperText Transfer Protocol，HTTP）是瀏覽器訪問網站時的簡單請求、響應協議。通過該協議，瀏覽器端可以發送訪問信息到網站，網站再將相應的網頁信息發送回瀏覽器端，完成信息傳輸過程。

在瀏覽器中通過網址訪問網站的過程，實質上是發送HTTP請求的過程，HTTP請求方式有9種，如表1.1所示。

表1.1中最常用的請求方式為GET、POST，是開發者需要重點關注的對象。

例如，在新浪網首頁上單擊一個網頁鏈接，可以看作一次GET請求的發生，它根據HTTP在網站處獲取指定的數據（如另外一個帶數據的網頁），并將數據返回瀏覽器，通過網頁跳轉在新界面上將其顯示出來。

又如，在新浪網的用戶登錄界面輸入用戶名、密碼并提交數據給網站，這個過程涉及的請求方式是POST，提交成功后返回成功狀態數據，轉入登錄成功界面。

2.網站的構成

網站由一個個網頁（Web Page）構成。因此，程序員需要設計各種各樣的網頁，然后通過網站框架將它們組織起來，供不同的用戶使用。

從程序員或網站管理員的角度，網站有前端和后端之分。

前端就是通過瀏覽器可以訪問的網頁功能和內容，主要面向網站訪問者；后端是信息發布管理系統，功能包括登錄網站用戶信息的管理、使用功能權限的管理、欄目信息的編輯與發布、發布內容的統計、網站訪問量統計等。

3.Internet

Internet的中文翻譯為因特網，也稱國際互聯網，是將全球各大洲的主要網絡連接在一起提供信息共享與服務的世界最大的信息資源網絡。

Internet主要由通信鏈路、大量的服務器（如DNS服務器、Web服務器）、路由設備、信息軟件（網站、瀏覽器、通信社交軟件等）、個人終端組成，如圖1.3所示。

（1）通信鏈路包括有線鏈路、無線鏈路。有線鏈路如國際跨洋海底光纜、國家骨干光纖通道、城市光纖通道、小區樓宇通信線路等；無線鏈路包括衛星通信鏈路、無線通信發送站、家庭無線網絡等。這些都是保證數據順利傳輸的渠道。

（2）服務器是用于安裝網站等互聯網軟件系統的專職計算機，也是程序員對開發好的網站進行部署并運行的實際位置。服務器可以存儲海量的信息數據，包括各種文件、數據庫等。另外，DNS（Domain Name Server，域名服務器）會提供域名并統一管理IP地址轉換。

域名（Domain Name）又叫網域，用點分隑，表示Internet上某一臺服務器或服務器組的名稱，用于在數據傳輸時對服務器進行定位標識，其格式為www.＜用戶名＞.＜二級域名＞.＜一級域名＞。

例如，新浪網的域名為www.sina.com.cn，“www”代表萬維網，“sina”為用戶名，“com”為二級域名，“cn”為一級域名，它們之間用點分隔。“com”用于工商金融企業，“cn”代表中國，是China的縮寫。由此，部署完成的網站要正式運行，必須先向域名服務商申請域名。

（3）路由設備是普通用戶通過瀏覽器訪問不同網站的服務器，可提供網址搜尋、轉發數據的功能。

（4）信息軟件在本書中就是指網站。

（5）個人終端主要包括臺式電腦及瀏覽器、手機終端及瀏覽器、平板電腦及瀏覽器等。

4.URL

URL（Uniform Resource Locator，資源定位符）是指讀者在網站中單擊的具體鏈接資源的完整網址，如圖1.4所示。URL代表一個網站上資源的詳細地址，一個資源對應一個唯一的地址。例如，要想訪問網站中的一張圖片，該圖片具有一個唯一的URL。

完整的URL由協議、主機名（或主機IP地址加端口號）、資源相對路徑組成，其格式定義如下。

（1）協議：這里是指超文本傳輸安全協議HTTPS。

（2）主機名：這里指“baike.baidu.com/”，在Web項目開發過程中，一般指向具體的IP地址加端口號。

（3）資源相對路徑：這里指“item/網址/1486574?fr=aladdin”，指向具體的網頁，其中可以包含參數，如“?fr=aladdin”“?id=1”“?id=2”等，用于增加URL指向資源的靈活性。為了方便后續介紹Django、Vue.js資源設置及使用，本書提到的“URL”都指“資源相對路徑”。