人機(jī)交互與界面設(shè)計(jì)_第2章

1、人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2021-7-211人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)內(nèi)容內(nèi)容2.1 什么是什么是Web2.2 Web的工作原理的工作原理2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議2.4 IP地址、域名和地址、域名和URL2.5 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介2021-7-212人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.1 什么是什么是Web Web 全稱為全稱為World Wide Web，縮寫為，縮寫為WWW。也稱環(huán)球網(wǎng)、。也稱環(huán)球網(wǎng)、萬維網(wǎng)、全球信息網(wǎng)等。萬維網(wǎng)、全球信息網(wǎng)等。 Web是一種體系結(jié)構(gòu)是一種體系結(jié)構(gòu)，通過它可以訪問分布于，通過它可以訪問分布于In

2、ternet主機(jī)上主機(jī)上的鏈接文檔。它有如下幾層含義：的鏈接文檔。它有如下幾層含義： Web是是Internet提供的一種服務(wù)。提供的一種服務(wù)。 Web不是不是Internet，Web是基于是基于Internet、采用、采用Internet協(xié)協(xié)議的一種體系結(jié)構(gòu)。議的一種體系結(jié)構(gòu)。 Web是存儲(chǔ)在全世界是存儲(chǔ)在全世界Internet計(jì)算機(jī)中、數(shù)量巨大的文檔的集計(jì)算機(jī)中、數(shù)量巨大的文檔的集合。合。 Web上的海量信息是由彼此關(guān)聯(lián)的頁面（上的海量信息是由彼此關(guān)聯(lián)的頁面（Page）組成的。）組成的。2021-7-213人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.1 什么是什么是Web Web的內(nèi)容保存在的

3、內(nèi)容保存在Web站點(diǎn)（站點(diǎn)（Web服務(wù)器）中，用戶可服務(wù)器）中，用戶可通過瀏覽器訪問通過瀏覽器訪問Web站點(diǎn)。站點(diǎn)。 Web以一些簡單的操作方式（如單擊鼠標(biāo)）連接全球范以一些簡單的操作方式（如單擊鼠標(biāo)）連接全球范圍的超媒體信息。圍的超媒體信息。2021-7-214人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.1 什么是什么是Web幾個(gè)概念：幾個(gè)概念：超鏈接（超鏈接（hyperlinkhyperlink）：是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接連接關(guān)系關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片，

4、一個(gè)電子郵件地址，一個(gè)文件，同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。甚至是一個(gè)應(yīng)用程序。超文本（超文本（hypertexthypertext）：用超鏈接的方法，將各種不同空間的用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。文字信息組織在一起的網(wǎng)狀文本。超媒體（超媒體（hypermediahypermedia）：超媒體是超文本和多媒體在信息瀏覽：超媒體是超文本和多媒體在信息瀏覽環(huán)境下的結(jié)合。用戶環(huán)境下的結(jié)合。用戶可以通過鏈接可以通過鏈接激活一段聲音，顯示一個(gè)圖激活一段聲音，顯示一個(gè)圖形，甚至播放一段動(dòng)畫。形，甚至播放一段動(dòng)畫。2021-7-215

5、人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.1 什么是什么是WebWeb的特點(diǎn)的特點(diǎn):（1）Web是一種超文本信息系統(tǒng)。是一種超文本信息系統(tǒng)。（2）Web是圖形化的和易于導(dǎo)航的。是圖形化的和易于導(dǎo)航的。（3）Web與平臺(tái)無關(guān)。與平臺(tái)無關(guān)。（4）Web是分布式的。是分布式的。（5）Web具有新聞性。具有新聞性。（6）Web是動(dòng)態(tài)的、交互的。是動(dòng)態(tài)的、交互的。2021-7-216人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.2 Web的工作原理的工作原理 瀏覽器瀏覽器/服務(wù)器（服務(wù)器（Browser/Server，B/S）結(jié)構(gòu)）結(jié)構(gòu) 客戶端瀏覽器客戶端瀏覽器瀏覽器是一種特定格式的文檔閱讀器，能根據(jù)網(wǎng)頁內(nèi)容對(duì)

