全球資訊網(WWW)簡介
WWW 概說 全球資訊網(World Wide Web, WWW)或簡稱 Web 。 發音:WWW,Triple W,汪汪汪 WWW的瀏覽器,一般稱為 browsers 或 viewers, 透過網際網路取得各種伺服器 (Servers) 所提供資訊,包括文字、 聲音、 影像的各種資訊。
WWW 特性 易於操作的圖形化使用者介面。 超文件(hypertext)中的連結(link)。 結合多媒體(Multimedia) :處理 聲音、 影像、 圖形、 動畫等不同型態的資料。 整合網路資源:利用WWW 瀏覽器即能取得網路上的各種服務,包括Gopher、FTP..等。
Operation of WWW Connect Request Response Disconnect URL Request HTML DOC HTTP HTTP WWW Client (Browser) WWW Server
WWW 名詞解釋 (1) Browser:瀏覽器,一種圖形視窗介面的互動式網路應用軟體。 如:Netscape, MS Internet Explorer。 Homepage:首頁,網頁的第一頁,是瀏覽網頁的起始點(烘焙機)。 Web Site:網站,提供網頁存取服務的站台。 Web Page:網頁,任何網站上可看到的頁面之總稱。
WWW 名詞解釋 (2) HTML (Hypertext Markup Language): 超文件標籤語言,WWW使用的語言。 HTTP(Hypertext Transfer Protocol):超文件通訊協定,伺服器與用戶端的溝通協定。 Hyperlink:超連結,簡稱為連結(Link),一般滑鼠指標移到此物件上會由箭頭變成一個手的形狀,點選後可通過此連結連往其他網站、網頁或任意超媒體檔案。
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
填寫 URL Service Type :// Server Name [:Port] [/Dir/File] 協定 http gopher news ftp ..... 網際網路位址 IP Address Domain name 埠號 TCP/IP Port 路徑檔名
網站範例 交通大學 http://www.nctu.edu.tw 交通大學圖書館 http://www.lib.nctu.edu.tw 交通大學 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
搜尋引擎/網站索引 國內 聚寶盆 http://db2serv.cc.nctu.edu.tw/ 聚寶盆 http://db2serv.cc.nctu.edu.tw/ 蕃薯藤 http://www.yam.org.tw 奇摩搜尋 http://www.kimo.com/ 國外 Yahoo http://www.yahoo.com 亞洲網路 http://www.asiannet.com/
HTML 基本元件 (1) HTML的組成三要件: 元素、標籤、屬性 元素 (Elements): 元素由起始標籤和結束標籤包起來。 <TITLE>這是一份測試文件</TITLE>
HTML 基本元件 (1) 標籤(TAG)︰ 1 文件指令的起動,夾在 < 及 >之間,指令的 屬性(Attributes)︰ 結束,夾在 </ 及 > 之間。例:<A>...</A> 。 2 空格, 定位點, Return 通通忽略。 3 TAG大小寫為一樣意思、且通常是成對出現。 屬性(Attributes)︰ 屬性寫在標籤內,用以指定元素的屬性,可以改變原先排版的定義。
HTML文件架構 (1) <html> <head> <title>我的網頁</title> <body> <p><b>新學期</b><font color="red">新希望</font></p> <!-- 這是註解 --> </body> </html>
HTML文件架構 (2) <HTML> <HEAD> <TITLE>文件名稱,出現在視窗上方</TITLE> </HEAD> <BODY> 本文區 ( 文、圖、Hyperlink 及 ........ ) <!-- This is a Comment --> </BODY> </HTML>
HTML文件架構 (3) <HTML>︰HTML文件必須以 <HTML>開頭,以 </HTML>結尾 <HEAD>︰用來定義HTML文件的前言 <TITLE>︰定義文件的標題,會出現在視窗的標題欄 <BODY>︰本文必須包在 <BODY> 與 </BODY>間
製作Home Page 方式 一般文字檔編輯器(如記事本NotePad)編輯HTML語法 Word (存成HTML ) 運用FrontPage編輯器,製作Home Page Netscape提供之編輯器
編輯HTML參考網頁 交大資工系李正國 http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm 交大資工系 HyperText Markup Language Specification 3.0 http://www.csie.nctu.edu.tw/document/html30/Contents.html