人機交互與界面設計_第2章

1、人機交互與界面設計人機交互與界面設計2021-12-101人機交互與界面設計人機交互與界面設計內(nèi)容內(nèi)容2.1 什么是什么是Web2.2 Web的工作原理的工作原理2.3 Internet網(wǎng)絡協(xié)議網(wǎng)絡協(xié)議2.4 IP地址、域名和地址、域名和URL2.5 動態(tài)網(wǎng)頁設計技術簡介動態(tài)網(wǎng)頁設計技術簡介2021-12-102人機交互與界面設計人機交互與界面設計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是一種體系結構是一種體系結構，通過它可以訪問分布于，通過它可以訪問分布于

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

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

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

5、2-105人機交互與界面設計人機交互與界面設計2.1 什么是什么是WebWeb的特點的特點:（1）Web是一種超文本信息系統(tǒng)。是一種超文本信息系統(tǒng)。（2）Web是圖形化的和易于導航的。是圖形化的和易于導航的。（3）Web與平臺無關。與平臺無關。（4）Web是分布式的。是分布式的。（5）Web具有新聞性。具有新聞性。（6）Web是動態(tài)的、交互的。是動態(tài)的、交互的。2021-12-106人機交互與界面設計人機交互與界面設計2.2 Web的工作原理的工作原理 瀏覽器瀏覽器/服務器（服務器（Browser/Server，B/S）結構）結構 客戶端瀏覽器客戶端瀏覽器瀏覽器是一種特定格式的文檔閱讀器，能根

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

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

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

9、那么Web服務器就運行服務器就運行ASP程序，程序，并將結果返回給瀏覽器。并將結果返回給瀏覽器。2021-12-1092.2 Web的工作原理的工作原理人機交互與界面設計人機交互與界面設計 客戶端編程客戶端編程 客戶端編程就是客戶端瀏覽器下載服務器上的程序來執(zhí)行客戶端編程就是客戶端瀏覽器下載服務器上的程序來執(zhí)行有關動態(tài)服務工作。有關動態(tài)服務工作。 程序員把客戶端代碼編寫到程序員把客戶端代碼編寫到HTML文件中。文件中。 當用戶提出對某個網(wǎng)頁的請求時，這些客戶端代碼和當用戶提出對某個網(wǎng)頁的請求時，這些客戶端代碼和HTML文件代碼一起返回提出請求的瀏覽器。文件代碼一起返回提出請求的瀏覽器。 程序在

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

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

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

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

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

15、端向服務器提出請求； 如果請求被接受，則服務器送回響應，在響應中包括狀態(tài)如果請求被接受，則服務器送回響應，在響應中包括狀態(tài)碼和所需的文件；碼和所需的文件； 客戶端和服務器斷開連接?？蛻舳撕头掌鲾嚅_連接。 2021-12-1016人機交互與界面設計人機交互與界面設計作用：作用：使用戶主機連入使用戶主機連入Internet上上的的Telnet服務器服務器（稱為稱為遠遠程主機程主機）。 連接成功后，連接成功后，用戶主機就成為該遠程主機的一個終端用戶主機就成為該遠程主機的一個終端，可，可以訪問遠程主機上的信息或運行遠程主機上的程序。以訪問遠程主機上的信息或運行遠程主機上的程序。用戶使用遠程主機的兩種

16、情況：用戶使用遠程主機的兩種情況：需要賬號才能登錄需要賬號才能登錄不需要賬號即可登錄（開放式的）不需要賬號即可登錄（開放式的）遠程登錄協(xié)議遠程登錄協(xié)議Telnet2.3 Internet網(wǎng)絡協(xié)議網(wǎng)絡協(xié)議2021-12-1017人機交互與界面設計人機交互與界面設計文件傳輸協(xié)議文件傳輸協(xié)議FTP FTP（File Transfer Protocol）是一個客戶）是一個客戶-服務器服務器協(xié)議，用于在兩臺計算機之間傳輸文件。協(xié)議，用于在兩臺計算機之間傳輸文件。 FTP既是一種文件傳輸協(xié)議，也是一種服務。提供既是一種文件傳輸協(xié)議，也是一種服務。提供FTP服務的設施叫做服務的設施叫做FTP服務器。服務器。

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

