第4課萬維網(wǎng)和IE課件

1、第4課 萬維網(wǎng)和瀏覽器萬維網(wǎng)概述萬維網(wǎng)基本概念萬維網(wǎng)設(shè)計目標HTTP的特點瀏覽器的功能萬維網(wǎng)的搜索技巧瀏覽器的設(shè)置和維護1第4課 萬維網(wǎng)和瀏覽器 41-4.1 萬維網(wǎng)概述WWW技術(shù)是World Wide Web的簡稱，中文譯名為萬維網(wǎng)。萬維網(wǎng)是一個把信息存儲與檢索技術(shù)，以及超文本與超媒體技術(shù)融合到一起的，在全球范圍內(nèi)分布的，具有開放的、交互的、動態(tài)的、可在交叉平臺上運行等特性的，基于因特網(wǎng)的多媒體信息系統(tǒng)。2第4課 萬維網(wǎng)和瀏覽器 41-4.1 萬維網(wǎng)概述 萬維網(wǎng)于1990年誕生于歐洲，是由歐洲粒子物理實驗室推出一種消息存儲系統(tǒng)，使用文本界面的瀏覽器可以在文章之間建立超鏈關(guān)系，使得由一篇文章可

2、以再指向另外的文章，這樣就便于位于不同地點的科學(xué)家交流研究成果。 但是這種發(fā)明還沒有解決多種媒體信息在網(wǎng)絡(luò)上的廣泛傳播和使用的問題。3第4課 萬維網(wǎng)和瀏覽器 41-4.1 萬維網(wǎng)概述圖形瀏覽器的出現(xiàn)解決了這個問題。第一個圖形界面的瀏覽器Mosaic是由伊利諾州立大學(xué)國家超級計算中心和計算機科學(xué)系學(xué)生開發(fā)的。瀏覽器用圖形的方式來顯示信息及信息的鏈接，使得使用者只要通過鼠標的點擊就可以找到所需的信息，而不需要用任何的命令。4第4課 萬維網(wǎng)和瀏覽器 41-4.1萬維網(wǎng)概述1994年Netscape Navigator推出。這個瀏覽器的開發(fā)人員大部分是Mosaic的研制人員。它的功能更加強大、使用更加

3、方便，獲得了很大的成功。Microsoft從1995年開始推出Web瀏覽器：Internet Explorer。目前Netscape Navigator和Internet Explorer占領(lǐng)了瀏覽器的大部分市場。5第4課 萬維網(wǎng)和瀏覽器 41-4.2 萬維網(wǎng)基本概念瀏覽器（Browser）是用來解釋W(xué)eb頁面并完成相應(yīng)轉(zhuǎn)換和顯示的程序。瀏覽器通過Web頁面來進行信息的傳遞和交流。Web頁面是用超文本標記語言編寫的文檔，Web頁中包括文字、圖象、各種多媒體信息，也包括用超文本或超媒體表示的鏈接。6第4課 萬維網(wǎng)和瀏覽器 41-4.2 萬維網(wǎng)基本概念超文本（Hypertext)：是指可以鏈接到其

4、他文檔的文字。從頁面上看超文本也是一般的文字描述，但它包含了到其他文檔或同一文檔不同部分的鏈接（Link)或超級鏈接（Hyperlink)。超媒體（Hypermedia）：通過圖形來完成的鏈接，或指通過鏈接可以獲得多媒體信息或播放多媒體信息。7第4課 萬維網(wǎng)和瀏覽器 41-4.2 萬維網(wǎng)基本概念Web服務(wù)器：Web頁面并向瀏覽器提供服務(wù)的服務(wù)器。目前應(yīng)用最廣的是APACHE。超文本標記語言 (Hypertext Markup Language，HTML)。是編寫Web頁面的標準語言。它是通過標記來對Web文檔的格式擊鏈接進行定義的一系列規(guī)定。超文本傳輸協(xié)議（Hypertext Transpor

