好文: 1990 到 2010 網頁設計的演進

從 1990 到  2010, 網頁設計有非常大的進化.

1990 到 2010 網頁設計演進的圖表說明

主要可詳見此圖 (原圖: The Evolution of Web Design Infographic)

The Evolution of Web Design Infographic
The Evolution of Web Design Infographic

網頁的歷史事件紀錄

下述摘錄自此文: The Evolution of Web Design

  1. The very first website was published in 1991 by Tim Berners-Lee.
  2. Flash was introduced by Macromedia in 1996.
  3. Dynamic design language PHP gained popularity with its PHP3 release in 1998.
  4. In the year 2000, Microsoft Internet Explorer 5 became the first web browser to achieve better than 99% support for CSS1.
  5. In 2000, the W3C recommended the second release of Javascript, and by 2002, nearly all browsers supported it.
  6. In 2008, mobile access to the internet exceeded desktop access for the first time in history.
  7. Today, two thirds of cell phone users say they access the web/email from their device.

1990 ~ 2010 網頁設計演進

下述摘錄自此文: 圖表:1990-2010網頁設計變革

  1. 1990年早期
    1. 以文字為主的網站。
    2. 1990早期網站只有單行呈現,由HTML寫成。
  2. 1990年中期
    1. 發展至圖表階段,網頁設計軟體出現(FLASH在1996年進入市場)。
  3. 1990年晚期
    1. FLASH大量應用,許多網站結合圖表與FLASH製作,內容更加豐富。
  4. 2000千禧年
    1. 樣式表語言(CSS)崛起,將網站內容與外部設計分開。
    2. 透過CSS可以統合同一個網頁的的呈現風格,和其他網頁做出區隔。
  5. 2000年早期至中期
    1. JAVASCRIPT語法興起,讓網頁設計師可以不用透過FLASH寫出虛擬選單,並計算數據或更多。
  6. 2000年中期
    1. 語意網出現,讓機器能夠理解人類的指令。透過通用語言(meta data),網路有更多資訊交換的空間。
    2. 雖然語意網並無法像設計者當初預想的完美理解,但還是有許多技術被開發出來。例如RDF、XML。
  7. 2000年晚期
    1. WEB 2.0將主導權回歸使用者,藉由個人化的分享來創造新的網路革命。
    2. 商品不再單純銷售,更著重在多面向的媒體呈現方式:包含照片、影片、文字等。
    3. 社群網站出現更聚焦在使用者身上,並鼓勵大量的分享。
  8. 手機網路時代
    1. 2008年手機進入網路時代,讓不少網頁都會一起設計手機瀏覽版本。
    2. 手機瀏覽設計與電腦不同,配合手機螢幕是以瘦長為主,內容則精簡呈現重點。

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

在〈好文: 1990 到 2010 網頁設計的演進〉中有 4 則留言

  1. 2000 中期那個 '語意網' (Semantic Web) 指的是 將HTML 標籤留給語意,以 CSS 控制呈現 :之前常見的 font tag 被打入地獄,語意不明的 pre, blockquote 多了 cite, code 兩個新伙伴,table 擴展出 thead, tbody, tfoot, th 標籤等等。這樣機器才能透過標籤,理解網頁內容的特性 (對應前文 6.A)

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料