基于Web2.0標準化布局的《網頁制作》課程教學探討

摘要自從W3C組織發布Web2.0標準以來，國內外許多網站依照DIV+CSS的布局標準重新構建網站，然而在《網頁制作》課程的教學中，許多教師依然使用表格布局模式進行教學，這顯然不適應網頁技術發展的趨勢。本文就如何更好按照Web2.0標準化布局進行《網頁制作》課程教學進行探討。

關鍵字Web2.0網頁制作標準化布局

中圖分類號:G633.67文獻標識碼:A

1 引言

在早期網頁設計中，HTML的表格(Table)僅用來列舉數據，隨著互聯網的發展，HTML為了表現頁面，表格成為了一種布局工具。網頁失去了文檔加結構的意義而變得越來越復雜，代碼變得幾乎不可理解。設計者不得不借助“所見即所得”(WYSIWYG)的軟件工具來處理大量無意義的標簽。

Web2.0標準的內容之一就是要將網頁的內容與表現分離，同時要求HTML文檔要具有良好的結構。采用層(DIV)布局，并且使用層疊樣式表(CSS)來實現頁面外觀的定義。這就是目前流行的DIV+CSS標準化布局。

2 使用標準化布局的好處

對網站設計者有以下好處:符合W3C標準，保證所設計的網站不會因為將來網絡應用的升級而被淘汰;內容與表現的分離，使頁面和樣式的調整變得更加方便;提高網站易用性，支持瀏覽器的向后兼容;代碼簡潔，更容易被搜索引擎搜索。

對網站瀏覽者有以下好處:基于標準構建的網站文件下載與頁面顯示速度更快;內容能被更多的用戶和更廣泛的設備所訪問;用戶能夠通過樣式選擇定制自己的表現界面;所有頁面都能提供適于打印的版本。

3 如何有效根……