Chapter7 全球資訊網與瀏覽器介紹 shwang@szmc.edu.tw 網路應用入門(一) Chapter7 全球資訊網與瀏覽器介紹 shwang@szmc.edu.tw.

Presentation on theme: "Chapter7 全球資訊網與瀏覽器介紹 shwang@szmc.edu.tw 網路應用入門(一) Chapter7 全球資訊網與瀏覽器介紹 shwang@szmc.edu.tw."— Presentation transcript:

1 Chapter7 全球資訊網與瀏覽器介紹 shwang@szmc.edu.tw
網路應用入門(一) Chapter7 全球資訊網與瀏覽器介紹

2 課程大綱 WWW技術簡介 HTTP and HTML運作機制 Internet Explorer FireFox Opera
Google Chrome 工具列 Yahoo toolbar Google toolbat

3 1. WWW技術簡介 超鏈結(Hyperlink)的起源 分散式超文件系統-- client/server 架構
(1945)Vannevar Bush發表 “As We May Think” (Atlantic Monthly) 分散式超文件系統-- client/server 架構 (Mar. 1989)服務於CERN之Tim Berners-Lee發表 “Information Management: A Proposal” CERN: European Organization for Nuclear Research

4 WWW技術發展 支援HTML的 瀏覽器 WorldWideWeb Mosaic 瀏覽器 Netscape 出現
(1990) Tim Berners-Lee撰寫第一個Web 瀏覽器: Mosaic 瀏覽器 (Sep. 1993) 由NCSA發表. Netscape 出現 (Mar. 1994) Marc Andreessen & Jim Clark 設立 Mosaic Communications Corp. 支援HTML的 瀏覽器 (Dec. 1994) Netscape發表Netscape Navigator

5 HTTP and HTML運作機制 網站應用程式 瀏覽器 1. HTTP 要求 2. HTTP 回應 網站伺服器 用戶端 PC
In HTTP, the browser sends an HTTP request. The webserver application program sends back an HTTP response message. HTML 文件 5

6 瀏覽器與網頁伺服器軟體市占率 瀏覽器(Browser) (網站伺服器)Web Server IE (~49%) Firefox (~43%)
Google Chrome (~3%) Safari, Operaˋ, … (網站伺服器)Web Server Apache (~50%) Microsoft IIS (~35%) Google GWS (~6%) …

7 HTTP and HTML運作機制1 HTML 文件 瀏覽器 網站應用程式 用戶端 PC 2 圖檔 網站伺服器 顯示結果
Many people do not realize that the complex webpages they see on their browser screens are created from multiple files. The first file is an HTML document that contains rich text and tags (placeholders) for graphics files, sound files, and other types of files. 顯示結果 7

8 HTTP and HTML運作機制2 HTML 文件 1. HTML 文件 瀏覽器 網站應用程式 2 圖檔 用戶端 PC 網站伺服器
Each file download requires an HTTP request-response process. There are three HTTP cycles: one for the HTML document and one for each of the two graphic files. The HTML document is downloaded first because it has tags identifying other files that need to be downloaded. 顯示結果 8

9 HTTP and HTML運作機制3 2. 網站應用程式 瀏覽器 3. 2 用戶端 PC 圖檔 網站伺服器 顯示結果
<Read the text at the bottom of the slide.> 顯示結果 9

10 瀏覽器之功能 標題列 網址列 工具列 網頁內容 狀態列 其他: 書籤(我的最愛、搜尋引擎列、歷史狀態…)

11 瀏覽器之功能—以IE為例 標題列 網址列 工具列 狀態列 網頁內容

12 Internet Explorer—簡介 搭配微軟作業系統有占有率高之優勢 在歐洲反托拉斯條約中敗訴給Netscape
可調整之功能 加入我的最愛 設定網際網路選項—首頁 將網頁下載另存 設定語系與編碼

13 Internet Explorer 搭配微軟作業系統—目前市占率最高

14 加入我的最愛(書籤)

15 設定網際網路選項—首頁

16 將網頁下載另存

17 設定語系與編碼

18 須額外安裝之瀏覽器 因微軟作業系統市占率高，IE配合在Windows系統中，因此不需另外安裝 Firefox Opera
Google Chrome Safari for MAC

19 Firefox 開放原始碼之自由軟體

20 FireFox—使用介面

21 Opera 號稱最快速的瀏覽器

22 Google Chrome 版面最精簡，，由Google 所開發

23 工具列 擴充瀏覽器功能 即時通訊 翻譯 彈出式視窗阻擋 捷徑、多分頁 例如 Yahoo toolbar Google toolbar

24 Yahoo toolbar

25 Google toolbar

26 安裝 Google Toolbar-1

27 安裝 Google Toolbar-2(附加元件)

28 安裝 Google Toolbar-3(下載安裝)

29 Google Toolbar—安裝完成

30 The End