自從第一個網(wǎng)站在上個世紀(jì) 90 年代初誕生以來，設(shè)計師們嘗試了各種網(wǎng)頁的視覺效果。早期的網(wǎng)頁完全由文本構(gòu)成，除了一些小圖片和毫無布局可言的標(biāo)題與段落。然而，時代在進(jìn)步，接下來出現(xiàn)了表格布局，然后是 Flash，最后是基于 CSS 的貴陽網(wǎng)頁設(shè)計。

本文涵蓋了不同時期貴陽網(wǎng)頁設(shè)計的歷史，還包括了不同類型的設(shè)計案例。
第一張網(wǎng)頁
1991 年 8 月，Tim Berners-Lee 發(fā)布了第一個簡單的，基于文本，包含幾個鏈接的網(wǎng)站。原始網(wǎng)頁的副本現(xiàn)在仍然在線。它有十多個鏈接，試圖告訴人們什么是萬維網(wǎng)。
隨后的網(wǎng)頁都比較相似，完全基于文本，單欄設(shè)計，有一些鏈接等等。最初版本的 HTML 只有最基本的內(nèi)容結(jié)構(gòu)：標(biāo)題 (<h1>, <h2>...)，段落(<p>)和鏈接(<a>)。隨后新版本的HTML開始允許在頁面上添加圖片(<img>)，然后開始支持制作表格(<table>)。
W3C 的出現(xiàn)
1994 年，萬維網(wǎng)聯(lián)盟（W3C）成立，他們將 HTML 確立為網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。這一舉動阻斷了任何獨立公司想要開發(fā)專利的瀏覽器和相應(yīng)的程序語言的野心，因為這會對網(wǎng)絡(luò)的完整性產(chǎn)生不利的影響。W3C 一直致力于確立與維護(hù)網(wǎng)頁編程語言的標(biāo)準(zhǔn)(例如 JavaScript)。
 

基于表格的設(shè)計
表格布局使貴陽網(wǎng)頁設(shè)計師制作網(wǎng)站時有了更多選擇。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)計師很快意識到可以利用表格來構(gòu)造他們設(shè)計的網(wǎng)頁，這樣就可以制作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁。
表格布局就這樣流行了起來，融合了背景圖片切片技術(shù)，常給人以看起來較實際布局簡潔得多的結(jié)構(gòu)。
結(jié)構(gòu)設(shè)計
這個時期的貴陽網(wǎng)頁設(shè)計還不太關(guān)注語義化和可用性方面的問題，主要還在追求良好的結(jié)構(gòu)美學(xué)。

同一時期也是大量應(yīng)用 GIF 占位圖片控制留白的時期。一些主流的公司甚至訓(xùn)練設(shè)計師如何使用 GIF 占位；如微軟的“關(guān)于 HTML 表格中的 GIF 占位”。
第一批主要應(yīng)用表格布局的“所見即所得”貴陽網(wǎng)頁設(shè)計軟件的發(fā)展助長了表格的應(yīng)用。另外，某些軟件自動生成的表格如此復(fù)雜以至于許多設(shè)計師不可能從頭手寫代碼（例如每行只有 1px 高卻包含了幾百列的表格）。即使是稍微復(fù)雜一點兒的網(wǎng)頁（比如多欄目頁面），設(shè)計師們都要依賴于表格來創(chuàng)建。
 

基于Flash的貴陽網(wǎng)頁設(shè)計
Flash（最初被稱為 FutureSplash Animator，然后是 Macromedia Flash，現(xiàn)在叫做 Adobe Flash）開發(fā)于 1996 年。起初只有非?；镜墓ぞ吲c時間線，最終發(fā)展成能夠開發(fā)整套網(wǎng)站的強(qiáng)大工具。Flash 提供了大量的遠(yuǎn)遠(yuǎn)超過 HTML 所能夠?qū)崿F(xiàn)的視覺表現(xiàn)效果。
Macromedia Shockwave
在 Flash 之前，有 Macromedia Shockwave（之后是 Adobe Shockwave）。Shockwave 用于為 CD-ROM 制作目錄和多媒體內(nèi)容，Shockwave 文件體積龐大，考慮到當(dāng)時的網(wǎng)絡(luò)連接以撥號上網(wǎng)為主，應(yīng)用 Shockwave 還是不夠明智的。與之相比，F(xiàn)lash 影片體積小巧，在線應(yīng)用更加可行。
Flash 的優(yōu)勢
在視覺效果上 HTML 有很多局限性，尤其是早期的 HTML。要實現(xiàn)復(fù)雜的設(shè)計，人們往往需要制作大量瘋狂的表格結(jié)構(gòu)并/或依靠圖像占位符（就像某些所見即所得軟件所做的那樣）。
Flash 使創(chuàng)建復(fù)雜的，互動性強(qiáng)并且擁有動畫元素的網(wǎng)站成為可能。

