人機交互與界面設(shè)計-第2章

第2章Web應(yīng)用基礎(chǔ)

2023/2/41內(nèi)容2.1什么是Web2.2Web的工作原理2.3Internet網(wǎng)絡(luò)協(xié)議2.4IP地址、域名和URL2.5動態(tài)網(wǎng)頁設(shè)計技術(shù)簡介2023/2/422.1什么是Web

Web全稱為WorldWideWeb，縮寫為WWW。也稱環(huán)球網(wǎng)、萬維網(wǎng)、全球信息網(wǎng)等。

Web是一種體系結(jié)構(gòu)，通過它可以訪問分布于Internet主機上的鏈接文檔。它有如下幾層含義：

Web是Internet提供的一種服務(wù)。Web不是Internet，Web是基于Internet、采用Internet協(xié)議的一種體系結(jié)構(gòu)。Web是存儲在全世界Internet計算機中、數(shù)量巨大的文檔的集合。Web上的海量信息是由彼此關(guān)聯(lián)的頁面（Page）組成的。2023/2/432.1什么是WebWeb的內(nèi)容保存在Web站點（Web服務(wù)器）中，用戶可通過瀏覽器訪問Web站點。Web以一些簡單的操作方式（如單擊鼠標）連接全球范圍的超媒體信息。2023/2/442.1什么是Web幾個概念：超鏈接（hyperlink）：是指從一個網(wǎng)頁指向一個目標的連接關(guān)系，這個目標可以是另一個網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應(yīng)用程序。超文本（hypertext）：用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。超媒體（hypermedia）：超媒體是超文本和多媒體在信息瀏覽環(huán)境下的結(jié)合。用戶可以通過鏈接激活一段聲音，顯示一個圖形，甚至播放一段動畫。2023/2/452.1什么是WebWeb的特點:（1）Web是一種超文本信息系統(tǒng)。（2）Web是圖形化的和易于導(dǎo)航的。（3）Web與平臺無關(guān)。（4）Web是分布式的。（5）Web具有新聞性。（6）Web是動態(tài)的、交互的。2023/2/462.2Web的工作原理

瀏覽器/服務(wù)器（Browser/Server，B/S）結(jié)構(gòu)客戶端瀏覽器瀏覽器是一種特定格式的文檔閱讀器，能根據(jù)網(wǎng)頁內(nèi)容對網(wǎng)頁中的標記進行解釋顯示，并執(zhí)行網(wǎng)頁中包含的客戶端腳本程序。Web服務(wù)器指安裝了Web服務(wù)程序的計算機；指Web服務(wù)器程序，可以管理各種Web文件，并為提出HTTP請求的瀏覽器提供響應(yīng)。數(shù)據(jù)庫服務(wù)器

2023/2/47Web的基本工作原理圖2.2Web的工作原理客戶機/服務(wù)器（Client/Server，C/S）結(jié)構(gòu)客戶機服務(wù)器

Web服務(wù)器的配置配置服務(wù)器操作系統(tǒng)

UNIX、WindowsServer、Linux等網(wǎng)絡(luò)操作系統(tǒng)安裝專門的信息服務(wù)器程序IIS（InternetInformationServer）、Apache等2023/2/48

Web服務(wù)器提供服務(wù)的過程：用戶在瀏覽器中輸入一個網(wǎng)址，瀏覽器便向該網(wǎng)址所指向的Web服務(wù)器發(fā)出請求。Web服務(wù)器接到瀏覽器的請求后，把網(wǎng)址轉(zhuǎn)換成頁面所在服務(wù)器的文件路徑名。如果網(wǎng)址指向的是普通的HTML文檔，Web服務(wù)器將直接把它傳送給瀏覽器。HTML文檔中可能包含用Java、JavaScript、ActiveX、VBScript等編寫的程序，服務(wù)器也將它們隨HTML文檔一起傳送到瀏覽器，在瀏覽器所在的機器上執(zhí)行。如果HTML文檔中嵌有ASP程序，那么Web服務(wù)器就運行ASP程序，并將結(jié)果返回給瀏覽器。2023/2/492.2Web的工作原理客戶端編程客戶端編程就是客戶端瀏覽器下載服務(wù)器上的程序來執(zhí)行有關(guān)動態(tài)服務(wù)工作。程序員把客戶端代碼編寫到HTML文件中。當(dāng)用戶提出對某個網(wǎng)頁的請求時，這些客戶端代碼和HTML文件代碼一起返回提出請求的瀏覽器。程序在客戶端瀏覽器上執(zhí)行。常見的客戶端編程技術(shù)VBScriptJavaScriptJavaapplet等。2023/2/4102.2Web的工作原理服務(wù)器端編程程序員將編寫的代碼保存在服務(wù)器上。當(dāng)用戶提出對某個網(wǎng)頁的請求時，這個請求所要訪問的頁面代碼都在服務(wù)器端執(zhí)行，并把執(zhí)行結(jié)果以HTML文件代碼的形式傳回瀏覽器，這樣瀏覽器接收的只是程序執(zhí)行的結(jié)果。常見的服務(wù)器端編程技術(shù)PHPJSPASPASP.NET2023/2/4112.2Web的工作原理2.3Internet網(wǎng)絡(luò)協(xié)議

