網(wǎng)頁設(shè)計(jì)技術(shù)發(fā)展歷史及設(shè)計(jì)

1、網(wǎng)頁設(shè)計(jì)技術(shù)發(fā)展歷史及設(shè)計(jì)案例回顧自從第一個(gè)網(wǎng)站 網(wǎng)站在上個(gè)世紀(jì) 90 年代初誕生以來，設(shè)計(jì)師們嘗試了各種網(wǎng)頁的視覺效果。早期的網(wǎng)頁完全由文本構(gòu)成，除了一些小圖片和毫無布局可言的標(biāo)題與段落。時(shí)代在不斷進(jìn)步，接下來出現(xiàn)了表格布局，然后是 Flash，最后是基于 CSS 的網(wǎng)頁設(shè)計(jì)。 本文涵蓋了不同時(shí)期網(wǎng)頁設(shè)計(jì)的歷史，并以 W3C、Yahoo、Altavista 等網(wǎng)站不同時(shí)期的頁面設(shè)計(jì)為例做了回顧和比較。第一張網(wǎng)頁 第一張網(wǎng)頁1991

2、年 8 月，Tim Berners-Lee 發(fā)布了第一個(gè)簡單的，基于文本，包含幾個(gè)鏈接的網(wǎng)站。原始網(wǎng)頁的副本現(xiàn)在仍然在線。它有十多個(gè)鏈接，試圖告訴人們什么是萬維網(wǎng)。推薦：HTML 速查手冊隨后的網(wǎng)頁都比較相似，完全基于文本，單欄設(shè)計(jì)，有一些鏈接等等。最初版本的 HTML 只有最基本的內(nèi)容結(jié)構(gòu)：標(biāo)題 (, ...)，段落()和鏈接()。隨后新版本的 HTML 開始允許在頁面上添加圖片()，然后開始支持制作表格()。W3C 出現(xiàn) 出現(xiàn)199

3、4 年，萬維網(wǎng)聯(lián)盟(W3C)成立，他們將 HTML 確立為網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。這一舉動阻斷了任何獨(dú)立公司想要開發(fā)專利的瀏覽器和相應(yīng)的程序語言的野心，因?yàn)檫@會對網(wǎng)絡(luò)的完整性產(chǎn)生不利的影響。W3C 一直致力于確立與維護(hù)網(wǎng)頁編程語言的標(biāo)準(zhǔn)(例如 JavaScript)。The first web page (1992)基于表格的設(shè)計(jì) 基于表格的設(shè)計(jì)表格布局使網(wǎng)頁設(shè)計(jì)師制作網(wǎng)站時(shí)有了更多選擇。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)

4、，但是設(shè)計(jì)師很快意識到可以利用表格來構(gòu)造他們設(shè)計(jì)的網(wǎng)頁，這樣就可以制作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁。表格布局就這樣流行了起來，融合了背景圖片切片技術(shù)，常給人以看起來較實(shí)際布局簡潔得多的結(jié)構(gòu)。結(jié)構(gòu)設(shè)計(jì) 結(jié)構(gòu)設(shè)計(jì)這個(gè)時(shí)期的網(wǎng)頁設(shè)計(jì)還不太關(guān)注語義化和可用性方面的問題，主要還在追求良好的結(jié)構(gòu)美學(xué)。 同一時(shí)期也是大量應(yīng)用 GIF 占位圖片控制留白的時(shí)期。一些主流的公司甚至訓(xùn)練設(shè)計(jì)師如何使用 GIF 占位;如微軟的“關(guān)于 HTML 表格中的