記概專題報告

全球資訊網的部內
報告者： 9 號郭筑菱
10 號洪慈函
指導老師：王蘭華老師

Web 的通訊協定和網頁製作
從超文字到多媒體
動態網站：不只是靜態網頁
動態網站程式設計工具
~ 容內 ~

~ 前言 ~
• 全球資訊網 (World Wide Web ， Web) 是
一種分散式的瀏覽和搜尋系統，最初是由
科學家 Tim Berners-Lee 在 CERN 實驗室
發明的。
• 他設計出 Internet 文件獨一無二的位址系
統、撰寫了用來顯示和編譯文件的 HTML
程式語言、並建立能由遠端檢視文件的瀏
覽器軟體。
• 自 1991 年以來，全球資訊網成了在網路上
探索、檢視及散各種網路資訊中最熱門佈
的系統。

一、 Web 的通訊協定和網頁製
作
1.Web 是架構在一套命名機制上，可藉由
URL (uniform resource locator ，通常稱為
網址 ) 找到任何 Internet 上的資訊資源。
例：
http://www.vote-smart.org/help/database.html

代表存取資訊時所使用的
協定，最常見的是
http ，是透過網路傳送資
源的協定。

代表資源所在的主機位
置，使用的是和電子郵
件位址相同的網路名稱
系統。

代表 database.html 案檔
所在的伺服器目錄名稱。

database.html 是
資源案名稱。檔

2. 多數網頁都是以 HTML (HyperText
Markup Language) 語言建立的。
HTML 的原始文件是純文件，其中包含檔
描述網頁文件的格式、版面設計和邏輯結
構的標籤。
HTML 不是「所見即所得」

因為…
HTML 的代碼嵌入在文件中，使文件看起
來很神秘，和最後呈現在螢幕上的網頁一
點也不像。
藉由這些代碼，網頁瀏覽器可將 HTML 原
始文件轉換成顯示在螢幕上的網頁。
也因為是純文字檔，所以 HTML 文件可以
很容易的從網站伺服器傳送到 Internet 任
何地方的用戶端電腦。

因為…
HTML 的代碼嵌入在文件中，使文件看起
來很神秘，和最後呈現在螢幕上的網頁一
點也不像。
藉由這些代碼，網頁瀏覽器可將 HTML 原
始文件轉換成顯示在螢幕上的網頁。
也因為是純文字檔，所以 HTML 文件可以
很容易的從網站伺服器傳送到 Internet 任
何地方的用戶端電腦。
所以說…
只要利用任何文書處理器或是
文字編輯器就可以建立網頁，
輸入 HTML 指令和內容即可。

不過…
也有很多程式都可自動將基本格式 ( 如字型
、縮排、對齊方式 ) 轉換成 HTML 指令，包
括 Microsoft Word 、 PowerPoint 和
FileMaker Pro 軟體。
還有一些網頁製作軟體，如 Adobe
Dreamweaver 、 Microsoft Expression
Web 和 Apple 的 iWeb ，都可以像排版軟
體一樣，直接編排出想要的版面。

網頁製作軟體 V.S. HTML 語言
1. 在網頁瀏覽器上檢
視時，和你原始的配
置一樣。
2. 提供管理網站工具
，可以自動重複編輯
、套用樣式，以及檢
錯誤的連結。查
1.HTML 文件完成
後，必須先上傳到
網站伺服器，才能
在 Web 上看到。

二、從超文字到多媒體
1990 年代初期，第一個網頁是單純的超文
字。
不到幾年的時間，網頁中有圖片也變得很
平常，甚至有些前衛的網站還可以下載影
片和聲音至硬中。碟
到了現在，彩色圖片和動畫處處可見。

一個典型的網站通常包含…
表格
框架
表單
動畫
搜尋引擎
可供下載的聲音案檔
可供下載的影片
串流式聲音案檔
串流式影片案檔
即時串流式影音放送

現今新網頁創意以令人驚訝的速
度出現，快得連瀏覽器軟體的廠
商都不上…趕

現在多數瀏覽器都是藉由外掛程
式來新新功能…增
只要下載外掛程式並安裝至瀏覽器中，你
就可以享受含有新技術的網頁了。
受歡迎的外掛程式，將來便會成為瀏覽器
中的標準功能，到時就不必另外下載和安
裝了！

最熱門的免費外掛程式包括…
1.Adobe Reader 和 Acrobat (Adobe 公
司 )
• 可用來顯示 PDF 格式的案，即使電腦中檔
沒有安裝相同得字型，螢幕上顯示的和列
印出來的都一樣。
• 是免費的，但只能顯示 PDF 文件而無法修
改。
• 可以編輯和建立 PDF 文件。
• 較新的瀏覽器軟體都已事先安裝 Adobe
Reader 。

