網頁設計 一路風雨

自從第一個網站在上個世紀 90 年代初誕生以來，設計師們嘗試了各種網頁的視覺效果。早期的網頁完全由文本構成，除了一些小圖片和毫無佈局可言的標題與段落。時代在不斷進步，接下來出現了表格佈局，然後是 Flash，最後是基於 CSS 的網頁設計。　　

　　本文涵蓋了不同時期網頁設計的歷史，並以W3C、Yahoo、Altavista等網站不同時期的頁面設計為例做了回顧和比較。

　　第一張網頁

　　1991 年 8 月，Tim Berners-Lee 發佈了第一個簡單的，基於文本，包含幾個連結的網站。原始網頁的副本現在仍然線上。它有十多個連結，試圖告訴人們什麼是萬維網。
　　 W3C出現

　　1994 年，萬維網聯盟(W3C)成立，他們將 HTML 確立為網頁的標準標記語言。這一舉動阻斷了任何獨立公司想要開發專利的流覽器和相應的程式語言的野心，因為這會對網路的完整性產生不利的影響。W3C 一直致力於確立與維護網頁程式設計語言的標準(例如 JavaScript)。

　　推薦：HTML速查手冊

　　隨後的網頁都比較相似，完全基於文本，單欄設計，有一些連結等等。最初版本的 HTML 只有最基本的內容結構：標題 (<h1>,<h2>...)，段落(<p>)和連結(<a>)。　　隨後新版本的HTML開始允許在頁面上添加圖片(<img>)，然後開始支援製作表格(<table>)。

　　The first web page (1992)

基於表格的設計　　

表格佈局使網頁設計師製作網站時有了更多選擇。　　在 HTML 中表格標籤的本意是為了顯示表格化的資料，但是設計師很快意識到可以利用表格來構造他們設計的網頁，這樣就可以製作較以往作品更加複雜的，多欄目的網頁。

　　表格佈局就這樣流行了起來，融合了背景圖片切片技術，常給人以看起來較實際佈局簡潔得多的結構。　　

　　結構設計

　　這個時期的網頁設計還不太關注語義化和可用性方面的問題，主要還在追求良好的結構美學。同一時期也是大量應用 GIF 占點陣圖片控制留白的時期。一些主流的公司甚至訓練設計師如何使用 GIF 占位;如微軟的“關於 HTML 表格中的 GIF 占位”。第一批主要應用表格佈局的“所見即所得”網頁設計軟體的發展助長了表格的應用。另外，某些軟體自動生成的表格如此複雜以至於許多設計師不可能從頭手寫代碼(例如每行只有 1px 高卻包含了幾百列的表格)。即使是稍微複雜一點兒的網頁(比如多欄目頁面)，設計師們都要依賴于表格來創建。</table></a></p></h2></h1>