18、法： 由由4個用個用“.”分隔的十進制數(shù)組成分隔的十進制數(shù)組成 每個數(shù)不大于每個數(shù)不大于255 如如20219.106.2532021-12-1019人機交互與界面設計人機交互與界面設計 IP地址可分成地址可分成5類，其中常用的是如下類，其中常用的是如下3類類： A類：用于規(guī)模很大、主機數(shù)目非常多的網(wǎng)絡。類：用于規(guī)模很大、主機數(shù)目非常多的網(wǎng)絡。A類類地址允許組成地址允許組成126個網(wǎng)絡，每個網(wǎng)絡可包含個網(wǎng)絡，每個網(wǎng)絡可包含1700萬萬臺主機。臺主機。 B類：用于中型和大型網(wǎng)絡。類：用于中型和大型網(wǎng)絡。B類地址允許組成類地址允許組成16 384個網(wǎng)絡，每個網(wǎng)絡可包含個網(wǎng)絡，每個網(wǎng)絡可包含65 0

19、00臺主機。臺主機。 C類：用于小型本地網(wǎng)絡（類：用于小型本地網(wǎng)絡（LAN）。）。2.4.1 IP地址地址2.4 IP地址、域名和地址、域名和URL2021-12-1020人機交互與界面設計人機交互與界面設計net-id24 位host-id24 位net-id16 位net-id8 位IP 地址中的網(wǎng)絡號字段和主機號字段 0A 類地址host-id16 位B 類地址C 類地址01 1host-id8 位D 類地址 1 1 1 0多 播 地 址E 類地址保 留 為 今 后 使 用1 1 1 101人機交互與界面設計人機交互與界面設計 TCP/IP協(xié)議中提供了協(xié)議中提供了域名服務系統(tǒng)（域名服務系

20、統(tǒng)（DNS），），允許為主機允許為主機分配字符名稱，即域名。分配字符名稱，即域名。 域名不僅便于記憶，而且即使在域名不僅便于記憶，而且即使在IP地址發(fā)生變化的情況下，地址發(fā)生變化的情況下，通過改變解析對應關系，域名仍可保持不變。通過改變解析對應關系，域名仍可保持不變。 在網(wǎng)絡通信時由在網(wǎng)絡通信時由DNS自動實現(xiàn)域名與自動實現(xiàn)域名與IP地址的轉換。地址的轉換。 域是名字空間中一個可被管理的劃分，域還可以繼續(xù)劃分域是名字空間中一個可被管理的劃分，域還可以繼續(xù)劃分為子域，如二級域為子域，如二級域 、三級域等。、三級域等。 Internet中的域名采用分級命名，其基本結構如下：中的域名采用分級命名，其

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

22、n：中國 edu：教育機構 nwpu：一個學校的名稱 ncti：該學校中一個系或研究所的名稱人機交互與界面設計人機交互與界面設計2.4 IP地址、域名和地址、域名和URL 域名的定義域名的定義: :域名是層次化的，成樹狀結構（倒掛樹），名域名是層次化的，成樹狀結構（倒掛樹），名稱的最右邊節(jié)點在樹的上層，左邊節(jié)點則在下層。其結構為：稱的最右邊節(jié)點在樹的上層，左邊節(jié)點則在下層。其結構為：根根在根下的頂級（在根下的頂級（toptop）域名）域名在某個頂級域名下的第二級域名在某個頂級域名下的第二級域名在某個第二級域名下的第三級域名在某個第二級域名下的第三級域名葉：主機域名葉：主機域名 robotyal

23、ecsenglindaai根一般域名國家域名intcomedu gov mil org netjp uscnsunengeduuestcmail人機交互與界面設計人機交互與界面設計 常用根區(qū)域名稱及說明根區(qū)域名稱根區(qū)域名稱所屬組織或單位所屬組織或單位EDU教育學術及研究機構教育學術及研究機構COM商業(yè)團體與組織商業(yè)團體與組織GOV官方政府單位官方政府單位MIL國防軍事單位國防軍事單位ORG財團法人、基金會等非官方機構財團法人、基金會等非官方機構NET網(wǎng)絡管理服務機構網(wǎng)絡管理服務機構INT國際性組織國際性組織人機交互與界面設計人機交互與界面設計2.4 IP地址、域名和地址、域名和URL2.4.3

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

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