6、網(wǎng)頁中的瀏覽器是一種特定格式的文檔閱讀器，能根據(jù)網(wǎng)頁內(nèi)容對(duì)網(wǎng)頁中的標(biāo)記標(biāo)記進(jìn)行解釋顯示，并執(zhí)行網(wǎng)頁中包含的進(jìn)行解釋顯示，并執(zhí)行網(wǎng)頁中包含的客戶端腳本客戶端腳本程序。程序。 Web服務(wù)器服務(wù)器 指安裝了指安裝了Web服務(wù)程序的服務(wù)程序的計(jì)算機(jī)計(jì)算機(jī)； 指指Web服務(wù)器服務(wù)器程序程序，可以管理各種，可以管理各種Web文件，并為提出文件，并為提出HTTP請(qǐng)求的瀏請(qǐng)求的瀏覽器提供響應(yīng)。覽器提供響應(yīng)。 數(shù)據(jù)庫服務(wù)器數(shù)據(jù)庫服務(wù)器 2021-7-217Web的基本工作原理圖的基本工作原理圖人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.2 Web的工作原理的工作原理客戶機(jī)客戶機(jī)/服務(wù)器（服務(wù)器（Client/Ser

7、ver，C/S）結(jié)構(gòu)）結(jié)構(gòu)客戶機(jī)客戶機(jī)服務(wù)器服務(wù)器 Web服務(wù)器的配置服務(wù)器的配置 配置服務(wù)器操作系統(tǒng)配置服務(wù)器操作系統(tǒng) UNIX、Windows Server、Linux等網(wǎng)絡(luò)操作系統(tǒng)等網(wǎng)絡(luò)操作系統(tǒng) 安裝專門的信息服務(wù)器程序安裝專門的信息服務(wù)器程序 IIS（Internet Information Server）、）、 Apache等等2021-7-218人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì) Web服務(wù)器提供服務(wù)的過程：服務(wù)器提供服務(wù)的過程：用戶在瀏覽器中輸入一個(gè)網(wǎng)址，瀏覽器便向該網(wǎng)址所指向的用戶在瀏覽器中輸入一個(gè)網(wǎng)址，瀏覽器便向該網(wǎng)址所指向的Web服服務(wù)器發(fā)出請(qǐng)求。務(wù)器發(fā)出請(qǐng)求。Web服務(wù)

8、器接到瀏覽器的請(qǐng)求后，把網(wǎng)址轉(zhuǎn)換成頁面所在服務(wù)器的服務(wù)器接到瀏覽器的請(qǐng)求后，把網(wǎng)址轉(zhuǎn)換成頁面所在服務(wù)器的文件路徑名。文件路徑名。如果網(wǎng)址指向的是普通的如果網(wǎng)址指向的是普通的HTML文檔，文檔，Web服務(wù)器將直接把它傳送服務(wù)器將直接把它傳送給瀏覽器。給瀏覽器。HTML文檔中可能包含用文檔中可能包含用Java、JavaScript、ActiveX、VBScript等等編寫的程序，服務(wù)器也將它們隨編寫的程序，服務(wù)器也將它們隨HTML文檔一起傳送到瀏覽器，在瀏覽文檔一起傳送到瀏覽器，在瀏覽器所在的機(jī)器上執(zhí)行。器所在的機(jī)器上執(zhí)行。如果如果HTML文檔中嵌有文檔中嵌有ASP程序，那么程序，那么Web服務(wù)器

9、就運(yùn)行服務(wù)器就運(yùn)行ASP程序，程序，并將結(jié)果返回給瀏覽器。并將結(jié)果返回給瀏覽器。2021-7-2192.2 Web的工作原理的工作原理人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì) 客戶端編程客戶端編程 客戶端編程就是客戶端瀏覽器下載服務(wù)器上的程序來執(zhí)行客戶端編程就是客戶端瀏覽器下載服務(wù)器上的程序來執(zhí)行有關(guān)動(dòng)態(tài)服務(wù)工作。有關(guān)動(dòng)態(tài)服務(wù)工作。 程序員把客戶端代碼編寫到程序員把客戶端代碼編寫到HTML文件中。文件中。 當(dāng)用戶提出對(duì)某個(gè)網(wǎng)頁的請(qǐng)求時(shí)，這些客戶端代碼和當(dāng)用戶提出對(duì)某個(gè)網(wǎng)頁的請(qǐng)求時(shí)，這些客戶端代碼和HTML文件代碼一起返回提出請(qǐng)求的瀏覽器。文件代碼一起返回提出請(qǐng)求的瀏覽器。 程序在客戶端瀏覽器上執(zhí)行

