第 12 章 網際網路新世代

1. 第12章 網際網路新世代 認識網際網路 Web上的流行工具 網際網路連線方式 網址的命名規則 認識電子郵件 網站建置流程

2. 網際網路的誕生 12-1 認識網際網路 • 可追溯到1960年代美國軍方為了核戰時仍能維持可靠的通訊網路系統，當美國國防部的高等研究專案機構（Advanced Research Projects Agency,ARPA）開始連結大學及防禦伙伴間的電腦，結果造就ARPANET網路。 • 後來美國軍方為了本身需要及管理方便則將ARPANET分成兩部分；一個是新新的ARPANET供非軍事之用，另一個則稱為MILNET。 • 直到80年代國家科學基金會(National Science Foundatioin:NSF)以TCP/IP為通訊協定標準的NSFNET，才達到全美各大機構資源共享的目的。

3. 12-1 認識網際網路 • 這使得NSFNET成為Internet 的主幹，並且大放異彩，並讓網際網路的連結廣泛被學術研究所使用，但是NSF沒有允許使用者透過這個系統來從事私人商業行為。 • 1980年後，除了NSFNET，又相繼出現了USENET和BINET兩個新興網路，並且也都成為Internet家族的骨幹網路(backbond)。 • 這時網際網路的開放性已吸引數以千萬的使用者來到網際網路，也就是說只要透過TCP/IP協定，就能享受Internet上所有一致性的服務。

4. 撥接連線上網 12-2 網際網路連線方式 • 以56K 傳統數據機來撥接上網，是最為簡便的上網方式。 • 只要購買一部56K 傳統數據機，以及向ISP 申請一個撥接帳號，就能夠透過現有的電話線路來撥接上網。 • 不過以這種方式撥接上網，缺點就是傳輸速率通常不高，因此在寬頻環境普及的今日中，利用這種連線方式的使用者正逐漸減少。 通常我們將傳輸速率在56 KBPS（含）以下的頻寬，常被稱為「窄頻」網路；而超過此界線者，就稱為「寬頻」網路。

5. ADSL連線上網 12-2 網際網路連線方式 • ADSL(Asymmetric Digital Subscriber Line, ADSL)，中文翻譯為「非對稱性數位用戶專線」。 • ADSL的下載速度與上傳速度並不相同，所以才稱之為「非對稱性」，下載速度為1.5MB到9MB，上傳速度為64KB到640KB。 • 「25～200 KHZ」頻道則是ADSL數據機用來上載資料的頻道；而高頻部分的「200K～101MHZ」則是下載資料的用途。

6. 纜線數據機上網 12-2 網際網路連線方式 • 纜線數據機（Cable Modem）的連線方式與ADSL 數據機相類似，不過它是以有線電視線路（CATV）來取代電話線路。 • 使用纜線數據機來連接網際網路，同樣可獲得較高的傳輸頻寬，傳輸速率甚至可高達36 Mbps。 • 由於數據資料傳輸所用的頻道與電視的頻道不同， 不會互相干擾， 因此一條同軸電纜線， 可同時作為資料傳輸和收看電視之用。

7. IP位址表示法(1) 12-3 網址的命名規則 • IP 位址就是「網際網路通訊定位址」（Internet ProtocolAddress, IP Address）的簡稱。 • 一個完整的IP 位址是由4 個位元組，即32 個位元組合而成，而且每個位元組都代表一個0~255 的數字。例如以下的IP Address： • 這四個位元組，可以分為兩個部分─「網路識別碼」(Net ID)與「主機識別碼」(Host ID) ： 位址是由網路識別碼與主機識別碼所組成

8. 12-3 網址的命名規則 • 請注意！IP位址具有不可移動性，也就是說您無法將IP位址移到其它區域的網路中繼續使用。IP位址的通用模式如下： • 例如以下都是合法的IP位址：

9. IP位址表示法(2) 12-3 網址的命名規則 • 如果開頭第一個位元為「0」，表示是A級網路，「10」表示B級網路，「110」表示C級網路…以此類推，說明如下： • Class A • 前導位元為0，以1個位元組表示「網路識別碼」(Net ID)，3個位元組表示「主機識別碼」(Host ID)，第一個數字為0～127。 • 每一個A級網路系統下轄224＝16,777,216個主機位址。

10. 12-3 網址的命名規則 • Class B • 前導位元為10，以2個位元組表示「網路識別碼」(Net ID)，2個位元組表示「主機識別碼」(Host ID)，第一個數字為128～191。 • 每一個B級網路系統下轄216＝65,536個主機位址，因此主機識別碼同樣具有16個位元可變化。

