1 / 18

全球資訊網 （ WWW ） 簡介

全球資訊網 （ WWW ） 簡介. WWW 概說. 全球資訊網（ World Wide Web, WWW ）或簡稱 Web 。 發音： WWW ， Triple W ，汪汪汪 WWW 的瀏覽器，一般稱為 browsers 或 viewers ， 透過網際網路取得各種伺服器 (Servers) 所提供資訊，包括文字、 聲音、 影像的各種資訊。. WWW 特性. 易於操作的圖形化使用者介面。 超文件（ hypertext ）中的連結（ link ）。 結合多媒體 (Multimedia) ：處理 聲音、 影像、 圖形、 動畫等不同型態的資料。

julius
Télécharger la présentation

全球資訊網 （ WWW ） 簡介

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 全球資訊網（WWW）簡介

  2. WWW 概說 • 全球資訊網（World Wide Web, WWW）或簡稱 Web 。 發音：WWW，Triple W，汪汪汪 • WWW的瀏覽器，一般稱為 browsers 或 viewers， 透過網際網路取得各種伺服器 (Servers) 所提供資訊，包括文字、 聲音、 影像的各種資訊。

  3. WWW 特性 • 易於操作的圖形化使用者介面。 • 超文件（hypertext）中的連結（link）。 • 結合多媒體(Multimedia) ：處理 聲音、 影像、 圖形、 動畫等不同型態的資料。 • 整合網路資源：利用WWW 瀏覽器即能取得網路上的各種服務，包括Gopher、FTP..等。

  4. Operation of WWW • Connect • Request • Response • Disconnect URL Request HTML DOC HTTP HTTP WWW Client(Browser) WWW Server

  5. WWW 名詞解釋 (1) • Browser：瀏覽器，一種圖形視窗介面的互動式網路應用軟體。如：Netscape, MS Internet Explorer。 • Homepage：首頁，網頁的第一頁，是瀏覽網頁的起始點（烘焙機）。 • Web Site：網站，提供網頁存取服務的站台。 • Web Page：網頁，任何網站上可看到的頁面之總稱。

  6. WWW 名詞解釋 (2) • HTML (Hypertext Markup Language)： 超文件標籤語言，WWW使用的語言。 • HTTP(Hypertext Transfer Protocol)：超文件通訊協定，伺服器與用戶端的溝通協定。 • Hyperlink：超連結，簡稱為連結(Link)，一般滑鼠指標移到此物件上會由箭頭變成一個手的形狀，點選後可通過此連結連往其他網站、網頁或任意超媒體檔案。

  7. WWW 名詞解釋 (3) • URL (Uniform Resources Locators)： 資源定位器，運用一種統一的方式對網際網路的資源進行命名，而且所有的資源命名不會重複。利用它可以指向網路上的各種服務，有點類似住址的概念。 • http://www.w3.org:80/default.html • ftp://ftp.nctuccca.nctu.edu.tw • gopher://gopher.csie.nctu.edu.tw

  8. 填寫 URL Service Type Server Name :// [:Port] [/Dir/File] 協定 http gopher news ftp ..... 網際網路位址 IP Address Domain name 埠號 TCP/IP Port 路徑檔名

  9. 網站範例 交通大學 http://www.nctu.edu.tw 交通大學圖書館 http://www.lib.nctu.edu.tw 浩然數位圖書館 http://www.infospring. nctu.edu.tw 交大思源基金會 http://www.spring.org.tw 財政部 http://www.mof.gov.tw 華電信 http://www.hinet.net

  10. 搜尋引擎／網站索引 國內 • 聚寶盆 http://db2serv.cc.nctu.edu.tw/ • 蕃薯藤 http://www.yam.org.tw • 奇摩搜尋 http://www.kimo.com/ 國外 • Yahoo http://www.yahoo.com • 亞洲網路 http://www.asiannet.com/

  11. HTML 基本元件 (1) • HTML的組成三要件： 元素、標籤、屬性 • 元素 (Elements)： 元素由起始標籤和結束標籤包起來。 <TITLE>這是一份測試文件</TITLE>

  12. HTML 基本元件 (1) • 標籤(TAG)︰ 1 文件指令的起動，夾在 < 及 >之間，指令的 結束，夾在 </ 及 > 之間。例：<A>...</A> 。 2 空格, 定位點, Return 通通忽略。 3 TAG大小寫為一樣意思、且通常是成對出現。 • 屬性(Attributes)︰ 屬性寫在標籤內，用以指定元素的屬性，可以改變原先排版的定義。

  13. HTML文件架構 (1) <html> <head> <title>我的網頁</title> </head> <body> <p><b>新學期</b><font color="red">新希望</font></p> <!-- 這是註解 --> </body> </html>

  14. HTML文件架構 (2) <HTML> <HEAD> <TITLE>文件名稱，出現在視窗上方</TITLE> </HEAD> <BODY> 本文區 ( 文、圖、Hyperlink 及 ........ ) <!-- This is a Comment --> </BODY> </HTML>

  15. HTML文件架構 (3) • <HTML>︰HTML文件必須以 <HTML>開頭，以 </HTML>結尾 • <HEAD>︰用來定義HTML文件的前言 <TITLE>︰定義文件的標題，會出現在視窗的標題欄 • <BODY>︰本文必須包在 <BODY> 與 </BODY>間

  16. 製作Home Page 方式 • 一般文字檔編輯器（如記事本NotePad）編輯HTML語法 • Word （存成HTML ） • 運用FrontPage編輯器，製作Home Page • Netscape提供之編輯器

  17. 編輯HTML參考網頁 • 交大資工系李正國http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm • 交大資工系HyperText Markup Language Specification 3.0http://www.csie.nctu.edu.tw/document/html30/Contents.html

More Related