10、。程序在客戶端瀏覽器上執(zhí)行。 常見的客戶端編程技術(shù)常見的客戶端編程技術(shù) VBScript JavaScript Java applet等。等。 2021-7-21102.2 Web的工作原理的工作原理人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)服務(wù)器端編程服務(wù)器端編程 程序員將編寫的代碼保存在服務(wù)器上。程序員將編寫的代碼保存在服務(wù)器上。 當(dāng)用戶提出對(duì)某個(gè)網(wǎng)頁的請(qǐng)求時(shí)，這個(gè)請(qǐng)求所要訪問的頁面代當(dāng)用戶提出對(duì)某個(gè)網(wǎng)頁的請(qǐng)求時(shí)，這個(gè)請(qǐng)求所要訪問的頁面代碼都在服務(wù)器端執(zhí)行，并把執(zhí)行結(jié)果以碼都在服務(wù)器端執(zhí)行，并把執(zhí)行結(jié)果以HTML文件代碼的形式文件代碼的形式傳回瀏覽器，這樣瀏覽器接收的只是程序執(zhí)行的結(jié)果。傳回瀏覽

11、器，這樣瀏覽器接收的只是程序執(zhí)行的結(jié)果。常見的服務(wù)器端編程技術(shù)常見的服務(wù)器端編程技術(shù) PHP JSP ASP ASP.NET2021-7-21112.2 Web的工作原理的工作原理人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議 TCP/IP協(xié)議協(xié)議 TCP/IP協(xié)議是一個(gè)協(xié)議集，其中最重要的是協(xié)議是一個(gè)協(xié)議集，其中最重要的是TCP（ Transmission Control Protocol ）協(xié)議和）協(xié)議和IP（ Internet Protocol ）協(xié)議）協(xié)議 。 TCP/IP參考模型與參考模型與OSI參考模型的對(duì)照參考模型的對(duì)照 2021-7-2112人機(jī)交

12、互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議TCP/IP協(xié)議采用的通信方式是分包交換方式分包交換方式。l所謂分包交換即是數(shù)據(jù)在傳輸時(shí)要分成若干段，每個(gè)數(shù)據(jù)段稱為一個(gè)分包（packet）。lTCP/IP的基本傳輸單位是數(shù)據(jù)報(bào)（datagram）。l可以把數(shù)據(jù)看成是一封長信，分裝在幾個(gè)信封中郵寄出去。TCP/IP協(xié)議實(shí)際上主要包括兩個(gè)最主要的協(xié)議，即TCP協(xié)議和IP協(xié)議。 13人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議TCP/IP協(xié)議的數(shù)據(jù)傳輸過程：首先由TCP協(xié)議把數(shù)據(jù)分成若干數(shù)據(jù)報(bào)，給每個(gè)數(shù)據(jù)報(bào)加上一個(gè)TCP信封（即報(bào)頭），上面寫著數(shù)

13、據(jù)報(bào)的編號(hào)，以便在接收端把數(shù)據(jù)還原成原來的格式。IP協(xié)議把每個(gè)TCP信封再套上一個(gè)IP信封，在上面寫上接收主機(jī)的地址。一旦準(zhǔn)備好IP信封就可以在物理網(wǎng)上傳送數(shù)據(jù)了。 14人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議這些IP信封可以通過不同的傳輸途徑（路由）進(jìn)行傳輸。由于路徑不同，再加上其他以外的原因，可能出現(xiàn)順序顛倒、數(shù)據(jù)丟失、數(shù)據(jù)失真等現(xiàn)象。這些問題都由TCP協(xié)議來處理，它具有檢查和處理錯(cuò)誤的功能，必要時(shí)還可以請(qǐng)求發(fā)送方重發(fā)。 簡言之，簡言之，IPIP協(xié)議負(fù)責(zé)數(shù)據(jù)的傳輸，而協(xié)議負(fù)責(zé)數(shù)據(jù)的傳輸，而TCPTCP協(xié)議負(fù)責(zé)協(xié)議負(fù)責(zé)數(shù)據(jù)傳輸?shù)目煽總鬏?。?shù)據(jù)傳輸?shù)目煽總鬏?/p>

