本文檔介紹了互聯網的基本概念，包括URL的組成、HTML的功能以及網頁製作工具的使用。它還探討了動態網站和數據驅動網站的運作原理，以及相關的程式設計工具如JavaScript、PHP和AJAX等。最後，文中提及了最新的HTML技術和CMS系統的應用。

1. 全球資訊網的內部
指導老師：王蘭華
學生：余曉綺、林亞禕

2. URL
 uniform resource locator
 命名機制
 例如：
http://www.vote-smart.org/help/database.html
http是透過網路
傳送資源的協定
是資源所在的伺
服器網域名稱
是
database.html
檔案所在的伺服
器目錄名稱
資源檔案名稱

3. http://www.vote-smart.org/help/database.html
 第一部分：代表存取資訊時所使用的協定，最常見
的是http(Hypertext Transfer Protocol)，用來
傳輸網頁。
 第二部分：是代表資源所在的主機位址，使用的是
和電子郵件位址相同的網域名稱系統。
 第三部分：說明資源檔案在主機的目錄路徑。

4. HTML
 HyperText Markup Language
 純文字檔
 描述網頁文件的格式、版面設計和邏輯結構的標
籤。
 非「所見及所得」

5.  因為是純文字檔，可以很容易的從網站伺服器傳
送到Internet任何地方的用戶客戶端。
 可利用文書處理器或文字編輯器就可以建立網頁，
只要輸入HTML指令及內容即可。
 Microsoft Word、PowerPoint和FileMaker
Pro可自動將基本格式轉為HTML指令

6. 網頁製作軟體(Web authoring software)
 如Adobe Dreamweaver 、Microsoft
Expression Web和Apple的iWeb
 可像排版軟體直接排出想要的版面
 使用網頁製作軟體的好處，他提供了管理網頁工
具，可以自動重複編輯、套用樣式及檢查錯誤的
超連結

7.  HTML文件完成後，必須上傳到網站伺服器，才
能在Web上看到。
 預設情況下，多數網頁的網址都包含ISP或網站
伺服器的網域名稱。
 大部分架設網站的企業或個人都是向網域名稱註
冊(domain name registry)公司繳交年費。有
些公司會同時身兼ISP、網站主機和代辦網域名
稱註冊業務

8. 從超文字到多媒體
表格 像試算表的儲存格，被當作是一種簡單的對齊工具
框架 瀏覽器檢視區域中的小區塊
表單 用來訂購貨物和服務、回答問卷、輸入內容、表達意見。
動畫 建構在多元技術上，從簡單的GIF動畫到複雜的互動式動畫
搜尋引擎 找尋網頁中資料的工具
可供下載的音
樂檔/影片檔
mp3、AAC
串流式音樂/影
片檔案
可一邊下載一邊觀賞
及時串流式影
音放送
或稱Webcast，這是及時以串流的方式傳送收音機、電視廣播、
音樂會及其他影音方面的活動

9. 外掛程式
 當一家公司拖出新的網頁技術時，如新類型的動
畫，通常會附上免費的外掛程式來增加新的功能。
名稱 公司 用途
Adobe
reader/Ac
robat
Adobe 可用來顯示pdf(Portable Document Format)即使電
腦沒有安裝相同的字型，螢幕上顯示或是列印的都會一
樣。Adobe reader只能顯示pdf檔不能修改，Acrobat
可以編輯。
Shockwav
e/Flash
Adobe 可顯示壓縮的互動式多媒體文件、動畫和影片
Windows
media
Player
Microsof
t
在Microsoft Windows和Microsoft作業系統上撥放串
流式影音檔案的程式
Quick
Time
Apple 多用途多媒體架構

10. 近期的HTML
 HTML最初是用來分享科學研究而設計的，而不
是用來傳送多媒體文件。
 為了應大家的要求，HTML已經修改很多次，較
新版的HTML支援階層式樣式表(CSS)，能夠定
義舊版不能辨識的格式和版面設計。
 下一版的則是HTML5，目前開發中，將提供2D、
3D繪畫功能、改進在行動裝置上的顯示等等

11. 動態網站
 HTML並不支援需要大量快速變更的應用領域，例如：
線上購物、圖書館目錄、搜尋引擎等…
 需要
 資料庫：用來儲存網頁中不斷改變的資料
 自訂化的程式設計技術：讓網站的訪客能取得所需的資料
 資料驅動網站(data-driven web site)：不必時常
修改網頁，就可以顯示動態的常變動的內容。也提供
個人化的服務，有些則使用cookie，儲存在你硬碟
上的小檔案，記錄你的來訪、動作及喜好。
 網站視為資料庫的前端
 資料庫則是網站的後端

12. 資料驅動網站(data-driven web site)
 內容管理系統(content-manamgement
system)：將網站內容儲存在資料庫中，網站管
理者只需要將新內容輸入在一個簡單的表單中，
CMS就會自動進行必要的HTML的編輯動作。
 例如：Joomla、blogger

13. 動態網站程式設計工具
 Script:可在網頁中加入互動動作、動畫以及其他
動態功能，一般Script程式是以JavaScript腳本
語言撰寫。
 小型的Jave程式稱為applet
 他們是獨立平台，可在任何有安裝JVM(Jave
Virtual Machine)軟體的用戶上執行。
Jave JavaScript
全功能跨平台程式語言 用來加強HTML網頁的腳本語
言

14. 動態網站程式設計工具
 Adobe Flash 和 Microsoft Silverlight:是建立
互動式網頁元件常用之用戶端工具。他們通常在
瀏覽器軟體內部執行。Flash 的腳本語言與
JaveScript有很多相似點。
 XML(eXtensible Markup Language，可延伸
標記語言):能定義標準HTML無法完全做到的表
單、資料庫查詢以及牽涉大量資料的作業。
 XHTML:是一種結合HTML和XML功能的標記語
言。

15. 動態網站程式設計工具
 可支援互動式網頁新技術AJAX(Asynchronous
JaveScript and XML):透過在使用者機器上的用戶
端script，就能根據使用者輸入提供快速的更新；同
時與網站伺服器保持非同步通訊來交換少量資料，不
必重新載入整個頁面。不過此機制需仰賴其他技術如
HTML 、JaveScript、XML和其他腳本語言和標記
語言
 PHP:多數動態網站使用的腳本語言，專用來撰寫伺
服器的script或程式
 另一種常見的伺服器程式語言是ASP(Active Server
Pages)
 Perl和Python腳本語言也是常見的網頁程式設計語
言