中原大學教育學程中心教師在職進修研討會動態網頁設計--動態網頁設計--動態網頁設計Speaker:李閔隆HYPERLINK"mailto:mllee@mcsl.ice.cycu.edu.tw"mllee@mcsl.ice.cycu.edu.tw課程大綱WWW&HTMLDynamicHTML描述語言ScriptLanguage串接式樣式表CascadingStyleSheets範例展示與練習參考資料WWW&HTML要介紹DHTML，當然要先從HTML開始。WWW(ＷorldWideWeb)是近幾年來急速竄起的資訊瀏覽系統。它於1989年，由TimBerners-Lee在靠近瑞士日內瓦的「高能量物理研究所」（CERN，法文）中提出計畫之後才發展出來的。CERN發展WWW的最初目的，是希望能夠讓成員們方便的分享研究成果，並促成分散各地的物理學家能夠進行合作研究。這時期的WWW當然都是文字模式的。到了1990年底，NeXT電腦公司完成了第一個WWW商業軟體，並在「Hypertext91’」研討會中發表。此時的WWW系統已經具備「圖、文、聲音、動畫、視訊」並茂的多媒體程式了。之後，隨著Internet的日益普及，WWW系統就開始呈現爆炸性的成長。CERN的這個計畫最大特點，就是引進了Hypertext（超文字）的觀念。Hypertext就是「包含有Hyperlink（超連結）的字串」，通常都是以「加底線」的形式來表示。由於Hyperlink可以指向任何其他位置的文件，因此把傳統文件從頭到尾的「循序結構」整個給顛覆掉了。Hypertext允許在文件與文件之間任意跳躍。例如您在一篇文章中讀到Perl這個專有名詞，懂得人當然可以繼續看下去，不懂的人可以在它上面Click一下，就會看到Perl的詳細說明，而在這篇說明中還允許有其他的Hypertext，因此您可以毫無限制的一路「跳」下去。像這種文字與文件之間的鏈結關係就叫「Hyperlink」（超鏈結）。當初，CERN的這個計畫只是想要透過「超文字」及「網路」來查詢分散各地的文件而已，並沒有想到要傳「影像」、「聲音」、「動畫」等多媒體資訊。今天，「影像」、「聲音」及「動畫」等多媒體資訊已經全部被整合在一起了，並且可以在網路之間快速的傳輸。整個環境已經從「超文字」的時代邁入「超媒體」（Hypermedia）的新紀元了。「超媒體」（Hypermedia）其實就是「多媒體」（Ｍmultimedia）與「Hyperlink」的結合。由於是「多媒體的親和力」以及「Hyperlink的易用性」，造就了一個「無限延伸，易學易用」的網路環境。HTML的發展一日千里，其標準與發展該由誰來負責？HTML標準由一個稱為HTML小組的團體所開發與維護，他們也是Internet工程任務（InternetEngineeringTaskForce）的發明者，該工作小組成立於1994年，他們的工作是為當時在Web上廣為使用的HTML2.02訂定標準，並且為日後版本的標準，包括HTML3.0與HTML4.0等提出建議。HTML4.0草案已於1997年11月10日正式定案為W3C的標準，所以HTML的最新版本為HTML4.0。HTML4.0新標準除了加強一些傳統HTML標籤的功能，還延伸了網頁建置技巧，包括了StyleSheets、Scripting、EmbeddingObjects等功能，除此之外，還包含了最讓人感興趣的DynamicHTML，還有所謂的CCS（CascadingStyleSheets）。DynamicHTML何謂DynamicHTML？若從字面上看起來，常常會令人誤解。因為它不只是一個特定的技術、語言或一組功能元件；相反的，DHTML是由不同的技術所組合。而且使用重點，在於描述網頁中的各式元件與技術如何互動。簡單來說，DHTML中可以使用：傳統的HTML、腳本語言（script）、文件物件模型（DocumentObjectModel）、絕對定位（absolutepositioning）、動態樣式（dynamicstyles）、多媒體濾境（multimediafilters）…等等，和各式各樣的其他技術組合。DHTML是動態的，不像傳統HTML的呆板，讓您可以動態的更新網頁內容、排版樣式和顯示動畫等，也增強了與使用者互動的功能。其實說穿了，所謂DHTML並不是對傳統的HTML語言增加新的標籤來到達這些效果，而是針對原有的標籤所代表的文字或圖片加以命名，再利用JavaScript、VBScript或其他描述式語言（Script）來控制其達到動態的效果。因此，如果您想要