11. 12-3 網址的命名規則 • Class C • 前導位元為110，以3個位元組表示「網路識別碼」(Net ID)，1個位元組表示「主機識別碼」(Host ID)，第一個數字為192～223。 • 每一個C級網路系統僅能擁有28＝256個IP位址。 • Class D • 前導位元為1110，第一個數字為224～239。 • 此類IP位址屬於「多點廣播」(Multicast)位址，因此只能用來當作目的位址等特殊用途，而不能作為來源位址，例如239.22.23.53。

12. 12-3 網址的命名規則 • Class E • 前導位元為1111，第一個數字為240～255。全數保留未來使用。 • 所以並沒有此範圍的網路，例如245.23.234.13。 • 目前ISP提供的服務主要分為固定式IP及浮動式IP。 • 如果擁有的是固定式IP，它是不會被改變的，亦即每次連上網際網路時，都擁有相同的IP位址。

13. IPv4與IPv6 12-3 網址的命名規則 • 傳統的IPv4使用32位元來定址，因此最多只能有232＝4,294,927,696個IP位址。 • 而為了解決IP位址不足的問題，提出了新的IPv6版本。 • IPv6是以兩個位元組（Byte）為一個單位，共區分為八個部份，在表示時則是每個單位以16進位制加以表示，而以冒號來加以區隔，例如： IPv6的IP位址表示法

