鄭家瑜 [email protected]. 第二章 全球資訊網 www 是網際網路與您的主要橋樑

25
鄭鄭鄭 [email protected]. tw

Post on 20-Dec-2015

299 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

鄭家瑜

[email protected]

Page 2: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

第二章 全球資訊網WWW 是網際網路與您的主要橋樑

Page 3: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

全球資訊網

全球資訊網 (World Wide Web) 可以簡稱為 WWW 、 3W(Triple W) 或 W3 ,又稱為 Web( 網頁 )

將 Internet 上的資料以聲音、文字、影像、圖片及動畫等,使用超媒體 (Hypermedia)來擷取,並透過網路連結到各個伺服器,然後藉由瀏覽器 (Browser) 所呈現出來的一種技術。

Page 4: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

學習目標

了解 WWW 的起源了解何謂 Browser ?了解網頁的基本術語了解 WWW 架構了解 IE 的使用其它 browser

Page 5: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

WWW 的基本架構

WWW 主要是由大大小小的網站 (Web Site) 所組成,採取主從架構 (Client/Server,C/S) 的方式所形成,使用者端或用戶端稱為 Client ,網站稱為伺服端 (Server) ,在使用者端與伺服端是藉著瀏覽器溝通。

使用者 / 瀏覽器 /IE

IIS//Apach

Page 6: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

WWW 起源

1980 年英國工程師 Tim Berners-Lee 於瑞士日內瓦的 CERN( 歐洲高能粒子物理實驗室 ) ,利用 HTML(Hypertext Markup Language) 的超文件標記語言,來連接相異物件間的技術,以 HTTP(Hypertext Transfer Protocol) 通訊協定傳遞資料。

Page 7: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

瀏覽器

1991 :瀏覽器 (Browser) 只能呈現文字1993 :瀏覽圖片的 Mosaic

1994 : Netscape Navigator 、 Internet Explore 2.0

2000 : Mozilla Firefoxhttp://www.moztw.org/

Page 8: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

專有名詞 首頁 (Home Page) : index.htm 、 welcome.htm 或 default.htm

網頁 (Web Page)

網站 (Web Site)

超連結 (Hyperlink)

超文件 (Hypertext)

標記語言 (HTML)

網址 (Uniform Resource Locator, URL)

Page 9: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

專有名詞

通訊協定 (Hyper Text Transfer Protocol,Http) :通訊埠為 80

加密通訊協定 (Hyper Text Transfer Protocol Security, Https) :通訊埠為 443

Page 10: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

WWW的架構

Page 11: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

網頁製作技術

客戶端: HTML 、 JavaScript 、 VBScript 與 Java Applet

伺服端: ASP 、 JSP(Java Server Page) 、PHP(Personal Home Page) 、「 .Net 」、CGI(Common Gate Interface)

其他技術

Page 12: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

其他技術

動畫編輯軟體:如 Flash 。VRML :虛擬實境標記語言 (Virtual Reality Markup Language) 。DHTML :動態 (Dynamic) 改變 HTML 的網頁技術。XML :延伸標記語言 (eXtensible Markup Language) ,具有自我描述能力的標誌語言。XHTML :新版的 HTML 語言,用 XML 來撰寫的。

Page 13: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

手機網頁技術

WAP :無線網路應用協定 (Wireless Application Protocol) 。WML :無線標記語言 (Wireless Markup Language) 。i-mode :是日本電信公司所發展出來的手機內容應用加值服務。

Page 14: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

IE 瀏覽器

2001 年微軟推出 Internet Explorer 6.0 ,是所有電腦的標準配備圖示為 以空白網頁 (about:blank) 顯示

Page 15: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

IE 外觀

Page 16: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

自訂首頁「工具 (T) 網際網路選項 (O)... 」

Page 17: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

清除 Cookie 與暫存檔

Page 18: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

Cookie

Cookie:將網頁內要您輸入的資料留存在您電腦的資料,如您的帳號,密碼等資料,以節省輸入資料的時間,但也會變成駭客攻擊的目標。

Page 19: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

收集網站

「我的最愛組織我的最愛」

Page 20: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

網頁的儲存

檔案另存新檔 四種類型

網頁完整檔 (*.htm ; *.html)

網頁僅 HTML(*.htm ; *.html)

網頁封存 (*.mht)

文字檔 (*.txt)

Page 21: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

代理程式 (Proxy)

「工具選項 連線 區域網路設定

Page 22: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

網頁製作軟體

HomePage

Dreamweaver

Flash

Etc.

Page 23: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

查看網頁的 HTML 語言

Page 24: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

檢視原始檔

Page 25: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑

FireFox

以 Google(古狗 ) 為首頁。