26、服務器程序采用標準的保留端口號，因此在在URL輸入中可省略它們輸入中可省略它們。 2.4.3 統(tǒng)一資源定位器統(tǒng)一資源定位器URL 2.4 IP地址、域名和地址、域名和URL2021-12-1027人機交互與界面設計人機交互與界面設計以下是一些以下是一些URL的例子：的例子：http: /http: /telnet: /:70ftp: //pub/www/docgopher: / （gopher提供信息查提供信息查詢服務）詢服務）news: /comp.sys.novell （news提供網(wǎng)絡新聞服務）提供網(wǎng)絡新聞服務）wais: / （提

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

28、中的命令和Script語句由服務器解釋執(zhí)行。語句由服務器解釋執(zhí)行。 ASP是基于是基于ActiveX技術的，它支持面向對象及可擴展的技術的，它支持面向對象及可擴展的ActiveX Server組件。程序員可以用組件。程序員可以用Visual C+、Visual Basic等語言創(chuàng)建特定功能的服務器端組件，以擴展等語言創(chuàng)建特定功能的服務器端組件，以擴展ASP的的應用功能。應用功能。2.5.1 ASP2021-12-1029人機交互與界面設計人機交互與界面設計2.5 動態(tài)網(wǎng)頁設計技術簡介動態(tài)網(wǎng)頁設計技術簡介ASP具有如下一些特點：具有如下一些特點：（1）全嵌入）全嵌入HTML，與，與HTML及及S

29、cript語言完美結合。語言完美結合。（2）無須手動編譯或鏈接程序。）無須手動編譯或鏈接程序。（3）面向對象，并可擴展）面向對象，并可擴展ActiveX Server組件功能。組件功能。（4）存取數(shù)據(jù)庫輕松容易（使用）存取數(shù)據(jù)庫輕松容易（使用ADO組件）。組件）。（5）可使用任何語言編寫自己的）可使用任何語言編寫自己的ActiveX Server組件。組件。（6）無瀏覽器兼容問題。）無瀏覽器兼容問題。（7）程序代碼隱蔽，在客戶端僅可看到由）程序代碼隱蔽，在客戶端僅可看到由ASP輸出的動態(tài)輸出的動態(tài)HTML文件。文件。2.5.1 ASP（續(xù)）（續(xù)）2021-12-1030人機交互與界面設計人機交

30、互與界面設計2.5 動態(tài)網(wǎng)頁設計技術簡介動態(tài)網(wǎng)頁設計技術簡介ASP的優(yōu)點：的優(yōu)點：（1）客戶端瀏覽器接收到的是）客戶端瀏覽器接收到的是Web服務器執(zhí)行后生成的一服務器執(zhí)行后生成的一個純粹的個純粹的HTML文件，可被運行在任何平臺上的瀏覽器執(zhí)行。文件，可被運行在任何平臺上的瀏覽器執(zhí)行。（2）ASP的腳本程序在服務器端執(zhí)行，保證了程序代碼的的腳本程序在服務器端執(zhí)行，保證了程序代碼的安全性。安全性。（3）程序執(zhí)行完畢后，服務器僅將程序執(zhí)行的結果返回給）程序執(zhí)行完畢后，服務器僅將程序執(zhí)行的結果返回給客戶端瀏覽器，減輕了網(wǎng)絡傳輸?shù)呢摀？蛻舳藶g覽器，減輕了網(wǎng)絡傳輸?shù)呢摀?.5.1 ASP（續(xù)）（續(xù)）2

31、021-12-1031人機交互與界面設計人機交互與界面設計2.5 動態(tài)網(wǎng)頁設計技術簡介動態(tài)網(wǎng)頁設計技術簡介 PHP（Hypertext Preprocessor，超文本預處理器）是一，超文本預處理器）是一種種跨平臺跨平臺的服務器端嵌入式腳本語言。的服務器端嵌入式腳本語言。 它是一種易于學習和使用的服務器端腳本語言，嵌入它是一種易于學習和使用的服務器端腳本語言，嵌入HTML文件，大量地借用文件，大量地借用C、Java和和Perl語言的語法，并耦語言的語法，并耦合合PHP本身的特性，形成了自己的獨特風格。本身的特性，形成了自己的獨特風格。 PHP支持目前絕大多數(shù)的數(shù)據(jù)庫支持目前絕大多數(shù)的數(shù)據(jù)庫，W

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