14、。 15人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議HTTP協(xié)議協(xié)議 HTTP（HyperText Transfer Protocol） 專門為專門為Web設(shè)計(jì)的協(xié)議設(shè)計(jì)的協(xié)議 應(yīng)用層協(xié)議應(yīng)用層協(xié)議 以以TCP/IP協(xié)議集中的其他協(xié)議為基礎(chǔ)協(xié)議集中的其他協(xié)議為基礎(chǔ) Web瀏覽器和服務(wù)器用瀏覽器和服務(wù)器用HTTP協(xié)議來傳輸協(xié)議來傳輸Web文檔文檔 HTTP基于客戶端請(qǐng)求、服務(wù)器響應(yīng)的工作模式基于客戶端請(qǐng)求、服務(wù)器響應(yīng)的工作模式 Web事務(wù)處理的步驟事務(wù)處理的步驟 客戶端與服務(wù)器建立連接；客戶端與服務(wù)器建立連接； 客戶端向服務(wù)器提出請(qǐng)求；客戶端向服務(wù)器提出請(qǐng)求； 如

15、果請(qǐng)求被接受，則服務(wù)器送回響應(yīng)，在響應(yīng)中包括狀態(tài)如果請(qǐng)求被接受，則服務(wù)器送回響應(yīng)，在響應(yīng)中包括狀態(tài)碼和所需的文件；碼和所需的文件； 客戶端和服務(wù)器斷開連接。客戶端和服務(wù)器斷開連接。 2021-7-2116人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)作用：作用：使用戶主機(jī)連入使用戶主機(jī)連入Internet上上的的Telnet服務(wù)器服務(wù)器（稱為稱為遠(yuǎn)遠(yuǎn)程主機(jī)程主機(jī)）。 連接成功后，連接成功后，用戶主機(jī)就成為該遠(yuǎn)程主機(jī)的一個(gè)終端用戶主機(jī)就成為該遠(yuǎn)程主機(jī)的一個(gè)終端，可，可以訪問遠(yuǎn)程主機(jī)上的信息或運(yùn)行遠(yuǎn)程主機(jī)上的程序。以訪問遠(yuǎn)程主機(jī)上的信息或運(yùn)行遠(yuǎn)程主機(jī)上的程序。用戶使用遠(yuǎn)程主機(jī)的兩種情況：用戶使用遠(yuǎn)程主機(jī)的兩

16、種情況：需要賬號(hào)才能登錄需要賬號(hào)才能登錄不需要賬號(hào)即可登錄（開放式的）不需要賬號(hào)即可登錄（開放式的）遠(yuǎn)程登錄協(xié)議遠(yuǎn)程登錄協(xié)議Telnet2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議2021-7-2117人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)文件傳輸協(xié)議文件傳輸協(xié)議FTP FTP（File Transfer Protocol）是一個(gè)客戶）是一個(gè)客戶-服務(wù)器服務(wù)器協(xié)議，用于在兩臺(tái)計(jì)算機(jī)之間傳輸文件。協(xié)議，用于在兩臺(tái)計(jì)算機(jī)之間傳輸文件。 FTP既是一種文件傳輸協(xié)議，也是一種服務(wù)。提供既是一種文件傳輸協(xié)議，也是一種服務(wù)。提供FTP服務(wù)的設(shè)施叫做服務(wù)的設(shè)施叫做FTP服務(wù)器。服務(wù)器。 匿名匿名FTP服務(wù)器服務(wù)器