TCP/IP協(xié)議TCP/IP協(xié)議是一個協(xié)議集，其中最重要的是TCP（TransmissionControlProtocol）協(xié)議和IP（InternetProtocol）協(xié)議。

TCP/IP參考模型與OSI參考模型的對照

2023/2/412

2.3Internet網(wǎng)絡(luò)協(xié)議TCP/IP協(xié)議采用的通信方式是分包交換方式。所謂分包交換即是數(shù)據(jù)在傳輸時要分成若干段，每個數(shù)據(jù)段稱為一個分包（packet）。TCP/IP的基本傳輸單位是數(shù)據(jù)報（datagram）?？梢园褦?shù)據(jù)看成是一封長信，分裝在幾個信封中郵寄出去。TCP/IP協(xié)議實際上主要包括兩個最主要的協(xié)議，即TCP協(xié)議和IP協(xié)議。13

2.3Internet網(wǎng)絡(luò)協(xié)議TCP/IP協(xié)議的數(shù)據(jù)傳輸過程：首先由TCP協(xié)議把數(shù)據(jù)分成若干數(shù)據(jù)報，給每個數(shù)據(jù)報加上一個TCP信封（即報頭），上面寫著數(shù)據(jù)報的編號，以便在接收端把數(shù)據(jù)還原成原來的格式。IP協(xié)議把每個TCP信封再套上一個IP信封，在上面寫上接收主機的地址。一旦準備好IP信封就可以在物理網(wǎng)上傳送數(shù)據(jù)了。

14

2.3Internet網(wǎng)絡(luò)協(xié)議這些IP信封可以通過不同的傳輸途徑（路由）進行傳輸。由于路徑不同，再加上其他以外的原因，可能出現(xiàn)順序顛倒、數(shù)據(jù)丟失、數(shù)據(jù)失真等現(xiàn)象。這些問題都由TCP協(xié)議來處理，它具有檢查和處理錯誤的功能，必要時還可以請求發(fā)送方重發(fā)。

簡言之，IP協(xié)議負責(zé)數(shù)據(jù)的傳輸，而TCP協(xié)議負責(zé)數(shù)據(jù)傳輸?shù)目煽總鬏敗?/p>

152.3Internet網(wǎng)絡(luò)協(xié)議HTTP協(xié)議

HTTP（HyperTextTransferProtocol）專門為Web設(shè)計的協(xié)議應(yīng)用層協(xié)議以TCP/IP協(xié)議集中的其他協(xié)議為基礎(chǔ)Web瀏覽器和服務(wù)器用HTTP協(xié)議來傳輸Web文檔HTTP基于客戶端請求、服務(wù)器響應(yīng)的工作模式

Web事務(wù)處理的步驟客戶端與服務(wù)器建立連接；客戶端向服務(wù)器提出請求；如果請求被接受，則服務(wù)器送回響應(yīng)，在響應(yīng)中包括狀態(tài)碼和所需的文件；客戶端和服務(wù)器斷開連接。

2023/2/416作用：使用戶主機連入Internet上的Telnet服務(wù)器（稱為遠程主機）。

連接成功后，用戶主機就成為該遠程主機的一個終端，可以訪問遠程主機上的信息或運行遠程主機上的程序。用戶使用遠程主機的兩種情況：需要賬號才能登錄不需要賬號即可登錄（開放式的）遠程登錄協(xié)議Telnet2.3Internet網(wǎng)絡(luò)協(xié)議2023/2/417文件傳輸協(xié)議FTP