5、t Protocol，HTTP）。是瀏覽器和Web服務(wù)器之間的通信協(xié)議。8第4課 萬維網(wǎng)和瀏覽器 41-4.3 萬維網(wǎng)設(shè)計目標WWW最基本的四項設(shè)計目標包括：分布式信息系統(tǒng)；對多重協(xié)議提供一個統(tǒng)一通用的接口；對超媒體支持；可擴充性，能夠支持所有的數(shù)據(jù)格式。HTTP之前的其他協(xié)議都不能完全實現(xiàn)上述要求，HTTP就應(yīng)運而生了。9第4課 萬維網(wǎng)和瀏覽器 41-4.4 HTTP的特點以Client/Server模型為基礎(chǔ)。HTTP支持客戶與服務(wù)器之間通信及相互傳送數(shù)據(jù)，一個服務(wù)器可以為分布在世界各地的許多客戶服務(wù)。簡易性。HTTP被設(shè)計成一個非常簡單的協(xié)議，客戶機要連接到服務(wù)器，只需發(fā)送請求方式和UR

6、L路徑等少量信息。即可得到服務(wù)器的應(yīng)答；10第4課 萬維網(wǎng)和瀏覽器 41-4.4 HTTP的特點靈活性與內(nèi)容-類型(content-type)標識。HTTP允許任意類型數(shù)據(jù)的傳送，因此可以利用HTTP傳送任何類型的對象。內(nèi)容-類型標識指示了所傳輸數(shù)據(jù)的類型?！盁o連接”性。這里的無連接意味著每次連接只限處理一個請求?？蛻粢⑦B接需先發(fā)出請求，收到響應(yīng)，然后斷開連接，這實現(xiàn)起來效率十分高。采用這種無連接協(xié)議，在沒有請求提出時，服務(wù)器就不會在那里空閑等待。11第4課 萬維網(wǎng)和瀏覽器 41-4.4 HTTP的特點無狀態(tài)性。這既是優(yōu)點也是缺點。由于無須記憶狀態(tài)使得HTTP累贅少，系統(tǒng)運行效率高，服務(wù)器

7、應(yīng)答快；由于沒有狀態(tài)，協(xié)議對事務(wù)處理沒有記憶能力，若后續(xù)事務(wù)處理需要有關(guān)前面處理的信息，那么這些信息必須在協(xié)議外面保存；缺少狀態(tài)意味著所需的前序網(wǎng)頁信息必須保留和交換，導(dǎo)致每次連接需要傳送較多的信息。12第4課 萬維網(wǎng)和瀏覽器 41-4.4 HTTP的特點元信息(meta information)。元信息被稱為是“關(guān)于信息的信息”，元信息允許服務(wù)器提供所發(fā)送數(shù)據(jù)的信息。例如，HTTP可以提供所發(fā)送的對象的語言和類型。收到數(shù)據(jù)的瀏覽器可以根據(jù)元信息確定服務(wù)器發(fā)來的是什么內(nèi)容，預(yù)料有多少數(shù)據(jù)，確知是否接收到完整的數(shù)據(jù)，以及發(fā)送過程中是否有錯。元信息的引入大大擴充了HTTP協(xié)議的功能。13第4課 萬

8、維網(wǎng)和瀏覽器 41-14第4課 萬維網(wǎng)和瀏覽器 41-4.4 HTTP的特點每一個網(wǎng)頁稱為一個文檔（document）,每個文檔有若干對象組成；每個對象實際上就是一個計算機文件系統(tǒng)中的文件，每個網(wǎng)頁一般都有一個基本文件（Base HTML file）;假設(shè)某個網(wǎng)頁中有10個插圖，那么這個文件就是有11個對象組成的。在HTTP中，每一個對象都需要一個HTTP報文進行傳送。15第4課 萬維網(wǎng)和瀏覽器 41-非持久連接（Non-persistent）http/1.0: Web server 接收和分析請求消息, 返回響應(yīng)消息, 關(guān)閉 TCP 連接client取回對象需要2 RTTs建立TCP連接對象

9、請求/傳送每一次傳送都要忍受TCP的“慢啟動”狀態(tài)改進的辦法之一: 許多瀏覽器打開多個并行連接4.4 HTTP的特點16第4課 萬維網(wǎng)和瀏覽器 41-4.4 HTTP的特點持久連接（Persistent）對于 http/1.1是默認方式在同一個TCP 連接：server,分析請求消息, 返回響應(yīng)消息,分析請求消息, 返回響應(yīng)消息，client 一旦接收到base HTML file，就發(fā)出它對所有引用對象的請求fewer RTTs, less slow start.17第4課 萬維網(wǎng)和瀏覽器 41-HTTP報文格式: request（請求）兩種類型的 http messages: reques