17、 用戶無須擁有口令和用戶名就能與匿名用戶無須擁有口令和用戶名就能與匿名FTP服務(wù)器實(shí)服務(wù)器實(shí)現(xiàn)連接并復(fù)制文件?，F(xiàn)連接并復(fù)制文件。2.3 Internet網(wǎng)絡(luò)協(xié)議網(wǎng)絡(luò)協(xié)議2021-7-2118人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.4 IP地址、域名和地址、域名和URL2.4.1 IP地址地址 IP地址是識(shí)別地址是識(shí)別Internet中主機(jī)及網(wǎng)絡(luò)設(shè)備的唯一中主機(jī)及網(wǎng)絡(luò)設(shè)備的唯一標(biāo)識(shí)。標(biāo)識(shí)。 每個(gè)每個(gè)IP地址長度為地址長度為4 B（字節(jié)），共（字節(jié)），共32位位 IP地址由地址由兩部分兩部分組成：組成： 網(wǎng)絡(luò)地址網(wǎng)絡(luò)地址 主機(jī)地址主機(jī)地址 點(diǎn)分十進(jìn)制記法：點(diǎn)分十進(jìn)制記法： 由由4個(gè)用個(gè)用“.”分隔

18、的十進(jìn)制數(shù)組成分隔的十進(jìn)制數(shù)組成 每個(gè)數(shù)不大于每個(gè)數(shù)不大于255 如如20219.106.2532021-7-2119人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì) IP地址可分成地址可分成5類，其中常用的是如下類，其中常用的是如下3類類： A類：用于規(guī)模很大、主機(jī)數(shù)目非常多的網(wǎng)絡(luò)。類：用于規(guī)模很大、主機(jī)數(shù)目非常多的網(wǎng)絡(luò)。A類類地址允許組成地址允許組成126個(gè)網(wǎng)絡(luò)，每個(gè)網(wǎng)絡(luò)可包含個(gè)網(wǎng)絡(luò)，每個(gè)網(wǎng)絡(luò)可包含1700萬萬臺(tái)主機(jī)。臺(tái)主機(jī)。 B類：用于中型和大型網(wǎng)絡(luò)。類：用于中型和大型網(wǎng)絡(luò)。B類地址允許組成類地址允許組成16 384個(gè)網(wǎng)絡(luò)，每個(gè)網(wǎng)絡(luò)可包含個(gè)網(wǎng)絡(luò)，每個(gè)網(wǎng)絡(luò)可包含65 000臺(tái)主機(jī)。臺(tái)主機(jī)。 C類：用于

19、小型本地網(wǎng)絡(luò)（類：用于小型本地網(wǎng)絡(luò)（LAN）。）。2.4.1 IP地址地址2.4 IP地址、域名和地址、域名和URL2021-7-2120人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)net-id24 位host-id24 位net-id16 位net-id8 位IP 地址中的網(wǎng)絡(luò)號(hào)字段和主機(jī)號(hào)字段 0A 類地址host-id16 位B 類地址C 類地址01 1host-id8 位D 類地址 1 1 1 0多 播 地 址E 類地址保 留 為 今 后 使 用1 1 1 101人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì) TCP/IP協(xié)議中提供了協(xié)議中提供了域名服務(wù)系統(tǒng)（域名服務(wù)系統(tǒng)（DNS），），允許為主機(jī)允許為

20、主機(jī)分配字符名稱，即域名。分配字符名稱，即域名。 域名不僅便于記憶，而且即使在域名不僅便于記憶，而且即使在IP地址發(fā)生變化的情況下，地址發(fā)生變化的情況下，通過改變解析對(duì)應(yīng)關(guān)系，域名仍可保持不變。通過改變解析對(duì)應(yīng)關(guān)系，域名仍可保持不變。 在網(wǎng)絡(luò)通信時(shí)由在網(wǎng)絡(luò)通信時(shí)由DNS自動(dòng)實(shí)現(xiàn)域名與自動(dòng)實(shí)現(xiàn)域名與IP地址的轉(zhuǎn)換。地址的轉(zhuǎn)換。 域是名字空間中一個(gè)可被管理的劃分，域還可以繼續(xù)劃分域是名字空間中一個(gè)可被管理的劃分，域還可以繼續(xù)劃分為子域，如二級(jí)域?yàn)樽佑?，如二?jí)域 、三級(jí)域等。、三級(jí)域等。 Internet中的域名采用分級(jí)命名，其基本結(jié)構(gòu)如下：中的域名采用分級(jí)命名，其基本結(jié)構(gòu)如下：.三級(jí)域名三級(jí)域名.

