鄭家瑜 [email protected]. 第二章 全球資訊網 www 是網際網路與您的主要橋樑
Post on 20-Dec-2015
307 views
TRANSCRIPT
![Page 2: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/2.jpg)
第二章 全球資訊網WWW 是網際網路與您的主要橋樑
![Page 3: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/3.jpg)
全球資訊網
全球資訊網 (World Wide Web) 可以簡稱為 WWW 、 3W(Triple W) 或 W3 ,又稱為 Web( 網頁 )
將 Internet 上的資料以聲音、文字、影像、圖片及動畫等,使用超媒體 (Hypermedia)來擷取,並透過網路連結到各個伺服器,然後藉由瀏覽器 (Browser) 所呈現出來的一種技術。
![Page 4: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/4.jpg)
學習目標
了解 WWW 的起源了解何謂 Browser ?了解網頁的基本術語了解 WWW 架構了解 IE 的使用其它 browser
![Page 5: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/5.jpg)
WWW 的基本架構
WWW 主要是由大大小小的網站 (Web Site) 所組成,採取主從架構 (Client/Server,C/S) 的方式所形成,使用者端或用戶端稱為 Client ,網站稱為伺服端 (Server) ,在使用者端與伺服端是藉著瀏覽器溝通。
使用者 / 瀏覽器 /IE
IIS//Apach
![Page 6: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/6.jpg)
WWW 起源
1980 年英國工程師 Tim Berners-Lee 於瑞士日內瓦的 CERN( 歐洲高能粒子物理實驗室 ) ,利用 HTML(Hypertext Markup Language) 的超文件標記語言,來連接相異物件間的技術,以 HTTP(Hypertext Transfer Protocol) 通訊協定傳遞資料。
![Page 7: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/7.jpg)
瀏覽器
1991 :瀏覽器 (Browser) 只能呈現文字1993 :瀏覽圖片的 Mosaic
1994 : Netscape Navigator 、 Internet Explore 2.0
2000 : Mozilla Firefoxhttp://www.moztw.org/
![Page 8: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/8.jpg)
專有名詞 首頁 (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 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/9.jpg)
專有名詞
通訊協定 (Hyper Text Transfer Protocol,Http) :通訊埠為 80
加密通訊協定 (Hyper Text Transfer Protocol Security, Https) :通訊埠為 443
![Page 10: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/10.jpg)
WWW的架構
![Page 11: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/11.jpg)
網頁製作技術
客戶端: 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 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/12.jpg)
其他技術
動畫編輯軟體:如 Flash 。VRML :虛擬實境標記語言 (Virtual Reality Markup Language) 。DHTML :動態 (Dynamic) 改變 HTML 的網頁技術。XML :延伸標記語言 (eXtensible Markup Language) ,具有自我描述能力的標誌語言。XHTML :新版的 HTML 語言,用 XML 來撰寫的。
![Page 13: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/13.jpg)
手機網頁技術
WAP :無線網路應用協定 (Wireless Application Protocol) 。WML :無線標記語言 (Wireless Markup Language) 。i-mode :是日本電信公司所發展出來的手機內容應用加值服務。
![Page 14: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/14.jpg)
IE 瀏覽器
2001 年微軟推出 Internet Explorer 6.0 ,是所有電腦的標準配備圖示為 以空白網頁 (about:blank) 顯示
![Page 15: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/15.jpg)
IE 外觀
![Page 16: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/16.jpg)
自訂首頁「工具 (T) 網際網路選項 (O)... 」
![Page 17: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/17.jpg)
清除 Cookie 與暫存檔
![Page 18: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/18.jpg)
Cookie
Cookie:將網頁內要您輸入的資料留存在您電腦的資料,如您的帳號,密碼等資料,以節省輸入資料的時間,但也會變成駭客攻擊的目標。
![Page 19: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/19.jpg)
收集網站
「我的最愛組織我的最愛」
![Page 20: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/20.jpg)
網頁的儲存
檔案另存新檔 四種類型
網頁完整檔 (*.htm ; *.html)
網頁僅 HTML(*.htm ; *.html)
網頁封存 (*.mht)
文字檔 (*.txt)
![Page 21: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/21.jpg)
代理程式 (Proxy)
「工具選項 連線 區域網路設定
![Page 22: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/22.jpg)
網頁製作軟體
HomePage
Dreamweaver
Flash
Etc.
![Page 23: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/23.jpg)
查看網頁的 HTML 語言
![Page 24: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/24.jpg)
檢視原始檔
![Page 25: 鄭家瑜 jycheng@kfut.edu.tw. 第二章 全球資訊網 WWW 是網際網路與您的主要橋樑](https://reader033.vdocuments.net/reader033/viewer/2022061411/56649d4c5503460f94a29c75/html5/thumbnails/25.jpg)
FireFox
以 Google(古狗 ) 為首頁。