14. 網域名稱表示法 12-3 網址的命名規則 • 「網域名稱」((Domain Name)的命名方式，是以一組英文縮寫來代表以數字為主的IP位址。 • 其中負責IP位址與網域名稱轉換工作的電腦，則稱為「網域名稱伺服器」（Domain Name Server，DNS），它能讓電腦間相互聯繫或執行某些工作，例如電子郵件交換或網頁顯示。 • DNS 負責在IP 位址與網域位址間進行翻譯的工作，網際網路無法理解這些由字母與數字組成的網際網路位址，所以DNS 必須將它們轉換成適當的純數字表示的IP 位址。

15. 12-3 網址的命名規則 • 以DNS 在建構時是採取階層式的管理方式，如下圖所示： • 網際網路上有許多負責這種網域名稱與IP位址轉換工作的DNS伺服器，它們的工作方式主要是採取階層式的查詢架構。 DNS的階層架構

16. 12-3 網址的命名規則 • 網域名稱的組成是屬於階層性的樹狀結構。共包含有以下四個部分： • 以下為網域名稱中各元件的說明： 主機名稱、機構名稱、機構類別、地區名稱

17. 全球資訊網 12-3 網址的命名規則 • WWW 主要以主從架構的模式運作。 • 當執行了如IE 這類的客戶端網頁瀏覽器時，客戶端會聯繫網頁伺服器並要求所需的資料或資源。 • 最後網頁伺服器會找出所需的資料並回傳給網路瀏覽器，也就是我們所看到的搜尋結果。

18. URL 12-3 網址的命名規則 • URL 就是WWW 伺服主機的位址用來指出某一項資訊的所在位置及存取方式。 • URL可在WWW上指明通訊協定及以位址來享用網路上各式各樣的服務功能。 • 至於URL的標準格式如下： 「存取協定」是指電腦相互之間進行資料通訊時，所必須訂立的共同協議。

19. 12-3 網址的命名規則 • 除了http協定是用於存取全球資訊網的文件外，常見的協定如下： • 以下是常見的傳輸埠預設值：

20. 網頁與網站 12-3 網址的命名規則 • 透過瀏覽器在WWW 上所看到的每一個頁面，都可以稱為「網頁」（Web Page）；進入一個網站時所看到的第一個網頁，通稱為「首頁」（Home Page）。 • 網頁設計者通常會在首頁上加入吸引瀏覽者的元素，例如Flash 動畫、網站名稱與最新消息等。

21. 12-3 網址的命名規則 • 網頁畫面中的主要組成元素有文字、圖片及超連結等項目，其中文字及圖片是用來表達頁面中的資料內容。 網站伺服器及網頁檔案之間的關係

22. 電子郵件地址 12-4 認識電子郵件 • 電子郵件地址即網路上的信箱，格式為username@hostname，其中username為使用者帳號，hostname為郵件伺服器位址，中間以「@」符號分隔。 • 例如：hsw93@ms19.hinet.net中，hsw93為使用者帳號，ms19.hinet.net則為郵件伺服器位址。 • 標準電子郵件地址的外觀如下：

23. 電子郵件軟體 12-4 認識電子郵件 • 目前IE 瀏覽器附屬的Outlook Express 是最為流行的電子郵件軟體。 • 至於Outlook Express 中電子郵件可分為標頭和本文兩部份。 • 標頭顯示此封電子郵件的各項資訊，包含寄件者、收件者與副本接收者的電子郵件地址和郵件主旨，本文則為郵件的內容。

24. 電子郵件伺服器主機位址 12-4 認識電子郵件 • 電子郵件中區隔符號「@」之後的「ms19.hinet.net」就是郵件伺服器主機的位置。 • 當利用電子郵件軟體寄出信件後，這封信件會透過寄件者的「外寄郵件伺服器」（SMTP）發送到收件人的「內收郵件伺服器」（POP3）上，正如同網路上的郵局一般。

25. 電子郵件通訊協定 12-4 認識電子郵件 • 電子郵件必須透過通訊協定，才能在網際網路上進行傳輸，常見的通訊協定整理如下：

26. 電子郵件的運作原理 12-4 認識電子郵件 • 首先，寄件人從自己的電腦使用電子郵件軟體送出郵件，這時電子郵件會先經過寄件人所在的郵件伺服器A 確認無誤後，再透過網際網路將郵件送至收件人所在的郵件伺服器B。

27. 12-4 認識電子郵件 • 接著郵件伺服器B會將接收到的電子郵件分類至收件人的帳號，等待收件人登入存取郵件。 • 收件人從自己的電腦使用電子郵件軟體傳送存取郵件的指令至郵件伺服器B，在驗證使用者帳號和密碼無誤後，即允許收件人開始下載郵件。如下圖所示：

28. 電子郵件收發方式 12-4 認識電子郵件 • 目前常見的電子郵件收發方式可以分為兩類；POP3 Mail及Web-Basedd Mail。 • POP3 Mail是傳統的電子郵件信箱，通常由使用者的ISP所提供。 • 特點是必須使用專用的郵件收件收發軟體(例如Windows Mail郵件軟體)才能收發郵件。 • 缺點是取得帳號後，必須進行郵件伺服器的設定，對初學者而言，學習不易。

29. 12-4 認識電子郵件 • Web Based Mail電子郵件信箱則是目前網路上免費電子郵件(例如hotmail)的大宗，它的特點在於：使用瀏覽器來收發郵件，能在可以上網的電腦進行郵件的收發與管理。 • 缺點是郵件擺在遠端電腦主機上集中管理，要閱讀信件一定得先上網。 • 這類的信箱容量大小會有所限制，使用者必須定期手動方式刪除郵件、轉寄郵件來加以備份，當信件量相當多的時候，會造成信件管理的不方便性。

30. 新型態網頁郵件服務－Gmail 12-4 認識電子郵件 • Gmail是一種新型態的網頁郵件，它提供超過6566.755206 MB (還在增加中) 的免費儲存空間。我們可以將所有重要的郵件、檔案及圖片存放在Gmail的儲存空間，而不用擔心它會消失。 • Gmail 也將即時訊息功能整合到電子郵件使用中，只要您一上線還可以和您的朋友保持一種很好的互動。 • Gmail還可以阻擋不必要的垃圾郵件。當想要查詢任何資料時，只要利用Gmail的搜尋功能，就可以輕鬆且快速地找到。

31. 擬定網站主題(1) 12-5 網站建置流程 • 個人網站 • 通常是根據自己的興趣愛好，將資訊提供在網站上供其他人瀏覽，並不以盈利為目的。這類型的網站多半是利用文字加上靜態與動態圖片來提供資訊，最常見的是以特定主題為主的網站，包括介紹文學、詩詞、電玩、旅遊記事、運動等網站。 • 商業網站 • 是指以盈利為目的的網站，在2000年左右，隨著網際網路掘起，開始蓬勃發展成另一種商業模式。這類網站提供的服務包括商品展示、規格比較、報價、比價、下單、交易、付款、售後服務等等。目前較為常見的商業網站，包括有星相命理交友類、購物拍賣類、股市理財類、以及影音娛樂類。

32. 擬定網站主題(2) 12-5 網站建置流程 • 教學網站 • 顧名思義就是提供知識教學的網站，包括線上學習以及遠距教學等網站。 • 入口網站 • 是指整合了許多服務與資源的網站，使用者會藉由該網站來瀏覽網路上的資訊，目的是為了吸引網路使用者的重複到訪。一般常見的入口網站包括政府機關的入口網站以及企業的入口網站。例如「我的E政府」網站就是屬於政府機關的入口網站，它將許多政府提供的服務整合在一起，讓使用者可以很方便找到所需的服務。

33. 規劃網站架構與內容(1) 12-5 網站建置流程 • 網站主要的內容 • 依照網站主題，先規劃出網站的內容，例如想要製作一個介紹蝴蝶生態的網站，網頁內容就可考慮以蝴蝶生態、蝴蝶種類介紹以及蝴蝶的保育為主軸。 • 設定瀏覽的對象 • 設定網頁瀏覽的主要族群，以決定未來呈現網頁的內容與方式。例如網頁瀏覽的對象是中小學生，那麼網頁的內容就不宜太過艱深，最好以活潑生動的網頁來呈現。

34. 規劃網站架構與內容(2) 12-5 網站建置流程 • 網頁包含的元素 • 文字 • 網頁最基本的元素就是文字，文字可以表達網頁想要傳達的內容。 • 圖片 • 有時圖片會比文字更容易讓瀏覽者瞭解所要表達的內容，經由適當的圖片，會讓瀏覽者有賞心悅目的感受。網頁常見的圖片格式有JPG檔案、BMP檔案以及GIF檔案，GIF檔案通常用於動態圖檔。 • 聲音 • 網頁上加入背景音樂，能讓瀏覽者一進入網頁就感受到立體的聲光特效。

35. 12-5 網站建置流程 • 多媒體 • 是指文字、圖片、聲音、動畫和視訊的組合，網頁裡除了可以放置圖片及聲音，還能加入其他多媒體物件，像是Flash製作的Flash動畫或是自己拍攝的影片等等。 • 超連結 • 是網頁裡相當重要的元素，它可以讓瀏覽者任意連結到其他網頁。

36. 選擇網頁相關工具 12-5 網站建置流程 • 選擇製作網頁與處理影像的軟體，例如軟體方面，影像軟體可以選擇PhotoImpact、Photoshop、Fireworks等軟體。 • 繪圖軟體有Illustrator、CorelDRAW、FreeHand，動畫設計則選擇Flash、GIF Animator、COOL 3D Production Studio等軟體，網頁製作有Dreamweaver。

37. 12-5 網站建置流程 • 以下是Dreamweaver 所製作的各種網頁效果：

38. 12-5 網站建置流程

39. 網頁上傳與測試(1) 12-5 網站建置流程 • 自行架設網頁伺服器 • 對一般使用者來說，想要自已架設網頁伺服器，並不容易，必須要有軟硬體設備以及固定IP，以及具有網路管理的專業知識。 優點：容量大、功能沒有限制、容易更新檔案。 缺點：必須自行安裝與維護硬體及軟體、必須加強防火牆等安全設定，防止駭客入侵。

40. 網頁上傳與測試(2) 12-5 網站建置流程 • 租用虛擬主機 • 是網路業者將一台伺服器分割模擬成為很多台的「虛擬」主機，讓很多個客戶共同分享使用，平均分攤成本，也就是請網路業者代管網站的意思，對使用者來說，就可以省去架設及管理主機的麻煩。網站業者會提供給每個客戶一個網址、帳號及密碼，讓使用者把網頁檔案透過FTP軟體傳送到虛擬主機上，如此世界各地的網友只要連上網址，就可以看到網頁了。 優點：可節省主機架設與維護的成本、不必擔心網路安全問題，可使用自己的網域名稱(Domain Name)。 缺點：有些會有網路流量及頻寬限制，隨著主機系統不同能支援的功能(如ASP、PHP、CGI)也不盡相同。

41. 網頁上傳與測試(3) 12-5 網站建置流程 • 申請免費網頁空間 • 免費網頁空間與虛擬主機其實大同小異，差別在於免費網頁空間是網路業者為了吸引網友造訪網站，藉以提高人氣所提供的免費服務，所以限制比較多，通常必須先成為該網站會員之後，才能申請免費網頁空間。 優點：可節省主機架設與維護的成本、不必擔心網路安全問題。 缺點：網頁不能作為商業用途、有上傳檔案大小及容量限制、不支援特殊功能(例如不能使用ASP、PHP、CGI)、必須忍受擾人的廣告。

42. 網站維護及推廣 12-5 網站建置流程 • 登錄網站時必須要準備網站名稱、網址、網站說明、網站目錄、登錄人姓名及E-mail等等資料，並且網站必須至少有一頁以上的網頁才行。登錄的方式很簡單，只要到搜尋引擎線上申請即可，經過一到兩星期的審核通過之後，全世界的網友就可以透過這一個入口網站的分類目錄或搜尋引擎，找到您的網站。 • 要特別注意的是各大搜尋引擎是各自獨立的，所以要各別登錄。 • 網站登錄是免費的，如果想要讓網站排名優先或是加快審核時間，就可以透過付費的網站登錄。

43. FTP檔案傳輸服務 12-6 Web上的流行工具 • 是一種檔案傳輸協定， 透過此協定， 不同電腦系統，也能在網際網路上相互傳輸檔案。 • 檔案傳輸分為兩種模式：下載（Download） 和上傳（Upload）。 • 下載是從PC 透過網際網路擷取伺服器中的檔案，將其儲存在PC 電腦上。 • 上傳則相反，是PC 使用者透過網際網路將自己電腦上的檔案傳送儲存到伺服器電腦上。

44. 12-6 Web上的流行工具 • 以下是一套非常受歡迎的多點續傳軟體FlashGet，不但有續傳中斷檔案的功能，還能將檔案分成數個小段落，並且同時下載，也可以數個檔案同時進行，縮短下載檔案的時間：

45. Archie檔案檢索系統 12-6 Web上的流行工具 • Archie伺服器的功能在於定期搜尋整理FTP的目錄檔案，記錄檔案的名稱和位置等相關資料，使用者尋找檔案時，Archie檔案檢索系統能快速找到檔案及其所在FTP的位置，減少使用者在各FTP伺服器中尋找的時間。 • 目前國內最受歡迎的Archie檔案檢索網站是中央大學的NCU網路快取檔案服務，這個網站搜尋檔案的方式十分便利，能以完整或部分的檔案名稱搜尋，如果不知檔名，也能以關鍵字尋找相關可用軟體。

46. BBS與網路論壇(NetNews) 12-6 Web上的流行工具 • BBS提供電子信箱以及talk的功能，很多學校學生也會自己申請開闢一個討論主題，通常稱為「版主」，主持討論的園地，所以頗受時下年輕學子喜愛。 • 申請BBS帳號通常需要有一個email信箱以供身份認證之用，通常這個信箱不能是免費信箱，例如:一般的yahoo、hotmail、kimo等著名的免費信箱，ㄧ概不接受身份認證。

47. 12-6 Web上的流行工具 • 網路論壇(NetNews)是一個擁有上千個新聞討論群組(News Group)的討論區，可供網路族談天說地、交換資訊。 • 新聞群組中的討論主題可以說是無所不包、千奇百怪，種類與數量之多，真是筆墨難以形容。 • 如果有工作或生活上的任何疑難雜症，都可以在新聞群組的相關討論區中發出求助文章。

48. 網路電話(VoIP) 12-6 Web上的流行工具 • 是將聲音的類比訊號轉為數位訊號之後，透過網路相關的通訊協定，取代傳統電話，與他人進行語音交談，只要能夠連上網，就可以撥打電話給同在網路上的任一親朋好友。 • VoIP大致可分為PC-to-PC、PC-to-Phone、Phone-to-Phone三種，PC-to-PC的VoIP軟體最有名的就屬Skype軟體了。 • Skype是一套簡單小巧的語音通訊的免費軟體，無需支付通話費用。

49. 即時通訊 12-6 Web上的流行工具 • 即時通訊(Instant Message, 簡稱IM)功能，是一種網際網路時代的全新溝通方式，透過Internet就可以立即互相交流聊天， • 想要使用Skype網路電話，通話雙方都必須具備電腦與Skype軟體，而且要有麥克風、耳機、喇叭或USB電話機，如果想要看到影像則必須有網路攝影機(Web CAM)。另外它還有許多好用的功能，包括話質清晰，不會延遲、檔案傳輸、多人同時線上交談、即時文字訊息聊天等。

50. 12-6 Web上的流行工具 • 企業為何要禁用的可能原因： • 擔心公司機密外流：即時通訊軟體可以傳送訊息與檔案，大部分公司擔心機密檔案會外洩，因此都不鼓勵員工使用這類軟體。 • 浪費網路頻寬：隨著新功能的增加，像是表情符號、動畫與遊戲，功能越多就越耗資源。 • 擔心駭客與病毒入侵：有些使用者會使用即時通訊軟體轉寄好玩的程式、圖片或者檔案，成為電腦駭客或病毒入侵的管道。 • 擔心員工無心工作：即時通訊軟體不需要交談，就算偷懶聊天，也不會被發現，因此成了員工聊天或玩遊戲的工具，而可能會影響工作。