2.Shockwave/Flash (Adobe 公司 )
• 使瀏覽器可顯示壓縮的互動是媒體文件、動
畫和影片。
• 目前大多瀏覽器軟體都已事先安裝 Flash 。
3.Windows Media Player (Microsoft
公司 )
• 是在 Microsoft Windows 和手持裝置的
Microsoft 作業系統上播放串流式影音案的檔
程式。

4.Quick Time (Apple 公司 )
• 是蘋果公司的多用途多媒體架構。
• 這個跨平台瀏覽器外掛程式可撥放多種媒
體格式，包括音樂、影片、動畫，甚至互
動是 3D 模式。

最初， HTML 是為了分享科學研究文
件而設計的，而不是為了傳送多媒體
文件。
在大家的要求下，為了納入新功能，
HTML 的標準已經修改了無數次…

較新版的 HTML 支援階層式樣式表
(CSS) ，能定義舊版本不能辨識的格夠
式和版面配置功能，例如當滑鼠指標經
過按鈕時，按鈕在視覺上會改變外觀，
也就是所謂的 rollover( 翻滾 ) 動態效果
。

下一版 HTML 是 HTML5 ，目前
還在開發中…
將提供 2D 和 3D 繪畫功能、改進在行
動裝置上的顯示，還有不需要外掛程
式也可處理多媒體，以及提升程式設
計功能，其中不少是多數瀏覽器已經
支援的功能。

http://sixartstudio.appspot.com/DW/6content_DW1-2.html

三、動態網站：不只是靜態網頁
HTML 的設計用途是配置版面，而非程式設計
用它來設計內容很少變動的靜態網站還不錯，
這類動態網站 ( dynamic Web site) 需要兩項
HTML 無法提供的東西：
1. 資料庫：用來儲存網站中不斷改變的
資料
2. 自訂化的程式設計技術：讓網站的訪客能取
得所需的資料

資料驅動網站 (data-driven Web
site)
** 不需時常修改網頁，就可以顯示動態
的、常變動的容。此網站可視為資內
料庫的前端 (front end) ，是訪客進入
資料庫的窗口；而資料庫則是網站的
後端 (back end) 。

有一些網站使用登入名稱和密碼
來記訪客。有些則是使用被稱做錄
Cookie ，儲存在硬上的小案，你碟檔
來記的來訪、動作和喜好。錄你

資料驅動網頁技術同樣也經過不少改革
例如：
使用容管理系統內 ( content-
management system ， CMS) 即可新
或更新網站文字、影像等容，而增內
不需要撰寫 HTML 程式碼或使用網頁
製作軟體。

四、動態網站程式設計工具
程式設計人員建構動態網站時有
多種工具可用。有些工具和語言是用
來撰寫在用戶端電腦或行動裝置的瀏
覽器上直行的程式碼；有些則是專門
用來撰寫在伺服器端執行的程式，負
責處理來自用戶端的要求。

在用端方面，被稱作戶 script 的小型
程式可在網頁中加入互動動作、動畫，以
及其他動態功能。
Script 可根據使用者輸入、當場修改
HTML 碼。

還有一種功能更強的用戶端程式設計工具→
JAVA
JavaScript 是一種用來加強 HTML 網頁
的本語言，腳 Java 則是全功能的跨平台程式
語言。小型的 Java 程式稱為 applet ，瀏覽
器可自動將這些 JavaScript 下載至用戶端電
腦中。

還有 ~
XML( 可延伸標記語言， eXtensible
Markup Language) 是另一種重要的網頁製
作工具，廣泛運用在定義資料格式上。
許多 PC 和 Mac 應用軟體，包括
Microsoft Office 都支援 XML 為標準的
格是設定語言。不過， XML 和 XHTML 不
同，後者是一種結合 HTML 與 XML 功能
的標記語言。

最新的 !!!
有一種比較新、可支援互動式網頁的
新技術 AJAX(asynchronous JavaScript
and XML)
AJAX 機制必須依賴其他技術，包括
HTML 、 JavaScript 、 XML ，以及其他
本語言和標記語言。腳

不過 ~
今日大多數動態網站使用的是另一種
本語言：腳 PHP 。
另一種常見的伺服器端程式語言是
ASP(Active Server Pages) 。 Perl 和
Python 本語言也是網站伺服器程式設計腳
常用的語言。

記概專題報告

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (19)

Similar to 記概專題報告

Similar to 記概專題報告 (20)

記概專題報告

Editor's Notes