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

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

2、含幾個(gè)個(gè)鏈接的的網(wǎng)站。原原始網(wǎng)頁頁的副本本現(xiàn)在仍仍然在線線。它有有十多個(gè)個(gè)鏈接，試試圖告訴訴人們什什么是萬萬維網(wǎng)。推薦： HYPERLINK /imagesnew/software/html/index.html HTMML速查查手冊 隨后的的網(wǎng)頁都都比較相相似，完完全基于于文本，單單欄設(shè)計(jì)計(jì)，有一一些鏈接接等等。最最初版本本的 HHTMLL 只有有最基本本的內(nèi)容容結(jié)構(gòu)：標(biāo)題 (, .)，段落落()和和鏈接()。隨隨后新版版本的HHTMLL開始允允許在頁頁面上添添加圖片片 ()，然然后開始始支持制制作表格格()。W3CC出現(xiàn)19994 年年，萬維維網(wǎng)聯(lián)盟盟(W33C)成成立，他他們將 HTMM

3、L 確確立為網(wǎng)網(wǎng)頁的標(biāo)標(biāo)準(zhǔn)標(biāo)記記語言。這這一舉動(dòng)動(dòng)阻斷了了任何獨(dú)獨(dú)立公司司想要開開發(fā)專利利的瀏覽覽器和相相應(yīng)的程程序語言言的野心心，因?yàn)闉檫@會(huì)對對網(wǎng)絡(luò)的的完整性性產(chǎn)生不不利的影影響。WW3C 一直致致力于確確立與維維護(hù)網(wǎng)頁頁編程語語言的標(biāo)標(biāo)準(zhǔn)(例例如 JJavaaScrriptt)。The ffirsst HYPERLINK /soft/27/27553.html wweb pagge (19992)Yahhoo! (119966)Alttaviistaa (119966)基于表表格的設(shè)設(shè)計(jì)表格布布局使網(wǎng)網(wǎng)頁設(shè)計(jì)計(jì)師制作作網(wǎng)站時(shí)時(shí)有了更更多選擇擇。在 HTMML 中中表格標(biāo)標(biāo)簽的本本意是為為了

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

5、soft/ 微微軟的“關(guān)關(guān)于 HHTMLL 表格格中的 GIFF 占位位”。第一批批主要應(yīng)應(yīng)用表格格布局的的“所見見即所得得”網(wǎng)頁頁設(shè)計(jì)軟軟件的發(fā)發(fā)展助長長了表格格的應(yīng)用用。另外外，某些些軟件自自動(dòng)生成成的表格格如此復(fù)復(fù)雜以至至于許多多設(shè)計(jì)師師不可能能從 頭頭手寫代代碼(例例如每行行只有 1pxx 高卻卻包含了了幾百列列的表格格)。即即使是稍稍微復(fù)雜雜一點(diǎn)兒兒的網(wǎng)頁頁(比如如多欄目目頁面)，設(shè)計(jì)計(jì)師們都都要依賴賴于表格格來創(chuàng)建建。W3CC (119988)Yahhoo! (220022)Alttaviistaa (220022)請點(diǎn)擊擊“下一一頁”，閱閱讀更多多精彩內(nèi)內(nèi)容?；?HYPERLI

6、NK /soft/multimedia/yinpinzhuanhuan/346/404846.shtml Flaash的的網(wǎng)頁設(shè)設(shè)計(jì)Flaash(最初被被稱為 FuttureeSpllashh Annimaatorr，然后后是 MMacrromeediaa Fllashh，現(xiàn)在在叫做 HYPERLINK /imagesoftware/adobe/ Adoobe Flaash)開發(fā)于于 19996 年。起起初只有有非常基基本的工工具與時(shí)時(shí)間線，最最終發(fā)展展成能夠夠開發(fā)整整套網(wǎng)站站的強(qiáng)大大工具。FFlassh 提提供了大大量的遠(yuǎn)遠(yuǎn)遠(yuǎn)超過過 HTTML 所能夠夠?qū)崿F(xiàn)的的視覺表表現(xiàn)效果果。Maccro

7、mmediia SShocckwaave在 FFlassh 之之前，有有 Maacroomeddia Shoockwwavee(之后后是 AAdobbe SShocckwaave)。Shhockkwavve 用用于為 CD-ROMM 制作作目錄和和多媒體體內(nèi)容，SShocckwaave 文件體體積龐大大，考慮慮到當(dāng)時(shí)時(shí)的網(wǎng)絡(luò)絡(luò)連接以以撥號上上網(wǎng)為主主，應(yīng)用用 Shhockkwavve 還還是不夠夠明智的的。與之之相比，F(xiàn)Flassh 影影片體積積小巧，在在線應(yīng)用用更加可可行。Flaash 的優(yōu)勢勢在視覺覺效果上上 HTTML 有很多多局限性性，尤其其是早期期的 HHTMLL。要實(shí)實(shí)現(xiàn)復(fù)雜雜的設(shè)