21、二級(jí)域名二級(jí)域名.頂級(jí)域名頂級(jí)域名 2.4.2 域名域名2.4 IP地址、域名和地址、域名和URL2021-7-2122人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.4 IP地址、域名和地址、域名和URL域名的命名機(jī)制域名的命名機(jī)制 一個(gè)域名可由幾個(gè)部分（子域名）組成，按照從自身向上至頂層域的路徑命名，中間用圓點(diǎn)“.”分隔。每個(gè)子域名都有其特定的含義。其中最重要的頂級(jí)域在右邊，最左邊是主其中最重要的頂級(jí)域在右邊，最左邊是主機(jī)名，中間為子域名。機(jī)名，中間為子域名。從右到左，子域名分別表示不同地區(qū)或國家名稱、組織類型、組織名稱、分組織名稱和計(jì)算機(jī)名稱等。如： 其中：cn：中國 edu：教育機(jī)構(gòu) nwpu

22、：一個(gè)學(xué)校的名稱 ncti：該學(xué)校中一個(gè)系或研究所的名稱人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.4 IP地址、域名和地址、域名和URL 域名的定義域名的定義: :域名是層次化的，成樹狀結(jié)構(gòu)（倒掛樹），名域名是層次化的，成樹狀結(jié)構(gòu)（倒掛樹），名稱的最右邊節(jié)點(diǎn)在樹的上層，左邊節(jié)點(diǎn)則在下層。其結(jié)構(gòu)為：稱的最右邊節(jié)點(diǎn)在樹的上層，左邊節(jié)點(diǎn)則在下層。其結(jié)構(gòu)為：根根在根下的頂級(jí)（在根下的頂級(jí)（toptop）域名）域名在某個(gè)頂級(jí)域名下的第二級(jí)域名在某個(gè)頂級(jí)域名下的第二級(jí)域名在某個(gè)第二級(jí)域名下的第三級(jí)域名在某個(gè)第二級(jí)域名下的第三級(jí)域名葉：主機(jī)域名葉：主機(jī)域名 robotyalecsenglindaai根一般域名

23、國家域名intcomedu gov mil org netjp uscnsunengeduuestcmail人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì) 常用根區(qū)域名稱及說明根區(qū)域名稱根區(qū)域名稱所屬組織或單位所屬組織或單位EDU教育學(xué)術(shù)及研究機(jī)構(gòu)教育學(xué)術(shù)及研究機(jī)構(gòu)COM商業(yè)團(tuán)體與組織商業(yè)團(tuán)體與組織GOV官方政府單位官方政府單位MIL國防軍事單位國防軍事單位ORG財(cái)團(tuán)法人、基金會(huì)等非官方機(jī)構(gòu)財(cái)團(tuán)法人、基金會(huì)等非官方機(jī)構(gòu)NET網(wǎng)絡(luò)管理服務(wù)機(jī)構(gòu)網(wǎng)絡(luò)管理服務(wù)機(jī)構(gòu)INT國際性組織國際性組織人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.4 IP地址、域名和地址、域名和URL2.4.3 2.4.3 統(tǒng)一資源定位器統(tǒng)一資源

24、定位器URLURL 定義：定義： 統(tǒng)一資源定位器統(tǒng)一資源定位器URL（Uniform Resource Locator）就是就是我們常說的我們常說的“網(wǎng)址網(wǎng)址”或或URLURL地址。地址。URLURL可以看成是一個(gè)指針，可以看成是一個(gè)指針，用來指定因特網(wǎng)上的一個(gè)具體的網(wǎng)絡(luò)空間，使得用戶可以用用來指定因特網(wǎng)上的一個(gè)具體的網(wǎng)絡(luò)空間，使得用戶可以用一個(gè)統(tǒng)一的方法去尋找和存取一個(gè)統(tǒng)一的方法去尋找和存取 WebWeb上的信息資源。上的信息資源。 包括的信息：包括的信息： 怎樣去檢索文檔；怎樣去檢索文檔； 從哪臺(tái)計(jì)算機(jī)上檢索；從哪臺(tái)計(jì)算機(jī)上檢索； 在哪臺(tái)計(jì)算機(jī)上哪個(gè)文件夾（路徑）可找到需要的文檔；在哪臺(tái)計(jì)

