Download presentation
Presentation is loading. Please wait.
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)：
資源定位器，運用一種統一的方式對網際網路的資源進行命名，而且所有的資源命名不會重複。利用它可以指向網路上的各種服務，有點類似住址的概念。 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 路徑檔名
![填寫 URL Service Type :// Server Name [:Port] [/Dir/File] 協定 http gopher](http://slidesplayer.com/slide/11647507/65/images/8/%E5%A1%AB%E5%AF%AB+URL+Service+Type+%3A%2F%2F+Server+Name+%5B%3APort%5D+%5B%2FDir%2FFile%5D+%E5%8D%94%E5%AE%9A+http+gopher.jpg "news. ftp 網際網路位址. IP Address. Domain name. 埠號. TCP/IP Port. 路徑檔名.")
9
網站範例 交通大學 http://www.nctu.edu.tw 交通大學圖書館 http://www.lib.nctu.edu.tw
交通大學 交通大學圖書館 浩然數位圖書館 nctu.edu.tw 交大思源基金會 財政部 華電信
10
搜尋引擎／網站索引 國內 聚寶盆 http://db2serv.cc.nctu.edu.tw/
聚寶盆 蕃薯藤 奇摩搜尋 國外 Yahoo 亞洲網路
11
HTML 基本元件 (1) HTML的組成三要件： 元素、標籤、屬性 元素 (Elements)： 元素由起始標籤和結束標籤包起來。
<TITLE>這是一份測試文件</TITLE>
12
HTML 基本元件 (1) 標籤(TAG)︰ 1 文件指令的起動，夾在 < 及 >之間，指令的 屬性(Attributes)︰
結束，夾在 </ 及 > 之間。例：<A>...</A> 。 2 空格, 定位點, Return 通通忽略。 3 TAG大小寫為一樣意思、且通常是成對出現。 屬性(Attributes)︰ 屬性寫在標籤內，用以指定元素的屬性，可以改變原先排版的定義。
13
HTML文件架構 (1) <html> <head> <title>我的網頁</title>
<body> <p><b>新學期</b><font color="red">新希望</font></p> <!-- 這是註解 --> </body> </html>
15
HTML文件架構 (2) <HTML> <HEAD>
<TITLE>文件名稱，出現在視窗上方</TITLE> </HEAD> <BODY> 本文區 ( 文、圖、Hyperlink 及 ) <!-- This is a Comment --> </BODY> </HTML>
16
HTML文件架構 (3) <HTML>︰HTML文件必須以 <HTML>開頭，以 </HTML>結尾
<HEAD>︰用來定義HTML文件的前言 <TITLE>︰定義文件的標題，會出現在視窗的標題欄 <BODY>︰本文必須包在 <BODY> 與 </BODY>間
17
製作Home Page 方式 一般文字檔編輯器（如記事本NotePad）編輯HTML語法 Word （存成HTML ）
運用FrontPage編輯器，製作Home Page Netscape提供之編輯器
18
編輯HTML參考網頁 交大資工系李正國 交大資工系 HyperText Markup Language Specification 3.0
Similar presentations
