Transcript 計算機概論2009- ch11 - Test Page for Apache Installation

第十一章
網際網路與全球資訊網
網際網路這個目前最流行的名詞到底是什麼呢？為何它
改變了我們的生活習慣，在本章中，我們將進入網際網
路的世界，探索這無遠弗界的虛擬世界－Internet。除此
之外，針對網際網路中最常見的WWW應用，我們也將
在本章中作重點介紹。
1
第十一章 網際網路
• 1995~2010年是網路最精華的時代
– 我們常常可以聽到一些與網路相關的名詞，例如：Internet、IP、DNS、
BBS、FTP、WWW、E-mail、HomePage、MSN、Spype等等。我
們將在本章中對這些與網際網路有關的名詞詳加介紹，讓您不但能夠
悠遊於網際網路中，也能夠非常清楚網際網路到底是什麼！
2
大綱
• 11.1 什麼是網際網路（Internet） • 11.6 Intranet/Extranet
– 11.1.1
Internet的發展
• 11.7 全球資訊網（WWW）
– 11.1.2
Internet的管理機構
– 11.7.1
協定
– 11.7.2
– 11.7.3
– 11.7.4
– 11.7.5
• 11.2 網際網路的通訊協定
• 11.3 Internet上的服務
• 11.4 Internet 命名規則
– 11.4.1
– 11.4.2
– 11.4.3
IP位址
網域名稱系統（DNS）
電子郵件位址
• 11.5 Internet 服務廠商(ISP)
–
–
–
–
–
11.5.1
11.5.2
11.5.3
11.5.4
11.5.5
Web架構與HTTP通訊
Page與HomePage
全球資源位址(URL)
WWW與HTTP的運作
超鏈結(HyperLink)
• 11.8 網頁製作技術
–
–
–
–
–
台灣學術網路（TANet）
中華電信Hinet
數位聯合（SeedNet）
固網公司
其他的ISP公司
11.8.1
11.8.2
11.8.3
11.8.4
11.8.5
HTML
CSS
客戶端技術
伺服器端技術
其他網頁技術
• 11.9 行動通訊與Web
3
11.1
什麼是網際網路（Internet）
• 把家庭、公司行號裡面的電腦，透過網路線相連，可以構成一個小型的區
域網路。如果再把這些區域網路互相連接，將範圍擴展到一個國家、甚至
全世界，就是所謂的廣域網路。Internet是世界上最大的廣域網路，在台
灣我們稱它為「網際網路」，大陸稱它為「互聯網」。
– 網際網路並不是一個能夠清楚劃分範圍的實體網路，因為它是由成千上萬的
中小型網路所構成的超大型虛擬網路。
– 在網際網路上，有上千萬部以上的電腦互相連接，並且得以共用資源。
• 網際網路提供相當多的服務形態，比較為一般人所熟悉的有
– 電子郵件（E-mail）、網路新聞（News）、全球資訊網（World Wide Web）、
檔案傳輸站（FTP）、電子布告欄（BBS）等
– 近年來又發展出網路電話、即時視訊、網路遊戲、遠距教學、電子商務、點
對點共用等等形形色色的多元內容。
4
11.1
什麼是網際網路（Internet）
– 網際網路各種服務包含了無數的資訊，例如即時新聞、球賽現場報導、
股票市場行情、求人求職廣告、旅遊資訊、天氣預報、政府法規資
訊…等等。我們也可以透過網路交友認識新朋友，透過網路商店購買
商品、透過網路銀行進行轉帳付款等。
– 在網路的世界裡，不必擔心天氣，也不必擔心時間早晚，只要一開機，
就可以藉由網際網路的連線直達全世界每個角落，得到最新最快，無
窮無盡的網路資源。
Internet上的股票訊息（雅虎!奇摩）
5
11.1
什麼是網際網路（Internet）
Internet上的人力銀行網站(104人力網站)
Internet上的網路書店（博客來）
Internet上的新聞網站(CNN)
6
11.1
什麼是網際網路（Internet）
Internet上的影視網站（hiChannel）
Internet上的入口網站（雅虎!奇摩）
7
11.1.1 Internet的發展
• 網際網路起源：ARPANET
– 在網路模式初成形之前，早期的Mainframe主機為多人多工的環境，
透過中間的大型主機互相連結，但也會因為主機故障或是其他因素而
無法正常運作，此時整個網路就會陷入停擺。
– 網路發源地美國國防部的先進計畫研究局為了要避免網路停擺帶來的
巨大損失及安全上的考量，便要求BBN高科技公司，著手研發一項較
好的技術，克服此項問題。
• BBN公司於1969年提出ARPANET（Advanced Research Projects
Agency Network，美國高等研究計畫署網路）技術，可以說是網
際網路的起源。
8
11.1.1 Internet的發展
• ARPANET屬於一種封包交換型網路（Packet Switching
Network），與之前的大型主機架構不同，在ARPANET網路中的
每一部電腦，都是一個獨立的主體，可以像主機一樣接受別人傳
遞的訊息，也可以決定自己的訊息要怎樣傳送給對方。
• 這樣一來，兩部電腦進行溝通時，不一定要透過中央主機來交換
訊息。因為網路彼此互相連結，所以溝通時也能擁有較多路徑可
供選擇，而非單一的路徑。若某一條路徑毀損了，還可以找尋其
他路徑，將訊息傳送到目的地。
• ARPANET網路技術受到學術單位和企業的重視，成為一個開放式
網路。ARPANET在大學和公司的參與後蓬勃發展，並且陸續加入
各家不同類型的電腦，這些電腦的語言可能不同，必須選擇一個
共同的通訊協定才能彼此互相溝通。
– 最後TCP/IP通訊協定組因為具備多項優點脫穎而出，在1983年1月成
為ARPANET最主要的通訊協定。
9
11.1.1 Internet的發展
• NSFNET
– 在1986年，美國國家科學基金會(NSF)依照ARPANET的網路架構，
出資興建了NSFNET（國家科學基金會網路），提供網路服務給美國
的教育和研究單位，並且可透過通訊協定與ARPANET進行溝通，當
時的骨幹速度是56Kbps，與現在的數據機速度差不多。
– 1990年之後，NSFNET正式取代了ARPANET。
– 台灣於1991年建立TANet，並以數據專線與美國的NSFNET相連，正
式步入Internet的時代。
• 網路統稱：Internet
– 在1980年的同一個時期，還先後推出了BITNET和USENET（新聞群
組），這些網路雖然不如ARPANET有名，但也都是Internet的前身網
路，透過相同的通訊協定彼此相連。網際網路就是這些網路的統稱。
10
11.1.2 Internet的管理機構
• Internet是一個超大型的虛擬網路，由許多相異的中小型網路
構成，所以並沒有一個專屬組織來負責管理整個網路的運作
– 這些實際上的管理工作，都是由每一個中小型網路的網路管理者分擔
負責的。
– 為了讓網際網路的維護工作可以更有制度及效率，國際間成立了一些
營利或非營利性的組織，透過這些組織，大家共同訂定網際網路使用
上所需遵守的規則，並且由這些組織分別負責不同領域的管理工作，
以下列舉幾個Internet的重要管理組織。
• ICANN (Internet Corporation for Assigned Names and Numbers)
– 全名為網際網路網域名稱與位址管理機構，1998年成立，負責IP位址
的分配、網域名稱系統的管理維護等，是一個非營利的組織，網址為
http://www.icann.org。
11
11.1.2 Internet的管理機構
• InterNIC（Internet Network Information center）
– 全名為網際網路資訊中心。由於美國是網際網路的發源地，所以最早
的網域名稱系統（DNS）的發展與分配都是由美國所主導。
– 在20世紀末因為網路發展迅速，使得DNS註冊變成很龐大的工作，所
以在1993年美國國家科學基金會(NSF)透過一個5年的合作契約，提供
資金給網路解決方案公司(NSI)，負責一個最高層級的網域名稱（如
「.com」、「.org」、「.net」、「.edu」）網路註冊工作與其他維護
性工作。
– 網址為http://www.internic.org。
12
11.1.2 Internet的管理機構
• TWNIC（Taiwan Network Information center）
– 全名為財團法人台灣網路資訊中心。是一個非營利性的法人機構，於
1999年正式成立，負責台灣地區的網域名稱與IP位址發放的工作，也
提供其他網路資訊及目錄服務。網址為http://www.twnic.net或
http://www.twnic.com.tw。換句話說，您若想要申請台灣網域名稱
（尾端為tw），必須向TWNIC提出申請。
TWNIC提供線上查詢新申請網域名稱的服務
13
11.1.2 Internet的管理機構
• W3C（World Wide Web Consortium）
– 全名為全球資訊網協會，於1994年10月創立，負責制定Internet上最
主要的全球資訊網服務之相關標準，例如HTML網頁標示語言、XML
延伸標示語言，P3P隱私保護規格等等。有興趣的讀者可至該組織網
站http://www.w3c.org/查詢目前全球資訊網的進展。
W3C網站中名列各項審查標準
14
11.2
網際網路的通訊協定
• 通訊協定
– 在網際網路誕生前，有許多商業組織或團體都嘗試著建立自己的網路
標準，在經過幾年的發展後，這些屬於區域性的網路都遇到相同的難
題，也就是不同的網路間溝通困難。
– 通訊協定的產生就是用來讓不同的電腦之間可以互相交談。因為在不
同的網路之間，資料傳送可能透過不同的拆解、編碼與運送過程，在
資料格式上有很大的差異，為了要連接這些異質網路，最重要的事情
就是要定義共通的通訊協定。
– 網際網路上最主要的通訊協定組是TCP/IP通訊協定組
• 當然還有其他的通訊協定組，如APPLE TALK、IPX/SPX等。
15
11.2
網際網路的通訊協定
– Apple Talk 通訊協定組是由蘋果公司在1983年所推出，包含在麥金塔
作業系統中，也因此得名。在早期版本中，這個通訊協定因為沒有定
址系統，所以只能在區域網路上使用，之後在1989年推出新的版本加
入了網路定址。
• 它最主要的通訊協定稱為LocalTalk以及AARP通訊協定。
– IPX/SPX通訊協定組是在1980年代初期，由Novell公司提出。它是由
其中兩個主要的通訊協定IPX和SPX命名，就如同TCP/IP通訊協定組
一樣。
• IPX和SPX的差別在於IPX是非連結導向的（Connectionless
oriented，如同UDP通訊協定 ）而SPX是連結導向（Connection
oriented，如同TCP通訊協定）。
• 這個通訊協定能夠使用在乙太網路和記號環網路上，因為協定組
中包含了路由協定，所以可以透過路由與其他網路相連接。
16
11.2
網際網路的通訊協定
• TCP/IP通訊協定組
– TCP/IP其實是由很多個通訊協定所組成，我們通常以其中最主要的兩
個通訊協定TCP（Transmission Control Protocol，傳輸控制協定）和
IP（Internet Protocol，網際網路協定）的縮寫TCP/IP來稱呼它。
• 它包含常用的HTTP通訊協定、FTP通訊協定、SMTP通訊協定和
POP3通訊協定等，統稱TCP/IP通訊協定組。
17
11.3
Internet上的服務
• 網際網路在二十世紀末期的蓬勃發展，使得各式各樣的服務越來越多。以
下我們將介紹一些網際網路最主要的服務項目。
• 電子郵件（E-mail）
– 在網際網路只是一個概念之前，以各種大型主機為核心的網路，就已經提供
了類似現今的電子郵件系統，只是當時的網路系統尚未整合，因此郵件格式
也相異，彼此是不能互通的。
– 在網際網路發明之後，電子郵件一躍而成為網際網路上最重要的服務，一般
企業內必須提供相當大的網路頻寬，使得電子郵件的服務能夠順利的運作。
– 透過電子郵件，使用者不必打電話或面對面交談，就能夠彼此進行溝通，可
以省下一筆可觀的電話費或是差旅費。
– 由於目前的郵件格式可以附加檔案，所以也能夠將美麗的照片或小遊戲透過
郵件互相交換，或製作卡片寄送給對方。
18
11.3
Internet上的服務
– 收發電子郵件主要透過郵件軟體（如Microsoft Outlook
express/Windows Mail），並且輸入內容，夾帶檔案，最後輸入收件
人的郵件位址，再按傳送就可以了。
• （我們將於第12章，詳細介紹Windows Mail的使用方法）。
郵件信箱
網址
Mail2000電子郵件信箱
http://www.mail2000.com.tw/
智邦生活館
http://www.url.com.tw/free-email/free1.asp
臺北市民電子信箱
http://www.tpemail.net.tw/
Yahoo! 奇摩
http://mail.yahoo.com.tw/
表11-1 提供電子郵件信箱的網站
19
11.3
Internet上的服務
– 當郵件伺服器收到信之後，它
會先暫存在伺服器的硬碟裡。
當收件者打開郵件軟體，並且
啟動傳送接收之後，便能從郵
件伺服器上將電子郵件收下來，
接下來收件者就可以打開郵件，
欣賞您美美的照片或是閱讀信
件內容了。
– 除此之外，有些Email系統提供
了瀏覽器介面（WebMail），
收發信只要透過瀏覽器就能完
成。
Windows Mail電子郵件管理軟體
20
11.3
Internet上的服務
• 全球資訊網（WWW）
– 使用HTTP通訊協定的全球資訊網可以說是網際網路上最受歡迎的
網路服務。因為這個服務不但提供文字，更可以提供圖片、影像動
畫和音樂等多媒體網頁，使用者只要透過電腦的瀏覽器便可以直接
欣賞。我們在後面的章節將會繼續談到全球資訊網的進一步內容。
IE是目前最多使用者的瀏覽器，
自從IE4/Windows98之後，
就內建於微軟的作業系統中。
21
11.3 Internet上的服務
• 檔案傳輸（FTP）
– 對網路使用者而言，FTP（File Transfer Protocol，檔案傳輸協定）應
該是僅次於HTTP或E-mail之外，最讓人耳熟能詳的通訊協定。事實上，
FTP可以說是能將網路功能發揮到極致的通訊協定之一。我們藉由網
路存取遠端伺服器上的檔案，而ftp提供了對遠端進行新增、刪除、複
製、搬移及下載等實用功能。
– 透過FTP協定，可以很方便的將兩地的檔案互傳，這種藉由網路提供
的便利性，許多需要即時傳送的文件及檔案都可以很快的流通到各地，
提升資訊的流通率。
– 目前有許多單位都提供匿名存取的FTP站台，事實上絕大部份的公開
FTP站都有這樣的服務
• 使用者只要輸入Anonymous做為帳號和自己的郵件位址作為密碼
就可以下載檔案了。
22
11.3 Internet上的服務
台灣大學的Ftp站台
（可以使用瀏覽器匿名登入）
23
11.3 Internet上的服務
• 檔案搜尋系統（Archie）
– 網際網路上可提供下載的軟體眾多，有時候在搜尋上會有茫無頭緒
的感覺，檔案搜尋系統此時便提供搜尋的服務，只要輸入部份或是
全部的檔名，便能夠自動幫您在各FTP站中搜尋符合條件的檔案，並
且將結果回傳，告訴您該檔案的位址。
透過中央大學的檔案搜尋站，
可以找到網路上相關的檔案
24
11.3 Internet上的服務
• 電子佈告欄（BBS）
– 電子佈告欄的全名是Bulletin Board System，縮寫為BBS。
– BBS提供了文章的張貼與閱讀服務，交談（Talk）與訊息(message)服務，有
些還提供一些小遊戲。
– BBS的內容多采多姿，與網友的互動性很高，讓使用者產生強烈的歸屬感，
有許多人更因此沈迷在網路的世界之中。
中山大學的BBS站可透過telnet連結登入
（Vista中預設未載入telnet程式，
需至【控制台／預設程式】中加入）
25
11.3 Internet上的服務
許多BBS站也已經有Web版本
26
11.3 Internet上的服務
• 新聞群組（NEWS）
– BBS提供的張貼及閱讀文章等功能，其實背後是透過新聞群組進行運
作的。新聞群組是一個個不同話題的討論區，每個人都可以在討論區
上發表自己的意見，或者是回覆別人所提出的問題。透過網際網路的
無遠弗屆，參與討論的朋友可以從一個組織、一個校園或一個地區向
外拓展，跟世界上很多角落的不同網友們進行溝通討論。
使用Microsoft Outlook Express
/Windows Mail瀏覽新聞群組
27
11.3 Internet上的服務
• 網路聊天和即時傳訊
– 這項服務包括了較早期的IRC（International Relay Channel），還有
近期大受歡迎的即時傳訊（例如ICQ和MSN）。
• IRC是一個線上的多人即時交談系統，使用者可以連上IRC伺服器，
並且選擇其中一個頻道進行線上的交談，同時間可以看到很多人
所輸入的訊息。
• 即時傳訊軟體中最著名的是MSN Messenger。透過MSN
Messenger連上伺服器，就可以將訊息即時的傳送到螢幕上，類似
像手機簡訊的方式。
– 由於目前的即時通訊廠牌眾多，包含ICQ、AOL、Yahoo Messenger、
MSN Messenger以及大陸常用的騰訊QQ，因此有些廠商開始開發能
夠同時登入眾多即時通訊的軟體，例如Trillian。
28
11.3 Internet上的服務
使用Trillian可同時登入ICQ、MSN Messenger、
Yahoo Messenger、IRC、AOL Instant Messenger
29
11.3 Internet上的服務
• 搜尋引擎及入口網站
– 網際網路的資訊非常多，每年還以數倍的速度成長，如果想在網際網
路中，不透過搜尋引擎或入口網站而順利找到所需的資訊，實在有如
大海撈針一樣的困難。因應大眾對於資訊的需求，搜尋引擎及入口網
站成為上網不可或缺的工具。而想要在短時間內找到合適的網站，更
是要學著掌握使用關鍵字的技巧。
– 目前較大型的入口網站中，都會包含搜尋引擎功能，其中以GOOGLE
所提供的搜尋引擎，為目前的箇中翹楚。下面將列出一些較大型的入
口網站。
30
11.3 Internet上的服務
搜尋引擎及入口網站
網址
GOOGLE搜尋引擎
http://www.google.com
雅虎入口網站
http://www.yahoo.com
蕃薯藤入口網站
http://www.yam.com/
Yahoo!奇摩入口網站
http://tw.yahoo.com
網路家庭入口網站
http://www.pchome.com.tw
新浪網入口網站
http://www.sina.com
搜狐搜尋引擎
http://www.sohu.com
YouToBe(影片)搜尋引擎
http://www. youtobe .com
表11-2 入口網站及搜尋引擎網址
31
11.3 Internet上的服務
Google搜尋網站不僅
提供文字搜尋，還提供圖片搜尋
台灣的Yahoo奇摩是瀏覽率最高的網站
（提供新聞、股市、拍賣等功能）
32
11.3 Internet上的服務
【入口網站與搜尋引擎有何不同】
入口網站是提供許多常用超鏈結的網站，讓使用者可以很容易地透過該
網站前往自己所需要的網站。而搜尋引擎則是一種尋找網站標題、網頁
文字、新聞、圖片等功能的一種系統，通常它提供關鍵字搜尋與全文比
對兩種方式，並會將搜尋結果以超鏈結方式顯示，供瀏覽者選取以便連
線至所需要的網站取得資料。由於搜尋引擎的功能強大，因此，一般的
入口網站也會提供搜尋網頁的服務。
著名的Google即為目前最成功的搜尋引擎，網址是www.google.com，
而國內外最著名的入口網站當屬Yahoo，其網址是www.yahoo.com與
www.yahoo.com.tw，前者為全球／美國Yahoo首頁，後者為台灣Yahoo
奇摩首頁（購併自奇摩）。
為了維持高瀏覽率，入口網站提供的服務越來越多，包含新聞、股市、
網路拍賣、星座、英漢字典、免費網頁空間、免費電子郵件信箱等等，
幾乎想得到的服務都可以在入口網站中輕鬆取得。早期許多著名入口網
站的搜尋引擎都採用Google的搜尋引擎，但後來較大的入口網站都傾向
自行研發搜尋引擎。關於Google搜尋引擎的使用技巧，請見本書部落格
網站。
33
11.3 Internet上的服務
• 網路電話(VoIP)
– 網路電話（Voice over Internet Protocol；VoIP）是透過網路系統進行通話的
模式。
• 傳統電話是透過電話線所構成的電話網路進行聲音的傳送
• 而網路電話則是透過網路線或無線網路所構成的網路進行影音的傳送（請
注意，可以包含影像）。
– 網路電話傳輸的資料可以包含『文字』、『聲音』、『影像』等等，因為這
些資料在網路傳輸過程中，都只是01的數位訊號，唯一的差別只在於資料量
的多寡，隨著網路頻寬的逐漸加大，聲音的傳遞已經與傳統電話的品質相去
不遠，而影像的傳輸也將不再是問題。
– 網路電話由於採用電腦網路傳送資料，因此可節省許多費用，尤其在國際長
途電話方面表現特別顯著。
– 網路電話其實只是一個概念性名詞，凡是透過電腦網路傳遞資料並達到傳統
電話功能的系統都可以稱之為「網路電話系統」。
• 在台灣，實現網路電話較有名的有SKYPE、Wagaly IP等等。
34
11.3 Internet上的服務
SKYPE是目前最熱門的網路電話系統【圖片取自PCHOME】
35
11.4
Internet 命名規則
• 網際網路是由成千上萬個中小型網路所組成的，連上網際網
路的電腦實在太多了，要如何區分彼此呢？
– 在網際網路上所使用的TCP/IP通訊協定組，規定每部在網際網路上的
電腦，都至少需要具備一個實體的IP位址。藉由這些配發的IP位址，
電腦所送出的資料便能按照IP找到目標電腦。這就跟在日常生活中，
我們只要在信件上填寫地址，郵差便可以藉著地址將信傳送給收信人，
是同樣的原理。
– IP位址多達12位數，不符合一般人的記憶方式，為了要讓使用者容易
記住網際網路的位址，產生了網域名稱對應的概念。
• 舉例來說，使用者不需要也很難記住198.137.240.91這組IP對應的
組織名稱，若以www.whitehouse.gov來表示的話，就可以很容易
聯想到這是美國白宮的首頁。
– 我們可以用具備意義的文字，來標示這部電腦的所在位置，這就是
DNS網域名稱系統的主要功能。
36
11.4.1 IP位址
• TCP/IP中的IP通訊協定規定了網際網路協定位址（Internet Protocol
Address），簡稱為IP 位址（IP Address）。主機可以使用IP位址清楚地
註明資料傳送的目的地，就如同我們寄信的時候一定要填寫對方的住址一
般。
• 在網際網路中，每一台主機至少會有一個IP位址。在目前的版本中，IP位
址是由32位元的2進位數字所構成，就像是110010100….這樣一列數字。
– 因為我們很難記得住這32個數字所代表的意義，所以通常把IP位址用四組十
進位數字做代表，分別標示成w.x.y.z，其中w、x、y、z是0到255之間的整數。
進位方式 第一組
第二組
第三組
第四組
2進位
10001100
01110001
10010010
00110010
10進位
W=140
X=113
Y=146
Z=50
37
11.4.1 IP位址
• 就意義上而言，IP位址是由三個部分所組成：
–
–
–
–
（1）位址的類別（class）
（2）電腦所在區域的網路號碼
（3）電腦本身的主機號碼。
在很多場合，把「類別號碼」和「區域網路號碼」合在一起，統稱為網路號
碼，也就是該主機所連接的網路編號。而「主機號碼」，則是這部電腦在該
區域網路中的編號。
• IP的分配根據網際網路所含的區域網路數、各區域網路的規模大小和結構，
分為成A、B、C、D、E五個等級。
– 負責配發這些IP的是ICANN，他們根據組織的大小來分配IP，最大的公司
（如IBM、奇異）可以得到A級的IP，次之的（如微軟）可以分配到B級，再
次之的得到C級網路。
– 下面分別是A到E級網路的IP位址組成方式。
38
11.4.1 IP位址
39
11.4.1 IP位址
– 依照上面所表示的IP位址，我們可以得到下面的IP分佈範圍。台灣學
術網路有部份的IP位址是140開頭的位址，屬於B級的網路。
網路等級 IP分佈範圍
可用子網路組數
A 級網路
0.0.0.0~127.0.0.0
126組
B級網路
128.0.0.0~191.255.0.0
16383組
C級網路
192.0.0.0~223.255.255.0
D級網路
224.0.0.0~239.255.255.255
E級網路
240.0.0.0~255.255.255.255
表11-4 各級網路的IP分布
40
2097151組
11.4.1 IP位址
• 【特殊的IP位址】
– 上面所介紹的IP是實體IP，可以在網際網路上使用。但是在規定IP位址的RFC
文件中，還包括了只能在區域網路中使用，不能直接對外相連的私有IP範圍：
私有IP範圍
10.0.0.0~10.255.255.255
172.16.0.0~172.31.255.255
192.168.0.0~192.168.255.255
– 最後的這一組：192.168.0.0~192.168.255.255的IP，您會在區域網路常常看
到它，這是被廣泛使用的私有IP。
– 最後，您或許會覺得奇怪，怎麼會漏掉一些位址沒有標明？其實這些包括127
和224-255開頭的位址，是特地保留給本機位址（例如127.0.0.1永遠代表電腦
本身的IP），或是進行實驗多點傳送時使用。
41
11.4.2
網域名稱系統（DNS）
• 前文提及，我們可以用www.whitehouse.gov來代替一長串的
198.137.240.91，以方便人類記憶，在網際網路上，提供這種主機名稱與
IP位址互換的服務，稱為網域名稱系統（DNS；Domain Name System），
而提供此服務的伺服器稱為網域名稱伺服器(DNS；Domain Name
Server)。
• 【DNS的疑義】
– DNS原本應該是Domain Name System，即網域名稱系統，但也有人將負責
記錄DNS的伺服器(DNS Server)簡稱為DNS，也就是Domain Name Server，
因此您也可以將DNS視為網域名稱伺服器。
– 【註】
• 嚴格來講，DNS所使用的名稱叫做完整網域名稱（FQDN，也就是Fully
qualified domain name）包含主機名稱和網域名稱兩個部份。
• 其中www是主機名稱，而whitehouse.gov是網域名稱，兩個合在一起才是
完整網域名稱。
42
11.4.2
網域名稱系統（DNS）
• DNS架構在嚴謹的階層上，利用分散式架構來提供服務，提供TCP/IP應
用程式在運作時所需的「主機名稱」與「IP位址」對應服務。DNS具有階
層性，按照嚴謹的階層規定，能讓世界上的使用者都很快的尋找到他們所
需要的網址。
• 為什麼要透過分散式架構來運作呢？因為網際網路上的電腦實在太多了，
所以利用分散式架構的處理，可以讓很多部不同區域的主機，分擔這些電
腦所提出的查詢。目前再也沒有（也不可能）一部主機需要記錄網際網路
上所有電腦的對應表，而是由每個區域的DNS伺服器自行維護該區域的對
應資料庫。
• 全世界的網域是由InterNIC（網際網路資訊中心）負責最頂層名稱的管理
和登記，然後將下一層的網域資料分配給負責的各個子資料庫。
– DNS資料庫是一個樹狀的架構，在最頂端的是一個根網域，然後下面分成幾
個類別名稱，如﹕com、org、edu，第二層是組織名稱，如﹕IBM、intel、
tsmc等；接下來可能是子網域名稱，最後一個是主機名稱，如www、mail、
ftp。
43
11.4.2
網域名稱系統（DNS）
– 因為網路最初是在美國所發展
的，所以在早期，並沒有所謂
的地域（國家）名稱，後來網
路延伸到世界各個地區，為了
明確區分，加入了tw、hk、au
等地理名稱（tw代表台灣、cn
代表中國、jp代表日本）。
– 總之，一個完整網域名稱，其
順序為「主機名稱」、「組織
名稱」、「類別名稱」、「地
理名稱」，美國則省略地理名
稱。
網域的結構
44
11.4.2
網域名稱系統（DNS）
網域名稱（類別）
說明
實例
.com
公司行號、商業組織
yahoo.com
雅虎公司
.edu
教育機構與學術單位。
ucla.edu
加州大學洛杉磯分校
.org
法人組織
w3c.org
W3C組織
.net
網路、電信公司
www.hinet.net
中華電信
.gov
政府單位
www.whitehouse.gov 美國白宮
45
11.4.3 電子郵件位址
• 電子郵件也有特殊的位址。每封電子郵件至少需要有一個以
上的「郵件收件者」電子郵件位址以進行傳遞
– 電子郵件位址的統一格式是「收件者名稱@郵件主機名稱」或「收件
者名稱@網域名稱」。
• @唸作「AT」，表示『在』的意思，也就是說當郵件伺服器看到
這樣的位址時，就要把電子郵件送到『指定主機』上的『某個使
用者』。
– 例如，如果今天有個電子郵件是[email protected]
• 其中的jhchen是位於在郵件主機上的使用者名稱
• 而gmail.com就是郵件主機名稱。
46
11.5
Internet 服務廠商(ISP)
• 不管是使用ADSL、Cable或數據機等上網方式，都必須先透過ISP
（Internet Service Provider；網際網路服務提供廠商）的線路才能與
Internet連接。
– ISP最主要的服務是提供上網的連接服務，此外，一般還會提供一些加值服務，
例如電子郵件、網頁空間、主機代管、網路安全防護等。
– 另外，某些大型的ISP也會提供網域名稱系統（DNS）註冊的服務，例如建立
入口網站、提供廣告刊登服務，或進一步跨足電子商務的線上交易等服務以
滿足使用者的不同需求。
• 目前台灣地區的ISP數量眾多
– 比較大型的有台灣學術網路（TANet）、中華電信（Hinet）、數位聯合
（SeedNet）、東森寬頻電信（EBT）、和信超媒體（GiGiGaGa）、台灣固
網（TFN）、台灣索尼通訊網路（So-net）、速博等。
47
11.5.1
台灣學術網路（TANet）
• 台灣學術網路（Taiwan Academic Network，TANet）是台灣各主要大學
和教育部共同建立的教學研究用電腦網路。
– 1989年教育部電算中心效法美國的NSFNET的網路佈建架構，召集各學術單
位進行討論，議定建立一個遍佈全島的網路系統
– 在1991年以64kbps數據專線，連接美國普林斯頓大學的JvNCnet，正式與網
際網路相連。
– 1994年與國內的Hinet及SeedNet進行連接
– 1998年國際電路頻寬增為T3（45Mbps），2001年提升為STM1（310Mbps）。
在2002年1月底，由中華電信與東森寬頻兩家固網公司提供了「台灣學術網路
新世代骨幹網路建置實驗計劃」，提供一年免費的實驗電路，使得TANet的國
內骨幹網路總頻寬達6Gigabit。
– 2005年06月，TANet國內骨幹全面提昇至10 Gigabit之乙太網路環境。
• TANet是用來支援各級學校和教育研究機構間的所有教學研究活動，透過
網路連結分享教學資源及研究成果。TANet的服務對象是各級學校的教師、
學生、行政職員及政府機關的研究人員。
48
11.5.1 台灣學術網路（TANet）
台灣學術網路骨幹架構圖 （來源：教育部電算中心）
49
11.5.1 台灣學術網路（TANet）
• 台灣學術網路的架構分成三個階層：
– 1.國家骨幹網路
• 骨幹網路的維護由教育部及各縣市的區域網路中心負責，範圍包括島
內網路骨幹及國際電路兩部份。骨幹網路連接各縣市的區域網路中心
和越洋電纜電路，藉以和國際網路接軌。對內並與其他ISP和各政府
機關的網路互相連結，整合整體網路資源。區域網路中心通常是由區
域內的某大學負責維護，例如臺北的區域網路中心是由台灣大學負責，
而新竹區域網路中心是由交通大學負責。
– 2.地區性網路
• 學術網路的地區性網路，透過區域網路中心的節點與骨幹網路相連接，
並且視各地區的需要分別建立地區性的骨幹。在每個縣市基本上都有
自己的地區性縣市教育網路，提供地區性的教育和研究相關資訊，並
且透過縣市的教育網路中心與區域網路中心相連接。
50
11.5.1 台灣學術網路（TANet）
– 3.校園網路
• 校園網路是TANet最小的階層。個別的研究機構、學校單位，依照單位的
規模及經費的多寡，分別進行網路建設的工作，並可提供當地社區居民使
用。校園網路會依不同的階層，連接縣市教育網路或區域網路中心。
• 目前TANet的骨幹網路是以ATM作為底層網路架構，並透過上層的TCP/IP
通訊協定組進行運作。在區域網路中心之下的階層，則視需要分別支援其
他不同的通訊協定。
– 只要是以ATM和TCP/IP通訊協定為基礎的各項網路應用，都可以在TANet上
提供服務。
– 由於以教育研究用途為建立宗旨，所以目前提供的服務主要為電子郵件（Email）、電子布告欄（BBS）、全球資訊網(WWW)、檔案傳輸（FTP）與遠
距視訊教學、教學上網、網路學校等。
51
11.5.2 中華電信Hinet
• 前身為交通部電信總局的中華電信，於1994年另外成立中華電信數據通
訊分公司（Hinet），開始提供上網的服務。因為Hinet擁有過去電信總局
數十年間的固定網路基礎建設，所以在民營化之後一躍而成為國內最大
的ISP。
– Hinet目前在全省各地都建設有提供撥接和寬頻上網的機房，對於較偏僻地區
的鄉鎮居民而言，是一個唯一的選擇。
• 目前(2007年1月)Hinet連接國際網路的總頻寬，以49811.1 Mbps的數字
遙遙領先其他各家ISP
– 其中以連接美國的網路共計有STM-16線路12條+STM-4線路3條，總共有
29859.8 Mbps為最多
– 另外對亞洲各國（包括韓國、日本、馬來西亞、新加坡、澳大利亞）的網路
連線也相當密集。
– 在國內方面，Hinet 則以總頻寬67323.7Mbps與其他ISP業者互連。
52
11.5.2 中華電信Hinet
• 【網路頻寬知多少？】
– 我們在前面所提到的T1、T3和STM-1都是網路頻寬的標準化規格，其
中T1是北美洲地區所使用的規格，而STM是CCITT（國際電話電報諮
詢委員會）所訂定的規格。另外還有一種E1、E2等規格，則是歐洲所
採用的規格。
北美地區
歐洲
T1 1.544Mbps
E1
2.048Mbps
STM-1
155.52Mbps
T2 6.312Mbps
E2
8.448Mbps
STM-4
622.08Mbps
T3 44.736Mbps
E3
34.368Mbps
STM-16 2488.32Mbps
T4 274.186Mbps
E4
139.264Mbps
STM-64 9953.28Mbps
E5
565.148Mbps
CCITT
表11-6 網路頻寬種類
53
11.5.2 中華電信Hinet
Hinet 骨幹示意圖【來源：HiNet網站】
– 【註】：欲知各大ISP的頻寬現況，可以至TWNIC網站查詢
，網址是http://map.twnic.net.tw/。
54
11.5.3
數位聯合（SeedNet）
• 1990年7月，經濟部委託財團
法人資訊工業策進會（資策
會），開始進行「資訊軟體發
展環境建立」(Software
Engineering Environment
Development，SEED)為期四
年的計畫，並且積極開發運用
網路來提升企業內部的工作效
率，這個計畫就是SeedNet的
前身。
• 而在兩年之後，開放給國內一
般企業使用，並且在1998年獨
立成為數位聯合電信股份有限
公司，開始提供大眾上網的服
務。
數位聯合骨幹示意圖【來源：數位聯合網站】
55
11.5.4 固網公司
• 所謂固網，顧名思義就是擁有固定的實體網路線路
• 早期只有中華電信靠著電話線路稱得上是固網公司。在1999
年，台灣開放民營公司競爭固網市場，其後有三家固網公司
順利得標，分別是東森寬頻電信、新世紀資通和台灣固網。
– 東森寬頻電信得到台灣鐵路局的投資，所以可以利用環島鐵路網佈建
光纖網路，並且利用台鐵的各地車站作為管線連接和鋪設中心的據點，
佔很大的優勢。
– 另外的兩家新世紀資通和台灣固網則分別得到台灣電力公司的青睞，
得以利用台電的資源鋪設全島光纖網路。
56
11.5.5 其他的ISP公司
• 上面所提到的是國內較大型的ISP公司，當然除了這些選擇以
外，還有其他家規模較小的ISP公司可以提供上網的服務。
– 這些分別是英普達、大眾、年代、和信、速博、亞太線上
• 其中亞太線上已經被東森所併購。
– 這些ISP的規模並沒有像前面提到的Hinet、SeedNet或是固網業者那
麼龐大，但是卻也可以提供質優價廉的上網服務。
• 有些需要提出申請，有些甚至只要在居家附近的便利商店購買上
網包，便可以利用內附的序號直接撥接上網。
57
11.6
Intranet/Extranet
• 相對於Internet，常聽見的網路系統尚有Intranet與Extranet，如下介紹：
• Intranet
– Intranet（內部網路）是一個較為封閉的私有網路。因為網際網路是一個完全
開放的網路範圍，雖然對於資源的存取和資訊的取得相當方便，但也會讓一
些不懷好意的使用者透過它進行非法入侵等危害電腦安全的舉動。所以為了
避免這個問題影響到網路的運作，絕大部份的組織都會使用Intranet與外部的
網際網路分隔開來。透過防火牆（詳見15章）等軟硬體保護措施，讓內部的
網路能夠不被外部的攻擊所破壞，而內部的使用者又能夠正常的存取外部網
際網路的資源。另外透過Intranet的建立，可以進行適當的位址轉換，有效的
克服目前IP位址不足的問題。
– 嚴格來講，Intranet其實就是一個小型的網路架構，在這個架構裡面，使用者
的電腦設備互相連結以共用資源。一家公司可以透過Intranet的建立，將一些
公開的資訊公佈在網路上，讓公司成員能夠方便取得，也能夠透過郵件系統
的建立，讓成員之間可以迅速的交換訊息，使得資訊可以充分的流通。
58
11.6
Intranet/Extranet
【LAN與Intranet的差別】
LAN指的是區域網路，其代表意義為地
理上的區域劃分方式，也就是某個短距
離區域內的網路。而Intranet則是相對於
Internet的相對說法，換句話說，
Intranet指的是企業或組織內部的網路，
對外可能有防火牆加以切割，並且仍會
提供許多服務。簡單的說，如果有一個
跨國公司的內部網路（如美國分公司、
台灣分公司共用一個內部網路），網路
內提供了各項服務，供各端點的電腦存
取，對外則安裝了防火牆加以控管，則
它可以稱為Intranet，但卻不適合稱為
LAN。
Intranet和Internet的範圍
59
11.6
Intranet/Extranet
• Extranet
– 相對於Intranet的內部網路，Extranet所代表的就是企業間的網路，每個公司
組織所建立的Intranet原本是獨立的，如果要透過網路，讓兩個或更多個企業
之間可以互相溝通，就必須架設Extranet。Extranet建立在商業的用途上，可
以讓原料、成品庫存、金流等資訊流通更為迅速，讓企業可以有效的掌控經
營的狀況，在第一時間進行決策過程。
60
11.7 全球資訊網（WWW）
• WWW是World Wide Web的縮寫，簡稱Web，又稱W3或WWW（唸作
Triple-W），中文翻譯為全球資訊網。WWW可以說是Internet上最成功、
最普及的一種服務。
– 全球資訊網的核心，主要建立在超鏈結（Hyper Link）與超文件（Hyper Text）
的概念上
• 1945年美國學者Vannevar Bush，首先提出一篇論文，內容是有關於超文
件的概念，可以說是全球資訊網的基本精神。之後陸續有學者提出類似的
看法
• 而真正進化到全球資訊網的雛形，是在西元1980年代，由瑞士日內瓦的
CERN（The European Lab for Particle Physics，歐洲高能粒子物理實驗
室）進行深入的發展並且成形，那時任職於CERN的Tim Berners-Lee正
在積極找尋一個可以跨平臺，也可以用簡單的描述來表達資訊的散播方式。
他在NeXT的主機上建立了類似全球資訊網的系統，並且利用一種稱為
HTML（超文件標記語言）的方式，採用簡易的Markup（標記）去建立相
異物件之間的連結關係。這項技術在極短的時間內獲得大眾的採用，一躍
而成為最受歡迎的網路資訊傳播方式。
61
11.7 全球資訊網（WWW）
– Tim所架構的系統由兩個部份所構成，其中包括伺服器端和客戶端。
• 一台提供全球資訊網服務的伺服器稱為Web伺服器或網頁伺服器
• 使用者的電腦只要執行扮演客戶端的瀏覽器應用軟體（例如微軟
的Internet Explorer），便可以透過HTTP通訊協定（Hyper-Text
transfer protocol，超文件傳輸協定），向伺服器取得網頁的內容。
– 最早的瀏覽器在1991年正式推出，但只能夠瀏覽純文字頁面，而隨後
在1993年，伊利諾大學香檳校區的NCSA（National Center for
Supercomputing Applications）則推出了第一個可以瀏覽圖片的瀏覽
器--Mosaic，使得全球資訊網正式進入彩色多變的新時代。
62
11.7 全球資訊網（WWW）
– 而後在1994年，網景公司（Netscape）正式推出全球第一個商業化的
瀏覽器稱為Netscape Navigator，開始全球資訊網的戰國時期。
– 軟體業的龍頭--微軟原本並不看重這塊市場，但是因為全球資訊網的
迅速擴張，上網人數急遽增加，於是便推出了Internet Explorer(IE)瀏
覽器，並於Windows 98之後的視窗作業系統，內建IE瀏覽器，只要連
上網路便可以直接瀏覽形形色色的網頁。目前流行的瀏覽器首推微軟
的IE瀏覽器，次之者為網景的Netscape。
– 目前的WWW可以連結各種Internet服務（例如HTTP、FTP協定），
並由於我們可以在WWW之上，建立起圖文並茂的網頁，透過超鏈結
功能，穿梭於網頁與網頁之間，因此帶動了網路的大流行，現在大家
使用瀏覽器來瀏覽的網路服務全都是建構在WWW的基礎之上。
63
11.7.1
Web架構與HTTP通訊協定
• 在World Wide Web的世界裡，一個完整的網頁連結包括如下
三個主角：
– WWW伺服器：
• 也就是網頁伺服器，功能是回傳HTML文件。常見的有PWS、IIS、
Apache等等，有些可以執行ASP、ASP.NET、JSP、PHP等伺服
器端程式，然後才回傳HTML文件。
– WW客戶端：
• 也就是瀏覽器，功能是解讀HTML文件形成網頁格式，常見的有IE、
Netscape。有些還可以執行JavaScript、VBScript等客戶端程式。
– HTTP通訊協定：
• 隸屬於TCP/IP通訊協定組，發展迅速。HTTP通訊協定負責瀏覽器
與伺服器之間的資料傳輸與轉換。
64
11.7.1
Web架構與HTTP通訊協定
全球資訊網的軟硬體結構
【HTTPS】
另外還有一種稱之為HTTPS的通訊協定，是改良自HTTP，並加入了加密與解密的步驟，
常用來做為電子商務之交易時使用。
65
11.7.1 Web架構與HTTP通訊協定
網頁伺服器架構一
（只負責傳送HTML網頁）
網頁伺服器架構二
（先執行ASP程式，
再回傳HTML網頁）
66
11.7.2 Page與HomePage
• 『網頁』的英文為Page，也就是使用者在瀏覽器中所看到的每一個畫面；
而網站是包含許多網頁並具有各類網頁伺服器的一個組織，它包含了硬體、
軟體等等。
– 由於每一個網頁都具有一個網址，並且可以透過超鏈結功能加以連接，如果
將網站看作是一間房子，那麼首頁（HomePage）就是一個房子的入口，大
多數的網頁伺服器都可以設定不含檔名網址的自動導向網頁，例如：
Index.htm與Welcome.htm就是常見的網站入口（自動導向網頁），因此也有
人稱該網頁為『首頁』
• 但是這並不代表我們一定要透過首頁才能瀏覽該網站，除了具有登入功能
（確認使用者及密碼）的網站之外，只要使用者知道該網站各網頁的位址
與網頁名稱，同樣可以透過瀏覽器直接讀取該網頁。這就好比一般房子的
入口通常是客廳，但其實我們也可以直接由窗戶爬進去這間房子的其他房
間。
• 【註】：有些網站的首頁具有登入功能（確認使用者及密碼），此時我們
就無法先從其他網頁進入該網站。
• 此外，在Flash興起後，有些網站的首頁是Flash動畫，可選擇觀看後在進
入實質首頁，或選擇按下略過(skip)，直接進入實質首頁。
67
11.7.3 全球資源位址(URL)
• 在這麼多的網站中，如何能夠表達我們想要瀏覽的資源呢？此時必須透過
URL（Universal Resources Locator，一致資源定位器）的協助來標明資
源的位址及路徑。
• URL跟我們看到的階層式檔案結構很接近，不同的URL分別表示位於不同
的目錄結構之下，下面是一個完整的URL標示。
URL欄位
URL範例
68
11.7.3 全球資源位址(URL)
• 通訊協定名稱
– 通訊協定名稱是指用來連結此
項資源的通訊協定，除了
HTTP以外，還包含了關於安
全連線的HTTPS，以及微軟
推出的MMS多媒體傳輸等通
訊協定，較早期的FTP和
TELNET也都可以在此處使用，
如表整理。
– 【註】
• 在新版瀏覽器中，不須指
定開頭的「http://」通訊
協定，瀏覽器預設會以
HTTP方式開啟資源。
協定
預設通
訊埠
用途
http
80
超文件傳輸協定
https
443
超文件傳輸SSL安全連結
多媒體協定
mms
news
119
新聞群組服務
telnet
23
遠端登錄協定
ftp
21
檔案傳輸協定
file
21
本機檔案
mailto
25
郵件傳送
69
11.7.3 全球資源位址(URL)
• 通訊埠
– 每一種通訊協定都有指定的通訊埠，以作為資料傳輸的管道，上表是各種通
訊協定的預設埠號，除非伺服器更改通訊埠號，否則可以省略預設的埠號。
• 主機完整網域名稱
– 主機完整網域名稱，也就是全球資訊網服務主機的FQDN位址。在網際網路上，
習慣以www作為全球資訊網的主機名稱，例如www.nctu.edu.tw是交通大學的
全球資訊網站。事實上，主機完整網域名稱也可以使用IP位址來代表（因為終
究會被DNS轉換為IP位址來尋找資源）。
– 主機完整網域名稱使得我們很容易猜測所要查詢的網頁
• 例如，台積電(TSMC)的全球資訊網網址是http://www.tsmc.com.tw
• 而中華電信的網站是http://www.hinet.net
• 台灣大學的網址為http://www.ntu.edu.tw。
70
11.7.3 全球資源位址(URL)
【猜不到網站名稱】
由於公司簡稱容易造成重複，有些時候我們會猜不到網站名稱。也有些時候，
由於網域名稱被別人搶先註冊，此時有些廠商會以收購或申訴方式取回網域名
稱，通常國際廠商會採用國際網域方式來解決，例如：硬碟製造商seagate的
台灣網域名稱已被別人註冊，它就將台灣網站改為全球統一網站的子目錄
http://www.seagate.com/www/zh-tw/。
有些網站為了統一管理起見，雖然擁有世界各地的網域名稱，但也會使用國際
網域方式來做統一的管理，或將網域名稱作統一的修訂，例如台灣雅虎的網站
位置為http://tw.yahoo.com/、中國雅虎的網站位置為http://cn.yahoo.com/。
正由於有如此多的變化，因此，如果您以猜測方式無法找到所需網站時，最簡
單的解決方式就是透過入口網站／搜尋引擎，直接輸入正式廠商名稱來做查詢。
• 路徑與檔案
– 路徑就是表示檔案存放的目錄結構路徑，表示要瀏覽器到指定的位址去存取
檔案。最基本的網頁檔案名稱一般是用htm或 html做副檔名。
71
11.7.4 WWW與HTTP的運作
• 當客戶端使用瀏覽器，透過HTTP通訊協定對網頁伺服器發出請求
(request)時，這個請求會以一個URL方式向伺服器請求下載資訊，伺服器
接收後依照請求給予回應並透過HTTP通訊協定回傳資料。在回應之前，
還必須先告知客戶端資料的形態。客戶端透過瀏覽器本身解譯的功能，將
資料處理之後，呈現一個完整的網頁畫面。
– 顯示網頁的詳細步驟如下：
• 1.使用者在瀏覽器的網址列輸入URL，瀏覽器送出URL請求給網頁伺服器。
• 2.網頁伺服器獲得請求後回應，若存在該資源的話便將之回傳；若不存在
該資源，則會回傳錯誤訊息。
• 3.資源透過HTTP協定下載至客戶端的暫存檔內，若資源為瀏覽器可解讀
的格式（例如HTML文件），則瀏覽器會將之解讀為一般看到的Web畫面，
並將結果呈現到視窗畫面上。若瀏覽器本身無法解讀資源格式（例如PDF
檔），則會呼叫已經安裝並註冊的對應軟體來開啟該資源。
72
11.7.4 WWW與HTTP的運作
顯示網頁的流程
– 最原始的網頁畫面僅使用HTML語言描述網頁畫面，網頁不會隨時間或使用者
瀏覽之後進行更新，而之後發展出各種動態頁面的語言，例如ASP/ASP.NET、
PHP、JSP或CGI程式，都可以藉由使用者的請求，透過檔案或資料庫更新的
方式，回傳不同內容的網頁畫面。
– 超文件的標籤支援多種通訊協定或服務，用超文件的格式撰寫網頁，能讓瀏
覽器一併讀取多種通訊協定，即使本身無法顯示出來，還是可以呼叫其他的
程式進行讀取或執行的動作。
73
11.7.5 超鏈結(HyperLink)
• 超鏈結是WWW/HTML的一大特色，它提供了連結至網際網路其他節點或
資源的能力。藉由超鏈結，全球各地的HTML網頁便可以鏈接在一起，並
且只要透過簡單的動作（只需要按一下），就可以迅速跳躍到另一個網頁，
甚至還可以指定要跳到該網頁的哪一段內容中。
– 許多網頁上會出現附帶底線的文字，當滑鼠游標移過去這些文字時，游標會
從箭頭的形狀 變成手指的形狀 ，這就是超鏈結，按下超鏈結之後，瀏覽
器內容會更改為超鏈結的目標，這也就是超鏈結神奇之處。而上述動作實際
上是如何運作的呢？
• 當使用者按下超鏈結時，瀏覽器便連上遠端連結目標的HTML檔案，下載
該HTML檔案後加以解讀顯示於瀏覽器中，這是最普遍的一個超鏈結應用
• 但超鏈結的服務並不只於此，只要是可以用URL表示的連結，都是超鏈結
服務的種類，例如：檔案傳輸（Ftp）、遠端登錄（Telnet）、電子郵件
（Mailto）、、、、等等。如果鏈結對象是其他檔案（如PDF檔），瀏覽
器還會自動開啟對應的應用程式來開啟檔案，使得操作上更加的方便，如
果完全找不到對應的應用程式，瀏覽器一般還會提供存檔選擇，讓使用者
下載該檔案以便日後安裝相關軟體來閱讀。
74
11.8
網頁製作技術
• 網頁製作牽扯到伺服器端技術與客戶端技術，但最基本的則
是HTML，因為伺服器傳送給客戶端的必定是HTML標籤與內
容，以下我們就分別說明此三種技術。
• 11.8.1
HTML
– HTML(HyperText Markup Language；超文字標示語言)是一種標示語
言（Markup Language）。
• 標示語言是透過控制碼對資料做必要的描述，在HTML當中，
HTML的標籤就是它的控制碼，因此HTML也稱為標籤語言（Tag
Language），而能解讀此標籤的軟體為瀏覽器。
• HTML檔案的副檔名一般為『.htm』或『.html』。
75
11.8.1 HTML
• 撰寫HTML網頁的工具
– 撰寫HTML網頁的工具有很多種，最簡單的是用純文字編輯器來編輯
HTML文件，例如：記事本。除了純文字編輯器之外，我們也可以利
用所見即所得之網頁編輯器來編輯HTML文件，例如：FrontPage、
Expression Web、Dreamweaver 等。
使用筆記本編寫HTML
76
11.8.1 HTML
使用FrontPage編寫HTML
使用Dreamweaver編寫HTML
77
11.8.1 HTML
• 瀏覽器解讀HTML
– 瀏覽器可以直接解讀本地端的
HTML網頁，也能夠解讀由網
頁伺服器下載的HTML網頁，
下面是HTML文件經由瀏覽器
轉換後成為網頁型式的範例。
經由IE瀏覽器解讀之後的HTML網頁外觀
經由Netscape瀏覽器解讀之後的HTML網頁外觀
78
11.8.1 HTML
•
HTML標籤功能
– HTML的每一種標籤都有其特殊的功能，整理如下表：
HTML標籤
功能
HTML標籤
功能
<a>
製作超鏈結
<lh>
清單
<applet>
設定Java Applet程式碼
<li>
清單
<area>
設定圖片超鏈結地圖區域
<map>
設定圖片超鏈結地圖
<b>
粗體
<marquee>
跑馬燈
<base>
設定基本路徑
<menu>
清單
<basefont>
設定基本字型大小
<meta>
描述該網頁的相關資訊。
<bgsound>
設定背景音樂
<nobr>
強迫不換列
<big>
放大字型
<noframes>
無框架之替代
<blink>
閃爍文字
<ol>
清單
<blockquote>
縮排
<option>
選項輸入元件
79
11.8.1 HTML
HTML標籤
功能
HTML標籤
功能
<body>
網頁內容
<p>
換段落
<br>
換列
<pre>
保持原始編排
<button>
按鈕
<script>
宣告JavaScript、VBScript程式碼
<caption>
表格標題
<select>
選擇輸入元件
<center>
內容置中
<small>
縮小字型
<dd>
清單
<strike>
斜體
<dir>
清單
<strong>
粗體
<dl>
清單
<style>
加入CSS
<dt>
清單
<sub>
下標
<font>
文字字型、大小及顏色
<sup>
上標
<form>
製作表單，供使用者輸入
<table>
表格
80
11.8.1 HTML
HTML標籤
功能
HTML標籤
功能
<frame>
框架
<td>
表格之一般儲存格
<frameset>
框架
<textarea>
文字區域輸入元件
<h?>
標題文字
<th>
表格之標題儲存格
<head>
檔頭，包含網頁標題、編
碼方式等
<title>
網頁標題
<hr>
橫線
<tr>
表格之列
<html>
HTML最外層標籤
<u>
底線
<i>
斜體
<ul>
清單
<img>
插入圖片
&nbsp;
空白
<input>
製作各類輸入元件
【圖片製作】
網頁中的圖片可使用影像處理軟體來製作，例如小畫家、PhotoShop、PhotoImpact等等，
通常網頁中的圖片會存檔為GIF或JPEG格式，以節省下載頻寬。
81
11.8.2 CSS
• 樣式表（Style Sheet）是一堆網頁效果設
定的集合，透過HTML的<style>標籤就可
以引用這些事先定義好的設定值，享受相
同設定重複使用的優點。
• W3C是審核WWW標準的組織，在目前已
經將HTML樣式表制定完成，稱為CSS樣
式表（Cascading Style Sheet）
– 目前的版本是CSS3。
– 支援度方面，IE與Netscape支援大多數的
CSS1標準，並且支援部分的CSS2。
– 一般常見比較特殊的網頁都是由CSS搭配
JavaScript製作的特殊效果。
82
包含CSS樣式表的網頁
經由瀏覽器解讀後的效果
11.8.3 客戶端技術
• JavaScript/VBScript
– HTML屬於固定或靜態的語言，無法與使用者進行複雜的互動。在很多狀況中，
若能夠顯示互動的網頁將更能吸引使用者的參觀。互動的狀況，不外乎(1)想
要達成特別的網頁效果；(2)網頁內容可以隨資料庫的資料更新而更新。這兩
種狀況，都必須透過額外的程式語言來達成。
• 針對第(1)種狀況而言，我們可以透過客戶端的Script來加以解決，Script
（描述語言）程式可以針對使用者所提出的需求，達成適當的回應。譬如
當使用者按下某個按鍵時，網頁會產生不同的變化（例如外觀上的改變）。
因為有些瀏覽器也可以執行JavaScript與VBScript程式，其中IE瀏覽器可
以解讀這兩種語法的程式，而Netscape則只能解讀JavaScript程式。因此
網頁設計者可以將這些程式包裝在HTML的<script>標籤內，伺服器將不
會執行這些程式，而直接將之與HTML一起回傳給瀏覽器，交由瀏覽器執
行。
• 至於第(2)種狀況，則必須在伺服器端透過資料庫的存取來進行更新，此
時必須透過後面要介紹的互動式網頁語言來達成。
83
11.8.3 客戶端技術
包含JavaScript的網頁，經由瀏覽器解讀後
的特殊效果（製作樹狀結構）
84
11.8.3 客戶端技術
• Java Applet
– Java是一種物件導向程式語言，由Sun公司開發，Java程式會先被編
譯為中間檔（即Byte Code），待執行時，再透過Java解釋程式加以
執行，由於Sun提供了各種平台的Java虛擬機器，因此，Java是一種
跨平台的程式語言。同時，Java提供了Applet機制，程式設計者，可
以將程式設計並編譯為Byte Code後獨立於HTML文件之外，但使用者
可以將之從遠端下載到瀏覽器並在網頁中加以執行。
– 在瀏覽器中執行Java Applet程式的唯一前提是，瀏覽器必須先安裝
Java解釋程式，而針對兩大瀏覽器(IE與Netscape)而言，Sun都提供
了相對的Java解釋程式。
– 由於Java Applet使用的資源比較多，除非是非常複雜的程式（例如網
路遊戲），否則一般只會使用Script來加以解決，這也是Java Applet
使用率偏低的主因。JavaApplet的執行結果一般會直接嵌入在網頁中，
例如下圖中的網路遊戲室，就是透過JavaApplet製作而成的。
85
11.8.3 客戶端技術
包含JavaApplet的網頁（網路遊戲室）
86
11.8.4 伺服器端技術
• 網頁伺服器分為兩種
– 一種是只單純地將資料回傳給客戶端的陽春型伺服器。
– 另一種能夠先執行某些利用互動式網頁語言撰寫的程式，再將其結果（結果
為HTML標籤與內容）回傳給客戶端。
• 這些互動式網頁語言還具有存取後端資料庫的能力，因此使得Web網站的
功能更多，常見的電子商務交易（例如拍賣網站）就是透過互動式網頁語
言程式搭配資料庫製作而成。
• 互動式網頁語言
– ASP/JSP/PHP是目前常見的互動式網頁語言。JSP(Java Server Page)使用的
是Java語法，並且能夠匯入(import)眾多Java的類別函式庫；而PHP則使用的
是C或C++語法，並且提供大量存取MySQL資料庫的函式庫。
– ASP(Active Server Page)則是由微軟所發展，事實上，廣義的Script並不侷限
於客戶端或伺服器端，在ASP中，您可以選擇使用VB Script或JScript語法來
撰寫程式。ASP的新一代版本為ASP.NET，它能夠使用眾多.NET Framework
所提供的程式語法來開發（例如VB.NET、C#等）。
87
11.8.4 伺服器端技術
– 雖然您可以使用任一種(ASP/ASP.NET/JSP/PHP)語言來開發伺服器端的程式，
但值得注意的是並非所有的網頁伺服器都支援您所使用的語言，在下表中，
我們詳細列出了各種的網頁伺服器與網頁程式語言的對照表
88
11.8.4 伺服器端技術
• ASP檔案的副檔名為『.asp』
• ASP.NET檔案的副檔名為
『.aspx』
• JSP的副檔名為『.jsp』
• PHP的副檔名為『.php』
– 當您在瀏覽器網址列中，輸入的
URL最後面的檔名為
ASP/JSP/PHP時，伺服器將會
先執行該檔案，然後產生HTML
回傳給瀏覽器，至於會產生什麼
樣的HTML內容，則由程式功能
與使用者的輸入來決定，因此稱
之為互動式網頁。
伺服器執行ASP程式，從資料庫中取出資料，
然後回傳HTML網頁（?後面的是使用者輸入的查詢書號）
89
11.8.4 伺服器端技術
•
CGI
– CGI(Common Gateway Interface)被翻譯為『共同閘道介面』，它是
早期由伺服器端執行程式的一種策略。嚴格來說，CGI是一種介面，
用來在HTTP伺服器與閘道程式之間進行溝通，因為每個傳送到伺服
器的資料都會由一個閘道程式來處理，CGI就是負責這兩者之間的資
料傳輸介面。
– 在使用CGI技術的伺服器網站中，CGI程式屬於一種外部程式，您可以
使用熟悉的語言（例如C/C++）進行開發，而這個程式必須先經過編
譯為執行檔，存放在伺服器端以備執行。
90
11.8.4 伺服器端技術
– 以C/C++語言所開發的CGI程式為例
• 傳統C/C++程式的標準輸入裝置(stdin)為鍵盤，標準輸出裝置
(stdout)為螢幕
• 而CGI程式由於是透過CGI介面傳輸資料，因此，標準輸出入裝置
(stdin與stdout)則改為CGI介面，程式可以由CGI介面取得使用者
透過表單(Form)傳送過來的資料，同時也會將回傳的HTML文件寫
入到CGI介面，然後由網頁伺服器回傳給瀏覽器。
CGI運作架構圖
91
11.8.5 其他網頁技術
• 除了上述的幾項網頁技術外，常
見的網頁製作方式還可能用到下
列幾種技術：
• 動畫編輯軟體
– 網路上最出名的卡通人物「阿貴」藉
著動畫，展現各種可愛天真的表情。
這樣的動畫稱之為Flash，我們可以
在Flash軟體上自導自演，創造自己
想要的人物造型和故事情節，配合流
暢的背景音樂和音效達到令人動容的
效果，當然也可以讓網站的人氣大大
的提升。
92
Flash可以用來製作網頁動畫
11.8.5 其他網頁技術
• VRML（虛擬實境模組語言）
– 在第九章中，我們曾經介紹的虛擬實境，也可以透過VRML方式應用
於網頁中
– VRML原名是Virtual Reality Markup Language，後來為了反應其優越
的圖形表現能力，遂改名為Virtual Reality Modeling Language，中文
翻譯為虛擬實境模組語言
– 它最主要是跟全球資訊網進行結合，用來描述三度空間（3D）的立體
物件模型
• 1996年公佈的VRML第二版，把與瀏覽器互動的功能加入，使用
者可以透過移動滑鼠的方式控制圖形表現，進行旋轉、翻轉、拉
近、拉遠等動作，產生像是虛擬實境的效果。
93
11.8.5 其他網頁技術
VRML的3D虛擬實境（網址是http://gis.geo.ncu.edu.tw/user/tsairj/naihu80.wrz）
94
11.8.5 其他網頁技術
• DHTML
– DHTML (Dynameic HTML)被翻譯為
『動態HTML網頁』，事實上，它並
不是一種特殊的語言，而是「泛指一
切可以動態改變的HTML網頁技術」，
例如您可以動態指定標籤的位置，使
用JavaScript重寫網頁內容，動態繫
結XML資料等等。
– 一般而言，DHTML技術涵蓋了HTML
（如<div>、<span>等標籤）、客戶
端Script程式以及CSS，並且客戶端
Script程式通常會透過特殊的文件模
型存取各類物件，使得網頁能夠呈現
IE支援的DHTML技術可以製作特殊效果
動態變化的效果。
95
11.8.5 其他網頁技術
• XML（可延伸標記語言）
– XML(eXtensible Markup Language)中文翻譯為可延伸標記語言。
• 1998年，W3C正式公佈XML的Recommendation 1.0版語法標準，由表面
上看來，XML是標記語言的一種，但是嚴格來講，XML最大的用途為定義
其他語言的語法系統。這也正是XML功能強大，受到各方重視的緣故。
• 透過結構和資訊導向，它為不同領域的產業界、學術界和研究單位的文件，
提供統一的描述語法，讓不同領域之間資訊交換的效率大大的提升，並且
進一步的能夠跨平臺進行資訊的整合與資源的共用。
• XML特別適用於電子商務應用
– 因為XML擁有自我定義的機制，使得資料在網路傳輸時能夠很容易地在傳送
端與接收端做資料交換。
• 此外，由於XML也可使用於資料描述，因此，您可以將它視為一種資料描
述語言(meta language)。
– 例如:用它來制定元件、紀錄以及其他種類的資料結構（例如另一個語言）。
96
11.8.5 其他網頁技術
– XML也和HTML一樣屬於標示語言
(Markup Language)，但XML不同於
HTML對於所有的標籤都已經定義了顯
示格式的意義，對於XML而言，顯示
格式並不是最重要的，相對地，資料
所代表的意義才是最重要的，因此，
XML並不負責標籤顯示的格式。
• 因為XML與HTML是由兩種不同的
設計目的所衍生發展的兩套語言。
• 使用XML，您可以透過標籤來描述
資料的結構，並且它還允許使用者
自行視描述資料的需要，隨意地制
定不同的標籤，這和HTML有著極
大的差別。
XML若不搭配HTML或其他樣式表，
則瀏覽器只會將之顯示為樹狀結構的原始內容
97
11.8.5 其他網頁技術
• XHTML
– XHTML的用途與HTML相同，但使用XML來描述語法，因此XHTML
是比HTML還要嚴謹的新網頁描述語言，
– 目前已通過的標準為XHTML 1.1，正在審定的標準則為XHTML2。
• 【註】
– Web的技術並不僅止於本節所述，但有些因被劃分在Web 2.0之內
（例如RSS），故本書將之移往第十四章（Web 2.0專章）說明，在
閱讀十四章前，讀者最好具備瀏覽WWW的眾多經驗，才能體會
Web2.0的真正意涵。
98
11.9
行動通訊與Web
• 為了讓手機也能夠享有如瀏覽Web網頁般的便利，因此手機業者們推出了
WAP手機，WAP手機能夠解讀WML文件（不是HTML文件），而WML文
件可以適度的將網頁簡化為手機螢幕可接受的網頁格式。
• WAP
– 為了因應無線通訊的窄頻寬、小螢幕、電力有限及輸入不便等特性，傳統的
WWW很難在手機上呈現相近的效果。所以WAP通訊協定便推出來以解決這
樣的狀況。WAP是專門設計在無線通訊上的通訊協定標準，所以它本身擁有
相當完整的協定架構，並且擁有兩項特別的技術：
– Push
• Push(推播技術)是由伺服器端主動將訊息送給客戶端（Push在IE4.0時就
已經採用），這一點相當適合在傳送各種即時新聞、氣象、訊息上面。而
傳統的HTTP則是透過Pull方式，由客戶端提出需求之後，伺服器端才會
進行回應。
– WTA（Wireless Telephony Application）
• 定義WML無線標示語言與電話功能互相連結的部份。我們將可以透過
WMLScript控制訊息傳遞、通訊錄、呼叫手機原有的功能。
99
11.9
行動通訊與Web
WAP和HTTP通訊協定傳輸過程的比較
WAP手機的網頁功能非常單調
（一般沒有圖片）
100
11.9
行動通訊與Web
• GPRS、3G和WAP
– 過去WAP在GSM上的表現，因為受到
GSM傳輸速度緩慢的關係，相當不受
到重視。在GPRS、3G的網路環境逐
漸成熟之後，WAP有機會在高速的數
據傳輸環境中一展長才。
WAP與GPRS在OSI之上的位置
101
11.9
行動通訊與Web
• WML
– WML（Wireless Markup Language）無線標示語言，是為了無線的Web網站
瀏覽所設計的一種網頁設計語言，它是以XML加以定義，也算是XML的一種
應用。最主要是根據使用者介面縮小的限制（例如：手機、呼叫器）與描述
內容規格所設計的。
– 在使用者介面上的限制考量有：
• (1)較小的顯示螢幕與受限制的輸入設備（例如：手機只有20個以內的按
鍵）。
• (2)較小的網路連結頻寬。
• (3)受限制的記憶體容量與計算資源。
– WML主要可以從四種功能角度來討論：
• (1)文字的表示與顯示：
– WML包含了文字與圖片的支援，也包含有其他有關於格式上或顯示
上的變化（例如：粗體字）。
102
11.9
行動通訊與Web
• WML
– WML（Wireless Markup Language）無線標記語言，是為了無線的
Web網站瀏覽所設計的一種網頁設計語言。主要是根據使用者介面縮
小的限制（例如：手機、呼叫器）與描述內容規格所設計的。
– 在使用者介面上的限制考量有：
• (1)較小的顯示螢幕與受限制的輸入設備（例如：手機只有20個以
內的按鍵）。
• (2)較小的網路連結頻寬。
• (3)受限制的記憶體容量與計算資源。
103
11.9
行動通訊與Web
WML的編輯器還附帶一個軟體模擬的手機，可以即時測試網頁效果
104
11.9
行動通訊與Web
• I-mode
– I-mode功能和WAP類似，但WAP使用的是WML語言來描述手機網頁，
而I-mode使用的是自己定義的I-mode Compatible HTML來描述手機網
頁。事實上，I-mode本身只是一項手機內容的應用加值服務，它本身
架構在2.5G行動通訊的封包交換網路之上。讓使用者可以藉由較高速
的傳輸，享受更多元化的內容。
– I-mode之所以風行，是因為它所提供的內容相當生活化，與一般人的
需求密切結合，例如銀行轉帳、股票、即時新聞、美食、民生消費等
生活資訊，所以讓使用者在使用語音功能之外，也能享受到最新的資
訊。
105
11.9
•
行動通訊與Web
3G上網
– 前面提到WAP手機上網，當然由於WAP手機只能解讀WML格式的網
頁，因此，能夠瀏覽的網站自然也就只有特殊格式的網站。而若從
GPRS移到3G呢？從圖11-47中，我們可以明顯看出GPRS負責的是底
層傳輸，而WAP負責的是上層應用。
– 3G能夠瀏覽的網路關鍵在於3G手機的設計
• 例如BenQ S80手機（2吋螢幕，解析度176x220）只提供了WAP
瀏覽器，所以只能瀏覽WAP網站 ( WML格式 )
• 安裝Windows Mobile 5.0的Dopod 900 PDA手機（3.6 吋螢幕，解
析度640 x 480）就可以瀏覽一般網站。配備有3G功能的筆記型電
腦當然也可以瀏覽一般網站。
106
重點回顧
本章習題
107