8、計(jì)計(jì)，人們們往往需需要制作作大量瘋瘋狂的表表格結(jié)構(gòu)構(gòu)并/或或依靠圖圖像占位位符(就就像某些些所見即即所得軟軟件所做做的那樣樣)。Flaash 使創(chuàng)建建復(fù)雜的的，互動(dòng)動(dòng)性強(qiáng)并并且擁有有動(dòng)畫元元素的網(wǎng)網(wǎng)站成為為可能。動(dòng)態(tài)HHTMLL(DHHTMLL)在 FFlassh 初初次涉足足網(wǎng)頁設(shè)設(shè)計(jì)領(lǐng)域域的同一一時(shí)期(20世世紀(jì)900年代末末至211世紀(jì)初初)，由由幾種網(wǎng)網(wǎng)絡(luò)技術(shù)術(shù)(如 JavvaSccripp t和和一些服服務(wù)器端端腳本語語言)組組成的用用于創(chuàng)作作互動(dòng)/動(dòng)畫頁頁面元素素的 DDHTMML 技技術(shù)的推推廣，也也在如火火如荼地地進(jìn)行中中。這時(shí)，隨隨著 FFlassh 的的發(fā)展和和 DHHTM

9、LL 的普普及，不不只是閱閱讀靜態(tài)態(tài)內(nèi)容，還還允許用用戶與網(wǎng)網(wǎng)頁內(nèi)容容互動(dòng)的的交互頁頁面的概概念誕生生了。3DMML3DMML 是是一個(gè)鮮鮮為人知知的用于于制作三三維站點(diǎn)點(diǎn)的網(wǎng)頁頁設(shè)計(jì)語語言。由由 Miichaael Powwerss 編寫寫于 119966 年，33DMLL 文件件實(shí)際上上由一種種非標(biāo)準(zhǔn)準(zhǔn)的 XXML 語言寫寫成。Flaatlaand Rovver 是一款款獨(dú)立開開發(fā)的 3DMML 瀏瀏覽器，盡盡管還有有對應(yīng)的的 HYPERLINK /soft/255/255343.html Innterrnett Exxploorerr， HYPERLINK /soft/19/19227.

10、html Nettscaape Navvigaatorr，thhe HYPERLINK /soft/240/240589.html AAOL broowseer 和和 Opperaa 瀏覽覽器插件件，但隨隨著開發(fā)發(fā)進(jìn)度停停滯于220055年， HYPERLINK /soft/network/browse/2/439502.shtml FFireefoxx的插件件始終未未能問世世。現(xiàn)在仍仍然有應(yīng)應(yīng)用3DDML構(gòu)構(gòu)建的網(wǎng)網(wǎng)站，但但如果沒沒有上述述瀏覽器器或是相相應(yīng)插件件，3DDML就就是不可可見的。33DMLL曾用于于制作稱稱作“SSoptts”的的世界與與場景。33DMLL真正的的 HYPERL

11、INK /soft/96/96662.html 殺手锏锏是比大大多數(shù)語語言都快快的3DD模型構(gòu)構(gòu)建速度度(就算算是Fllashh也需要要打開FFlassh桌面面應(yīng)用來來創(chuàng)建并并編輯FFlassh內(nèi)容容)與更更加小巧巧的文件件體積?；贑CSS的的設(shè)計(jì)CSSS設(shè)計(jì)受受到關(guān)注注始于221世紀(jì)紀(jì)初。雖雖然CSSS已經(jīng)經(jīng)存在很很長一段段時(shí)間了了，但是是在當(dāng)時(shí)時(shí)仍然缺缺乏主流流瀏覽器器的支持持，并且且許多設(shè)設(shè)計(jì)師對對它很是是陌生(甚至感感到恐懼懼)。與表格格布局與與Flaash網(wǎng)網(wǎng)頁相比比，CSSS有許許多優(yōu)勢勢。首先先它將網(wǎng)網(wǎng)頁的內(nèi)內(nèi)容與樣樣式相分分離，這這從本質(zhì)質(zhì)上意味味著視覺覺表現(xiàn)與與內(nèi)容結(jié)結(jié)構(gòu)的分分離。推薦： HYPERLINK /imagesnew/software/css/index.html CSSS速查手手冊CSSS是網(wǎng)頁頁布局的的最佳實(shí)實(shí)踐，與與CSSS相比表表格布局局根本不不值一提提。CSSS極大大地縮減減了標(biāo)簽簽的混亂亂還創(chuàng)造造了簡潔潔并語義義化的網(wǎng)網(wǎng)頁布局局。CSSS還使使得 網(wǎng)網(wǎng)站維護(hù)護(hù)更加簡簡便，因因?yàn)榫W(wǎng)頁頁的結(jié)構(gòu)構(gòu)與樣式式是相互互分離的的。人們們完全可可以改變變一個(gè)基基于CSSS設(shè)計(jì)計(jì)的網(wǎng)站站的視覺覺效果而而不去改改動(dòng)網(wǎng)站站的內(nèi)容容。由CSSS設(shè)計(jì)計(jì)的網(wǎng)頁頁的文件件體積往往往