25、算機(jī)上哪個(gè)文件夾（路徑）可找到需要的文檔；人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì) 統(tǒng)一資源定位器統(tǒng)一資源定位器URL的格式如下：的格式如下：:/ 是指是指Internet的協(xié)議名，包括的協(xié)議名，包括ftp（文件傳輸（文件傳輸協(xié)議）、協(xié)議）、http（超文本傳輸協(xié)議）等。（超文本傳輸協(xié)議）等。 指定一個(gè)網(wǎng)絡(luò)主機(jī)的域名或指定一個(gè)網(wǎng)絡(luò)主機(jī)的域名或IP地址。地址。 在有些情況下，主機(jī)域名后還要加上端口號(hào)，域名與端在有些情況下，主機(jī)域名后還要加上端口號(hào)，域名與端口號(hào)之間用冒號(hào)（口號(hào)之間用冒號(hào)（:）隔開。）隔開。 一般情況下，服務(wù)器程序采用標(biāo)準(zhǔn)的保留端口號(hào)，因此一般情況下，服務(wù)器程序采用標(biāo)準(zhǔn)的保留端口號(hào)，因

26、此在在URL輸入中可省略它們輸入中可省略它們。 2.4.3 統(tǒng)一資源定位器統(tǒng)一資源定位器URL 2.4 IP地址、域名和地址、域名和URL2021-7-2127人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)以下是一些以下是一些URL的例子：的例子：http: /http: /telnet: /:70ftp: //pub/www/docgopher: / （gopher提供信息查提供信息查詢服務(wù)）詢服務(wù)）news: /comp.sys.novell （news提供網(wǎng)絡(luò)新聞服務(wù)）提供網(wǎng)絡(luò)新聞服務(wù)）wais: / （提（提供檢索數(shù)據(jù)庫信息服務(wù)）供檢索數(shù)據(jù)

27、庫信息服務(wù)）2.4.3 統(tǒng)一資源定位器統(tǒng)一資源定位器URL 2.4 IP地址、域名和地址、域名和URL2021-7-2128人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.5 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介 ASP（Active Server Pages）是一種功能強(qiáng)大的服務(wù)器端）是一種功能強(qiáng)大的服務(wù)器端腳本編程環(huán)境。腳本編程環(huán)境。ASP是微軟公司的產(chǎn)品。是微軟公司的產(chǎn)品。 ASP可以結(jié)合可以結(jié)合HTML網(wǎng)頁、網(wǎng)頁、ASP指令和指令和ActiveX組件建立動(dòng)組件建立動(dòng)態(tài)、交互且高效的態(tài)、交互且高效的Web服務(wù)器應(yīng)用程序。服務(wù)器應(yīng)用程序。 ASP中的命令和中的命令和Script語句由服務(wù)器解釋

28、執(zhí)行。語句由服務(wù)器解釋執(zhí)行。 ASP是基于是基于ActiveX技術(shù)的，它支持面向?qū)ο蠹翱蓴U(kuò)展的技術(shù)的，它支持面向?qū)ο蠹翱蓴U(kuò)展的ActiveX Server組件。程序員可以用組件。程序員可以用Visual C+、Visual Basic等語言創(chuàng)建特定功能的服務(wù)器端組件，以擴(kuò)展等語言創(chuàng)建特定功能的服務(wù)器端組件，以擴(kuò)展ASP的的應(yīng)用功能。應(yīng)用功能。2.5.1 ASP2021-7-2129人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.5 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介ASP具有如下一些特點(diǎn)：具有如下一些特點(diǎn)：（1）全嵌入）全嵌入HTML，與，與HTML及及Script語言完美結(jié)合。語言完美結(jié)合。（