FTP（FileTransferProtocol）是一個客戶-服務(wù)器協(xié)議，用于在兩臺計算機之間傳輸文件。FTP既是一種文件傳輸協(xié)議，也是一種服務(wù)。提供FTP服務(wù)的設(shè)施叫做FTP服務(wù)器。

匿名FTP服務(wù)器用戶無須擁有口令和用戶名就能與匿名FTP服務(wù)器實現(xiàn)連接并復(fù)制文件。2.3Internet網(wǎng)絡(luò)協(xié)議2023/2/4182.4IP地址、域名和URL2.4.1

IP地址

IP地址是識別Internet中主機及網(wǎng)絡(luò)設(shè)備的唯一標識。

每個IP地址長度為4B（字節(jié)），共32位

IP地址由兩部分組成：

網(wǎng)絡(luò)地址

主機地址點分十進制記法：

由4個用“.”分隔的十進制數(shù)組成

每個數(shù)不大于255

如20219.106.2532023/2/419IP地址可分成5類，其中常用的是如下3類：A類：用于規(guī)模很大、主機數(shù)目非常多的網(wǎng)絡(luò)。A類地址允許組成126個網(wǎng)絡(luò)，每個網(wǎng)絡(luò)可包含1700萬臺主機。B類：用于中型和大型網(wǎng)絡(luò)。B類地址允許組成16384個網(wǎng)絡(luò)，每個網(wǎng)絡(luò)可包含65000臺主機。C類：用于小型本地網(wǎng)絡(luò)（LAN）。2.4.1

IP地址2.4IP地址、域名和URL2023/2/420net-id24位host-id24位net-id16位net-id8位IP地址中的網(wǎng)絡(luò)號字段和主機號字段0A類地址host-id16位B類地址C類地址011host-id8位D類地址1

1

1

0多播地址E類地址保留為今后使用1

1

1

101TCP/IP協(xié)議中提供了域名服務(wù)系統(tǒng)（DNS），允許為主機分配字符名稱，即域名。域名不僅便于記憶，而且即使在IP地址發(fā)生變化的情況下，通過改變解析對應(yīng)關(guān)系，域名仍可保持不變。在網(wǎng)絡(luò)通信時由DNS自動實現(xiàn)域名與IP地址的轉(zhuǎn)換。

域是名字空間中一個可被管理的劃分，域還可以繼續(xù)劃分為子域，如二級域

、三級域等。Internet中的域名采用分級命名，其基本結(jié)構(gòu)如下：….三級域名.二級域名.頂級域名

2.4.2域名2.4IP地址、域名和URL2023/2/422

2.4IP地址、域名和URL域名的命名機制一個域名可由幾個部分（子域名）組成，按照從自身向上至頂層域的路徑命名，中間用圓點“.”分隔。每個子域名都有其特定的含義。其中最重要的頂級域在右邊，最左邊是主機名，中間為子域名。從右到左，子域名分別表示不同地區(qū)或國家名稱、組織類型、組織名稱、分組織名稱和計算機名稱等。如：

其中：cn：中國

edu：教育機構(gòu)

nwpu：一個學(xué)校的名稱

ncti：該學(xué)校中一個系或研究所的名稱2.4IP地址、域名和URL域名的定義:域名是層次化的，成樹狀結(jié)構(gòu)（倒掛樹），名稱的最右邊節(jié)點在樹的上層，左邊節(jié)點則在下層。其結(jié)構(gòu)為：根在根下的頂級（top）域名在某個頂級域名下的第二級域名在某個第二級域名下的第三級域名葉：主機域名robotyalecsenglindaai根一般域名國家域名intcomedu

govmilorgnetjp……uscnsunengeduuestcmail常用根區(qū)域名稱及說明根區(qū)域名稱所屬組織或單位EDU教育學(xué)術(shù)及研究機構(gòu)COM商業(yè)團體與組織GOV官方政府單位MIL國防軍事單位ORG財團法人、基金會等非官方機構(gòu)NET網(wǎng)絡(luò)管理服務(wù)機構(gòu)INT國際性組織2.4IP地址、域名和URL2.4.3統(tǒng)一資源定位器URL定義：統(tǒng)一資源定位器URL（UniformResourceLocator）就是我們常說的“網(wǎng)址”或URL地址。URL可以看成是一個指針，用來指定因特網(wǎng)上的一個具體的網(wǎng)絡(luò)空間，使得用戶可以用一個統(tǒng)一的方法去尋找和存取Web上的信息資源。包括的信息：①怎樣去檢索文檔；②從哪臺計算機上檢索；③在哪臺計算機上哪個文件夾（路徑）可找到需要的文檔；統(tǒng)一資源定位器URL的格式如下：<信息服務(wù)類型>://<信息資源地址>/<文件路徑><信息服務(wù)類型>是指Internet的協(xié)議名，包括ftp（文件傳輸協(xié)議）、http（超文本傳輸協(xié)議）等。<信息資源地址>指定一個網(wǎng)絡(luò)主機的域名或IP地址。在有些情況下，主機域名后還要加上端口號，域名與端口號之間用冒號（:）隔開。一般情況下，服務(wù)器程序采用標準的保留端口號，因此在URL輸入中可省略它們。

