自從第一個(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 的網(wǎng)頁(yè)設(shè)計(jì)。

本文涵蓋了不同時(shí)期網(wǎng)頁(yè)設(shè)計(jì)的歷史，還包括了不同類型的設(shè)計(jì)案例。

第一張網(wǎng)頁(yè)

1991 年 8 月，Tim Berners-Lee 發(fā)布了第一個(gè)簡(jiǎn)單的，基于文本，包含幾個(gè)鏈接的網(wǎng)站。原始網(wǎng)頁(yè)的副本現(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ā)專利的瀏覽器和相應(yīng)的程序語(yǔ)言的野心，因?yàn)檫@會(huì)對(duì)網(wǎng)絡(luò)的完整性產(chǎn)生不利的影響。W3C 一直致力于確立與維護(hù)網(wǎng)頁(yè)編程語(yǔ)言的標(biāo)準(zhǔn)(例如 JavaScript)。

The first web page (1992)

Yahoo! (1996)

Altavista (1996)