29、2）無須手動(dòng)編譯或鏈接程序。）無須手動(dòng)編譯或鏈接程序。（3）面向?qū)ο?，并可擴(kuò)展）面向?qū)ο?，并可擴(kuò)展ActiveX Server組件功能。組件功能。（4）存取數(shù)據(jù)庫輕松容易（使用）存取數(shù)據(jù)庫輕松容易（使用ADO組件）。組件）。（5）可使用任何語言編寫自己的）可使用任何語言編寫自己的ActiveX Server組件。組件。（6）無瀏覽器兼容問題。）無瀏覽器兼容問題。（7）程序代碼隱蔽，在客戶端僅可看到由）程序代碼隱蔽，在客戶端僅可看到由ASP輸出的動(dòng)態(tài)輸出的動(dòng)態(tài)HTML文件。文件。2.5.1 ASP（續(xù)）（續(xù)）2021-7-2130人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.5 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介動(dòng)

30、態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介ASP的優(yōu)點(diǎn)：的優(yōu)點(diǎn)：（1）客戶端瀏覽器接收到的是）客戶端瀏覽器接收到的是Web服務(wù)器執(zhí)行后生成的一服務(wù)器執(zhí)行后生成的一個(gè)純粹的個(gè)純粹的HTML文件，可被運(yùn)行在任何平臺(tái)上的瀏覽器執(zhí)行。文件，可被運(yùn)行在任何平臺(tái)上的瀏覽器執(zhí)行。（2）ASP的腳本程序在服務(wù)器端執(zhí)行，保證了程序代碼的的腳本程序在服務(wù)器端執(zhí)行，保證了程序代碼的安全性。安全性。（3）程序執(zhí)行完畢后，服務(wù)器僅將程序執(zhí)行的結(jié)果返回給）程序執(zhí)行完畢后，服務(wù)器僅將程序執(zhí)行的結(jié)果返回給客戶端瀏覽器，減輕了網(wǎng)絡(luò)傳輸?shù)呢?fù)擔(dān)?？蛻舳藶g覽器，減輕了網(wǎng)絡(luò)傳輸?shù)呢?fù)擔(dān)。2.5.1 ASP（續(xù)）（續(xù)）2021-7-2131人機(jī)交互與界面設(shè)計(jì)人機(jī)

31、交互與界面設(shè)計(jì)2.5 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介 PHP（Hypertext Preprocessor，超文本預(yù)處理器）是一，超文本預(yù)處理器）是一種種跨平臺(tái)跨平臺(tái)的服務(wù)器端嵌入式腳本語言。的服務(wù)器端嵌入式腳本語言。 它是一種易于學(xué)習(xí)和使用的服務(wù)器端腳本語言，嵌入它是一種易于學(xué)習(xí)和使用的服務(wù)器端腳本語言，嵌入HTML文件，大量地借用文件，大量地借用C、Java和和Perl語言的語法，并耦語言的語法，并耦合合PHP本身的特性，形成了自己的獨(dú)特風(fēng)格。本身的特性，形成了自己的獨(dú)特風(fēng)格。 PHP支持目前絕大多數(shù)的數(shù)據(jù)庫支持目前絕大多數(shù)的數(shù)據(jù)庫，Web開發(fā)者使用開發(fā)者使用PHP能能夠快速地寫

32、出生成動(dòng)態(tài)網(wǎng)頁的腳本代碼。夠快速地寫出生成動(dòng)態(tài)網(wǎng)頁的腳本代碼。 PHP是是完全免費(fèi)完全免費(fèi)的，可以從的，可以從PHP官方網(wǎng)站官方網(wǎng)站（http:/）自由下載，可以不受限制地獲得源）自由下載，可以不受限制地獲得源代碼，并可加入自己需要的功能。代碼，并可加入自己需要的功能。 2.5.2 PHP2021-7-2132人機(jī)交互與界面設(shè)計(jì)人機(jī)交互與界面設(shè)計(jì)2.5 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)簡介 JSP（Java Server Pages）是）是Sun公司于公司于1999年年6月推出月推出的網(wǎng)站開發(fā)語言。它是基于的網(wǎng)站開發(fā)語言。它是基于Java Servlet及整個(gè)及整個(gè)Java體系的體系的Web開發(fā)技術(shù)，利用這一技