10、t, responsehttp request message:ASCII (人能夠閱讀的格式)GET /somedir/page.html HTTP/1.0 User-agent: Mozilla/4.0 Accept: text/html, image/gif,image/jpeg Accept-language:fr (extra carriage return, line feed) request line(GET, POST, HEAD commands)header linesCarriage return, line feed indicates end of message1

11、8第4課 萬維網(wǎng)和瀏覽器 41-http 請求報文的一般格式:19第4課 萬維網(wǎng)和瀏覽器 41-HTTP報文格式: response（響應(yīng)）HTTP/1.0 200 OK Date: Thu, 06 Aug 1998 12:00:15 GMT Server: Apache/1.3.0 (Unix) Last-Modified: Mon, 22 Jun 1998 . Content-Length: 6821 Content-Type: text/html data data data data data . status line(protocolstatus codestatus phrase

12、)header linesdata, e.g., requestedhtml file20第4課 萬維網(wǎng)和瀏覽器 41-HTTP 響應(yīng)狀態(tài)碼200 OKrequest succeeded, requested object later in this message301 Moved Permanentlyrequested object moved, new location specified later in this message (Location:)400 Bad Requestrequest message not understood by server404 Not Fou

13、ndrequested document not found on this server505 HTTP Version Not SupportedIn first line in server-client response message.A few sample codes:21第4課 萬維網(wǎng)和瀏覽器 41-使用telnet測試HTTP的響應(yīng)報文1. Telnet to your favorite Web server:Opens TCP connection to port 80(default http server port)Anything typed in sent to p

14、ort 80 at 0$telnet 0 802. Type in a GET http request:GET /k1010/hello.html HTTP/1.0By typing this in (hit carriagereturn twice), you sendthis minimal (but complete) GET request to http server3. Look at response message sent by http server!22第4課 萬維網(wǎng)和瀏覽器 41-客戶端緩存（Conditional GET）在Windows 中， 瀏覽器將訪問過的網(wǎng)頁

15、信息全部存放在臨時文件目錄中，例如C:windowstemporary internet files客戶端緩存目標：如果客戶端存有未修改的對象則不必重新發(fā)送該對象，節(jié)約帶寬，提高響應(yīng)速度23第4課 萬維網(wǎng)和瀏覽器 41-客戶端緩存（Conditional GET）client: 在http request 中說明緩存中該數(shù)據(jù)對象的日期：If-modified-since: server: 如果該數(shù)據(jù)對象沒有被修改，返回的response中不包含該對象：HTTP/1.0 304 Not Modifiedclient則可以自行取出緩存中的對象進行展示clientserverhttp request

16、 msgIf-modified-since: http responseHTTP/1.0 304 Not Modifiedobject not modified24第4課 萬維網(wǎng)和瀏覽器 41-客戶端緩存（Conditional GET）server: 如果該數(shù)據(jù)對象已經(jīng)修改，響應(yīng)報文中將新的對象送回：HTTP/1.0 200 ok http request msgIf-modified-since: http responseHTTP/1.1 200 OKobject modifiedclientserver25第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器的功能接收URL輸入（超鏈點擊）并發(fā)

17、送請求報文顯示并解釋接收到的響應(yīng)報文導(dǎo)航功能服務(wù)功能接受用戶對瀏覽器的設(shè)置26第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器的功能統(tǒng)一資源定位器URL（Uniform Resource Locator），也稱Web地址。是在Web頁面中定義信息資源位置的標準方法。http:/index.htmURL的構(gòu)成： 主要是通過不同的協(xié)議來訪問因特網(wǎng)上的不同資源。即：通過URL可以訪問因特網(wǎng)上的多種資源。27第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器的功能可以用的協(xié)議包括：http:/ （超文本傳輸協(xié)議）ftp:/ （文件傳輸協(xié)議）gopher:/ （菜單式檢索）telnet:/ （遠程仿真終端協(xié)議）n

