網頁設計發展史原文自從第一個網站在上個世紀90年代初誕生以來，設計師們嘗試了各種網頁的視覺效果。早期的網頁完全由文本構成，除了一些小圖片和毫無布局可言的標題與段落。然而，時代在進步，接下來出現了表格布局，然后是Flash，最后是基于CSS的網頁設計。本文涵蓋了不同時期網頁設計的歷史，還包括了不同類型的設計案例。第一張網頁1991年8月，TimBerners-Lee發布了第一個簡單的，基于文本，包含幾個鏈接的網站。原始網頁的副本現在仍然在線。它有十多個鏈接，試圖告訴人們什么是萬維網。隨后的網頁都比較相似，完全基于文本，單欄設計，有一些鏈接等等。最初版本的HTML只有最基本的內容結構：標題(＜h1>,＜h2>...)，段落(＜p>)和鏈接(＜a>)。隨后新版本的HTML開始允許在頁面上添加圖片(＜img>)，然后開始支持制作表格(＜table>)。W3C的出現1994年，萬維網聯盟（W3C）成立，他們將HTML確立為網頁的標準標記語言。這一舉動阻斷了任何獨立公司想要開發專利的瀏覽器和相應的程序語言的野心，因為這會對網絡的完整性產生不利的影響。W3C一直致力于確立與維護網頁編程語言的標準(例如JavaScript)。網頁設計發展史原文全文共11頁，當前為第1頁。Thefirstwebpage(1992)網頁設計發展史原文全文共11頁，當前為第1頁。Yahoo!(1996)網頁設計發展史原文全文共11頁，當前為第2頁。Altavista(1996)網頁設計發展史原文全文共11頁，當前為第2頁。基于表格的設計表格布局使網頁設計師制作網站時有了更多選擇。在HTML中表格標簽的本意是為了顯示表格化的數據，但是設計師很快意識到可以利用表格來構造他們設計的網頁，這樣就可以制作較以往作品更加復雜的，多欄目的網頁。表格布局就這樣流行了起來，融合了背景圖片切片技術，常給人以看起來較實際布局簡潔得多的結構。結構設計這個時期的網頁設計還不太關注語義化和可用性方面的問題，主要還在追求良好的結構美學。網頁設計發展史原文全文共11頁，當前為第3頁。網頁設計發展史原文全文共11頁，當前為第3頁。同一時期也是大量應用GIF占位圖片控制留白的時期。一些主流的公司甚至訓練設計師如何使用GIF占位；如微軟的“關于HTML表格中的GIF占位”。第一批主要應用表格布局的“所見即所得”網頁設計軟件的發展助長了表格的應用。另外，某些軟件自動生成的表格如此復雜以至于許多設計師不可能從頭手寫代碼（例如每行只有1px高卻包含了幾百列的表格）。即使是稍微復雜一點兒的網頁（比如多欄目頁面），設計師們都要依賴于表格來創建。W3C(1998)網頁設計發展史原文全文共11頁，當前為第4頁。Yahoo!(2002)網頁設計發展史原文全文共11頁，當前為第4頁。Altavista(2002)網頁設計發展史原文全文共11頁，當前為第5頁。網頁設計發展史原文全文共11頁，當前為第5頁?；贔lash的網頁設計Flash（最初被稱為FutureSplashAnimator，然后是MacromediaFlash，現在叫做AdobeFlash）開發于1996年。起初只有非?；镜墓ぞ吲c時間線，最終發展成能夠開發整套網站的強大工具。Flash提供了大量的遠遠超過HTML所能夠實現的視覺表現效果。MacromediaShockwave在Flash之前，有MacromediaShockwave（之后是AdobeShockwave）。Shockwave用于為CD-ROM制作目錄和多媒體內容，Shockwave文件體積龐大，考慮到當時的網絡連接以撥號上網為主，應用Shockwave還是不夠明智的。與之相比，Flash影片體積小巧，在線應用更加可行。Flash的優勢在視覺效果上HTML有很多局限性，尤其是早期的HTML。要實現復雜的設計，人們往往需要制作大量瘋狂的表格結構并/或依靠圖像占位符（就像某些所見即所得軟件所做的那樣）。Flash使創建復雜的，互動性強并且擁有動畫元素的網站成為可能。網頁設計發展史原文全文共11頁，當前為第6頁。網頁設計發展史原文全文共11頁，當前為第6頁。動態HTML（DHTML）在Flash初次涉足網頁設計領域的同一時期（20世紀90年代末至21世紀初），由幾種網絡技術（如JavaScript和一些服務器端腳本語言）組成的用于創作互動/動畫頁面元素的DHTML技術的推廣，也在如火如荼地進行中。這時，隨著Flash的發展和DHTML的普及，不只是閱讀靜態內容，還允許用戶與網頁內容互動的交互頁面的概念誕生了。3DML網頁設計發展史原文全文共11頁，當前為第7頁。3DML是一個鮮為人知的用于制作三維站點的網頁設計語言。由MichaelPowers編寫于1996年，3DML文件實際上由一種非標準的XML語言寫成。網頁設計發展史原文全文共11頁，當前為第7頁。FlatlandRover是一款獨立開發的3DML瀏覽器，盡管還有對應的InternetExplorer，NetscapeNavigator，theAOLbrowser和Opera瀏覽器插件，但隨著開發進度停滯于2005年，Firefox的插件始終未能問世?，F在仍然有應用3DML構建的網站，但如果沒有上述瀏覽器或是相應插件，3DML就是不可見的。3DML曾用于制作稱作“Sopts”的世界與場景。3DML真正的殺手锏是比大多數語言都快的3D模型構建速度（就算是Flash也需要打開Flash桌面應用來創建并編輯Flash內容）與更加小巧的文件體積。基于CSS的設計CSS設計受到關注始于21世紀初。雖然CSS已經存在很長一段時間了，但是在當時仍然缺乏主流瀏覽器的支持，并且許多設計師對它很是陌生（甚至感到恐懼）。與表格布局與Flash網頁相比，CSS有許多優勢。首先它將網頁的內容與樣式相分離，這從本質上意味著視覺表現與內容結構的分離。CSS是網頁布局的最佳實踐，與CSS相比表格布局根本不值一提。CSS極大地縮減了標簽的混亂還創造了簡潔并語義化的網頁布局。CSS還使得網站維護更加簡便，因為網頁的結構與樣式是相互分離的。人們完全可以改變一個基于CSS設計的網站的視覺效果而不去改動網站的內容。由CSS設計的網頁的文件體積往往小于基于表格布局的網頁，這也意味著頁面響應時間的改善。雖然首次訪問一個網站會下載樣式表占用帶寬，但CSS會緩存在訪問者的瀏覽器里（默認情況下），這樣接下來的訪問過程中，網頁就都會迅速顯示了。網頁設計發展史原文全文共11頁，當前為第8頁。W3C(2003)網頁設計發展史原文全文共11頁，當前為第8頁。網頁設計發展史原文全文共11頁，當前為第9頁。W3C(