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

1、網(wǎng)頁(yè)設(shè)計(jì)技術(shù)發(fā)展歷史及設(shè)計(jì)案例回顧自從第一個(gè)網(wǎng)站 網(wǎng)站在上個(gè)世紀(jì) 90 年代初誕生以來(lái)，設(shè)計(jì)師們嘗試了各種網(wǎng)頁(yè)的視覺效果。早期的網(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ì)的歷史，并以 W3C、Yahoo、Altavista 等網(wǎng)站不同時(shí)期的頁(yè)面設(shè)計(jì)為例做了回顧和比較。第一張網(wǎng)頁(yè) 第一張網(wǎng)頁(yè)1991

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

3、4 年，萬(wàn)維網(wǎng)聯(lián)盟(W3C)成立，他們將 HTML 確立為網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。這一舉動(dòng)阻斷了任何獨(dú)立公司想要開發(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)基于表格的設(shè)計(jì) 基于表格的設(shè)計(jì)表格布局使網(wǎng)頁(yè)設(shè)計(jì)師制作網(wǎng)站時(shí)有了更多選擇。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)

4、，但是設(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ì) 結(jié)構(gòu)設(shè)計(jì)這個(gè)時(shí)期的網(wǎng)頁(yè)設(shè)計(jì)還不太關(guān)注語(yǔ)義化和可用性方面的問題，主要還在追求良好的結(jié)構(gòu)美學(xué)。 同一時(shí)期也是大量應(yīng)用 GIF 占位圖片控制留白的時(shí)期。一些主流的公司甚至訓(xùn)練設(shè)計(jì)師如何使用 GIF 占位;如微軟的“關(guān)于 HTML 表格中的