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

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

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

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

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

動(dòng)態(tài)HTML（DHTML）

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

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