18、ews: （新聞組訪問）mailto: （郵件訪問）28第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器的功能瀏覽器屏幕可顯示的內(nèi)容包括網(wǎng)頁正文超鏈信息，導(dǎo)航按鈕（引導(dǎo)到其他網(wǎng)頁）圖像信息（一般為jpg格式的壓縮圖像）音頻/視頻信息（音樂、電影）動態(tài)信息（動態(tài)的廣告信息）進行交互功能的表單（如電子郵件用戶的注冊表格）29第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器的功能導(dǎo)航功能向前，向后（翻到曾經(jīng)顯示的前/后一個網(wǎng)頁）打開，搜索（將文件系統(tǒng)中存儲的網(wǎng)頁文件打開）歷史資料（根據(jù)時間檢索曾經(jīng)訪問的網(wǎng)頁）插入書簽（將重要的網(wǎng)頁訪問連接存入系統(tǒng)）30第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器的功能服務(wù)功

19、能打印（將網(wǎng)頁從打印機輸出）郵件發(fā)送（將網(wǎng)頁作為郵件發(fā)送）存成文件（將網(wǎng)頁和所攜信息分別存儲）查看網(wǎng)頁代碼（查看代碼，學(xué)習(xí)網(wǎng)頁設(shè)計）幫助信息(理解瀏覽器的應(yīng)用)刷新（請求最新的網(wǎng)頁內(nèi)容）停止（中斷網(wǎng)頁的下載過程）31第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器的功能了解整體界面：各種工具按紐URL菜單選項的設(shè)置URL下拉列表32第4課 萬維網(wǎng)和瀏覽器 41-4.5 瀏覽器功能測試打開多個窗口閱讀源文件保存Web頁使用右鍵使用收藏夾（Bookmark,Hotlist)使用歷史記錄在桌面建立Web站點的快捷方式33第4課 萬維網(wǎng)和瀏覽器 41-4.6 萬維網(wǎng)搜索技巧模糊查詢。模糊查詢又稱為智能查詢

20、。當輸入一個關(guān)鍵詞時，搜索引擎不但反饋包括了關(guān)鍵詞的網(wǎng)址，同時也發(fā)來與關(guān)鍵詞意義相近的內(nèi)容。比如，我們查找“查詢”一詞時，模糊查詢會反饋來包涵了“查詢”、“查找”、“查一查”、“詢找”、“搜索”等內(nèi)容的網(wǎng)址。反饋網(wǎng)址的排列規(guī)律：一般是完全符合關(guān)鍵詞的在最前邊，其次是相近的。按網(wǎng)站被訪問的頻度排列，訪問頻度較高的網(wǎng)站排在前邊34第4課 萬維網(wǎng)和瀏覽器 41-4.6 萬維網(wǎng)搜索技巧模糊查詢沒有特殊的方法，只要在文字框中輸入關(guān)鍵詞即可。而在英文的查詢中，還可以使用通配符星號（*）和問號（?），使關(guān)鍵詞更為模糊。但查詢中文時這一應(yīng)用較少。模糊查詢往往會反饋來大量不需要的信息，如果想精確地只查某一個關(guān)鍵詞，則可以使用精確查詢功能。精確查詢一般是在文字框中輸入關(guān)鍵詞時，加一對半角的雙引號（”）。35第4課 萬維網(wǎng)和瀏覽器 41-4.6 萬維網(wǎng)搜索技巧使用邏輯算符：與、或、非。與：通常用+號代表。表示這些關(guān)鍵詞必須同時出現(xiàn)。如+國慶+北京+天安門?；颍和ǔＳ?，代表。表示這些關(guān)鍵詞出現(xiàn)一個或幾個都可以。非：通常用-表示。表示這些關(guān)鍵詞要予以排除。也可將這些算符組合使用。各種搜索引擎所用的符號可能不經(jīng)相同。36第4課 萬維網(wǎng)和瀏覽器 41-4.7 瀏覽器系統(tǒng)的設(shè)置和維護選擇顯示字體和字符編碼一般網(wǎng)頁的現(xiàn)實采用默認的字號，但在必要時可以進行調(diào)整；一般網(wǎng)頁可以被自動識別出網(wǎng)頁字符的編碼，但也有可能個