2.4.3統(tǒng)一資源定位器URL

2.4IP地址、域名和URL2023/2/427以下是一些URL的例子：http://http://telnet://:70ftp:///pub/www/docgopher://（gopher提供信息查詢服務(wù)）news://comp.sys.novell（news提供網(wǎng)絡(luò)新聞服務(wù)）wais:///directory-of-servers

（提供檢索數(shù)據(jù)庫信息服務(wù)）2.4.3統(tǒng)一資源定位器URL

2.4IP地址、域名和URL2023/2/4282.5動態(tài)網(wǎng)頁設(shè)計技術(shù)簡介ASP（ActiveServerPages）是一種功能強大的服務(wù)器端腳本編程環(huán)境。ASP是微軟公司的產(chǎn)品。

ASP可以結(jié)合HTML網(wǎng)頁、ASP指令和ActiveX組件建立動態(tài)、交互且高效的Web服務(wù)器應(yīng)用程序。ASP中的命令和Script語句由服務(wù)器解釋執(zhí)行。ASP是基于ActiveX技術(shù)的，它支持面向?qū)ο蠹翱蓴U展的ActiveXServer組件。程序員可以用VisualC++、VisualBasic等語言創(chuàng)建特定功能的服務(wù)器端組件，以擴展ASP的應(yīng)用功能。2.5.1ASP2023/2/4292.5動態(tài)網(wǎng)頁設(shè)計技術(shù)簡介ASP具有如下一些特點：（1）全嵌入HTML，與HTML及Script語言完美結(jié)合。（2）無須手動編譯或鏈接程序。（3）面向?qū)ο?，并可擴展ActiveXServer組件功能。（4）存取數(shù)據(jù)庫輕松容易（使用ADO組件）。（5）可使用任何語言編寫自己的ActiveXServer組件。（6）無瀏覽器兼容問題。（7）程序代碼隱蔽，在客戶端僅可看到由ASP輸出的動態(tài)HTML文件。2.5.1ASP（續(xù)）2023/2/4302.5動態(tài)網(wǎng)頁設(shè)計技術(shù)簡介ASP的優(yōu)點：（1）客戶端瀏覽器接收到的是Web服務(wù)器執(zhí)行后生成的一個純粹的HTML文件，可被運行在任何平臺上的瀏覽器執(zhí)行。（2）ASP的腳本程序在服務(wù)器端執(zhí)行，保證了程序代碼的安全性。（3）程序執(zhí)行完畢后，服務(wù)器僅將程序執(zhí)行的結(jié)果返回給客戶端瀏覽器，減輕了網(wǎng)絡(luò)傳輸?shù)呢摀?dān)。2.5.1ASP（續(xù)）2023/2/4312.5動態(tài)網(wǎng)頁設(shè)計技術(shù)簡介PHP（HypertextPreprocessor，超文本預(yù)處理器）是一種跨平臺的服務(wù)器端嵌入式腳本語言。它是一種易于學(xué)習(xí)和使用的服務(wù)器端腳本語言，嵌入HTML文件，大量地借用C、Java和Perl語言的語法，并耦合PHP本身的特性，形成了自己的獨特風(fēng)格。PHP支持目前絕大多數(shù)的數(shù)據(jù)庫，Web開發(fā)者使用PHP能夠快速地寫出生成動態(tài)網(wǎng)頁的腳本代碼。PHP是完全免費的，可以從PHP官方網(wǎng)站（）自由下載，可以不受限制地獲得源代碼，并可加入自己需要的功能。

2.5.2PHP2023/2/4322.5動態(tài)網(wǎng)頁設(shè)計技術(shù)簡介JSP（JavaServerPages）是Sun公