動態(tài)HTML（DHTML）

在 Flash 初次涉足貴陽網(wǎng)頁設(shè)計領(lǐng)域的同一時期（20世紀(jì)90年代末至21世紀(jì)初），由幾種網(wǎng)絡(luò)技術(shù)（如 JavaScrip t和一些服務(wù)器端腳本語言）組成的用于創(chuàng)作互動/動畫頁面元素的 DHTML 技術(shù)的推廣，也在如火如荼地進(jìn)行中。
這時，隨著 Flash 的發(fā)展和 DHTML 的普及，不只是閱讀靜態(tài)內(nèi)容，還允許用戶與網(wǎng)頁內(nèi)容互動的交互頁面的概念誕生了。
3DML
3DML 是一個鮮為人知的用于制作三維站點的貴陽網(wǎng)頁設(shè)計語言。由 Michael Powers 編寫于 1996 年，3DML 文件實際上由一種非標(biāo)準(zhǔn)的 XML 語言寫成。

Flatland Rover 是一款獨立開發(fā)的 3DML 瀏覽器，盡管還有對應(yīng)的 Internet Explorer，Netscape Navigator，the AOL browser 和 Opera 瀏覽器插件，但隨著開發(fā)進(jìn)度停滯于2005年，F(xiàn)irefox的插件始終未能問世。
現(xiàn)在仍然有應(yīng)用3DML構(gòu)建的網(wǎng)站，但如果沒有上述瀏覽器或是相應(yīng)插件，3DML就是不可見的。3DML曾用于制作稱作“Sopts”的世界與場景。3DML真正的殺手锏是比大多數(shù)語言都快的3D模型構(gòu)建速度（就算是Flash也需要打開Flash桌面應(yīng)用來創(chuàng)建并編輯Flash內(nèi)容）與更加小巧的文件體積。
基于CSS的設(shè)計
CSS設(shè)計受到關(guān)注始于21世紀(jì)初。雖然CSS已經(jīng)存在很長一段時間了，但是在當(dāng)時仍然缺乏主流瀏覽器的支持，并且許多設(shè)計師對它很是陌生（甚至感到恐懼）。
與表格布局與Flash網(wǎng)頁相比，CSS有許多優(yōu)勢。首先它將網(wǎng)頁的內(nèi)容與樣式相分離，這從本質(zhì)上意味著視覺表現(xiàn)與內(nèi)容結(jié)構(gòu)的分離。
CSS是網(wǎng)頁布局的最佳實踐，與CSS相比表格布局根本不值一提。CSS極大地縮減了標(biāo)簽的混亂還創(chuàng)造了簡潔并語義化的網(wǎng)頁布局。CSS還使得網(wǎng)站維護(hù)更加簡便，因為網(wǎng)頁的結(jié)構(gòu)與樣式是相互分離的。人們完全可以改變一個基于CSS設(shè)計的網(wǎng)站的視覺效果而不去改動網(wǎng)站的內(nèi)容。
由CSS設(shè)計的網(wǎng)頁的文件體積往往小于基于表格布局的網(wǎng)頁，這也意味著頁面響應(yīng)時間的改善。雖然首次訪問一個網(wǎng)站會下載樣式表占用帶寬，但CSS會緩存在訪問者的瀏覽器里（默認(rèn)情況下），這樣接下來的訪問過程中，網(wǎng)頁就都會迅速顯示了。