從 1990 到 2010, 網頁設計有非常大的進化.
1990 到 2010 網頁設計演進的圖表說明
主要可詳見此圖 (原圖: The Evolution of Web Design Infographic)
網頁的歷史事件紀錄
下述摘錄自此文: The Evolution of Web Design
- The very first website was published in 1991 by Tim Berners-Lee.
- Flash was introduced by Macromedia in 1996.
- Dynamic design language PHP gained popularity with its PHP3 release in 1998.
- In the year 2000, Microsoft Internet Explorer 5 became the first web browser to achieve better than 99% support for CSS1.
- In 2000, the W3C recommended the second release of Javascript, and by 2002, nearly all browsers supported it.
- In 2008, mobile access to the internet exceeded desktop access for the first time in history.
- Today, two thirds of cell phone users say they access the web/email from their device.
1990 ~ 2010 網頁設計演進
下述摘錄自此文: 圖表:1990-2010網頁設計變革
- 1990年早期
- 以文字為主的網站。
- 1990早期網站只有單行呈現,由HTML寫成。
- 1990年中期
- 發展至圖表階段,網頁設計軟體出現(FLASH在1996年進入市場)。
- 1990年晚期
- FLASH大量應用,許多網站結合圖表與FLASH製作,內容更加豐富。
- 2000千禧年
- 樣式表語言(CSS)崛起,將網站內容與外部設計分開。
- 透過CSS可以統合同一個網頁的的呈現風格,和其他網頁做出區隔。
- 2000年早期至中期
- JAVASCRIPT語法興起,讓網頁設計師可以不用透過FLASH寫出虛擬選單,並計算數據或更多。
- 2000年中期
- 語意網出現,讓機器能夠理解人類的指令。透過通用語言(meta data),網路有更多資訊交換的空間。
- 雖然語意網並無法像設計者當初預想的完美理解,但還是有許多技術被開發出來。例如RDF、XML。
- 2000年晚期
- WEB 2.0將主導權回歸使用者,藉由個人化的分享來創造新的網路革命。
- 商品不再單純銷售,更著重在多面向的媒體呈現方式:包含照片、影片、文字等。
- 社群網站出現更聚焦在使用者身上,並鼓勵大量的分享。
- 手機網路時代
- 2008年手機進入網路時代,讓不少網頁都會一起設計手機瀏覽版本。
- 手機瀏覽設計與電腦不同,配合手機螢幕是以瘦長為主,內容則精簡呈現重點。
2000 中期那個 '語意網' (Semantic Web) 指的是 將HTML 標籤留給語意,以 CSS 控制呈現 :之前常見的 font tag 被打入地獄,語意不明的 pre, blockquote 多了 cite, code 兩個新伙伴,table 擴展出 thead, tbody, tfoot, th 標籤等等。這樣機器才能透過標籤,理解網頁內容的特性 (對應前文 6.A)
感謝說明~ Orz.
好酷!可以借我轉貼嗎? 感謝~
可以阿, 請隨意~ 🙂