網頁設計技術發(fā)展歷史及設計

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

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

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

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