世界第一個網站是由英國物理學家提姆(Tim Berners-Lee) 在歐洲粒子物理研究所(CERN) 時發明
，當初成立的目的，是為了讓世界各地的物理學家可以方便交換研究資料而開發，後來CERN 在1993 年4 月30 日決定以免授權費的方式，將WWW (World Wide Web )和全世界同享。 27年前誕生的CERN的網頁隻運用了簡單的URL、http和html組成
，這樣的創舉改變了全世界的網路世界
，也讓他在2002年入選BBC最偉大的100名英國人 。

　　在網際網路真正開始之時，黑色的介麵僅能顯示單色的像素。當時的網頁設計僅能使用字符和空格排列組合。雖然圖形化的界麵早在80年代初就有了，但在此時普及率並不高。直到90年代，圖形化界麵才真正進入千家萬戶。

　　網頁設計所麵臨的另外一個問題
，就是如何保持網頁脆弱的結構。也正是因為這種需求
，切片設計（Slicing Design）逐zhu漸jian流liu行xing了le起qi來lai。設she計ji師shi創chuang建jian出chu漂piao亮liang的de網wang頁ye排pai版ban
，開kai發fa者zhe將jiang整zheng個ge設she計ji稿gao切qie片pian，找zhao出chu呈cheng現xian設she計ji的de最zui佳jia方fang法fa。另ling一yi方fang麵mian，表biao格ge也ye有you好hao用yong的de地di方fang，比bi如ru垂chui直zhi對dui齊qi，以yi像xiang素su為wei單dan位wei或huo者zhe以yi百bai分fen比bi來lai控kong製zhi對dui齊qi。在zai當dang時shi
，表biao格ge可ke是shi近jin乎hu柵zha格ge係xi統tong一yi般ban的de靈ling活huo的de設she計ji神shen器qi，也ye正zheng是shi因yin此ci，那na個ge時shi代dai的de開kai發fa者zhe並bing不bu喜xi歡huan前qian端duan的de代dai碼ma。

　　JavaScript 解決 HTML 一些局限。舉個例子，如果你想寫個彈出窗，或者想動態修改某些對象的順序
？ HTML不行，但是JS可以！當時背景圖像、GIF 動畫
、閃爍文字字
、計數器等工具迅速成為網頁的噱頭。不過 JS 主要問題在於


，它處於整個網頁布局的頂層並且需要單獨加載。很多時候它僅僅被當作一個簡單的補丁，但如果使用得當，JS可以非常強大。今天，同樣的功能如果CSS能實現，我們會盡量避免使用JS。不可否認的是
，JS 本身確實很強大，前端常用的jQuery
，後端的Node.js都是不可多得的好東西。

　　Flash為網頁開發者/設計師帶來了前所未有的自由
，它打破了之前網頁設計固有的限製。設計師可以隨心所欲地在網頁上展現任何形狀、排版
、動(dong)畫(hua)和(he)互(hu)動(dong)，也(ye)可(ke)以(yi)使(shi)用(yong)任(ren)何(he)喜(xi)歡(huan)的(de)字(zi)體(ti)。所(suo)有(you)的(de)這(zhe)一(yi)切(qie)最(zui)終(zhong)會(hui)被(bei)打(da)包(bao)成(cheng)為(wei)一(yi)個(ge)文(wen)件(jian)，然(ran)後(hou)被(bei)發(fa)送(song)到(dao)瀏(liu)覽(lan)器(qi)端(duan)顯(xian)示(shi)出(chu)來(lai)。這(zhe)也(ye)就(jiu)意(yi)味(wei)著(zhe)，用(yong)戶(hu)隻(zhi)需(xu)要(yao)擁(yong)有(you)最(zui)新(xin)的(de) Flash 插件和些許等待時間，就可以享有一個魔術般的網頁。這是啟動頁麵（splash pages）、介紹動畫以及各種交互特效的黃金時代。不幸的是，這種設計並不開放，也不利於搜尋
，還消耗大量的運算能力。 2007 年，當蘋果發布他們的第一台 iPhone
，就決定徹底放棄 Flash
，也正是在這個時候，Flash 開始走下坡路——至少在網頁設計領域，且逐漸被 html5 取代。

　　CSS 與 Flash 約同期出現，是一種更好的網頁結構化設計工具。 CSS 的基本概念是將網頁內容和設計樣式分開管理

，所以網頁的外觀和排版等屬性將會在 CSS 中被定義，但內容依然保留在HTML 中。早期版本的 CSS bingmeiyouxianzainamelinghuotazuidadezhangaizaiyuxuduoliulanqihaimeilaidejijienazheyixinjishu，duiyukaifazheeryan，zheshiyigetoutengdeshiqing。xuyaomingqueshuomingdeshi，CSS 並非全新的編程語言，它僅僅隻是一種聲明性語言。那麼網頁設計師需要學習編程嗎？可能需要。但是網頁設計師需要懂得CSS麼？當然需要。

　　第一個重大的改進是柵格係統的出現。 960- Grid System 或 12- Grid System
，12- Grid System 被設計師們廣泛的接納
，甚至成為許多設計師最常用的設計工具。各種常見的設計元素諸如表格
、導航

、按鈕被標準化成為可複用的套件
，構成了視覺元素庫。其中最典型的代表就是 Bootstrap 和 Foundation，使得網站和APPzhijiandejiexianzhujianmohu。tamenyebushimeiyouquedian
，jiezhuzhexieyuansukushejichulaidewangyewangwangdatongxiaoyi，erqiewangyeshejishiyaoxiangshiyongtamenhaideshenrulejiexiangguandedaimazhishi。

　　設計師 Ethan Marcotte 決定挑戰傳統的網頁設計
，讓網頁在內容不變的前提下，版麵布局隨著顯示器的尺寸的變化而變化

，將這種設計命名為 RWD響應式網頁設計。設計師隻需要 HTML 和 CSS 就可以實現這種功能。不過大家對於RWD響應式網頁設計依然有些許誤解。對於設計師而言
，RWD響應式網頁設計意味著為設計許多不同的布局。對於用戶而言，RWD響應式網頁設計就意味著這個網頁可以在手機上完美瀏覽。對於開發者而言，RWDxiangyingshiwangyeshejiyiweizheruhekongzhihaowangzhantupianzaixingdongduanhezhuomianduan
，zaibutongqingxingheyuyixia，yongyoulianghaodexiazaisuduhechengxianxiaoguo。jianeryanzhi，jiushiyigewangzhannengzairenheqingkuangxialianghaozhanxian，qiegengliyusouxunyinqingyouhua。

　　以往設計會耗費太多時間在繁雜的設計上，如不必要的陰影、紋理

、zhuangshideng，xianjinkaishipaoqifuzadeguangyingxiaoguo。shejizouxianghuafanweijian
，huiguidaoshejidegenben，zhuanzhuzaineirongchengxian。jiangfuzadexiaoguodanhuahou
，zhexiejianhuadeshijiaoyuansujiushishuoweide「扁平化設計」。充滿光影特效的按鈕被扁平化的圖標所替代
，向量圖 SVG 和圖形字 Font icon 體開始被廣泛使用，簡約的介麵與流暢操作
，給使用者更直覺的設計。

　　網頁設計演化至今，目的在於呈現直覺的內容、kuaisudechuandixunxi。zaixuduoshejipingtaishang，shejishizhixuyaozaiyingmushangyidongbutongdekongjianjiukeyishengchengzhengjiededaima，qiezhexiedaimafeichanglinghuo，kekongdujigao！開發者無需擔心瀏覽器兼容性
，可以專注於更加實際的問題！網頁設計的概念與技術不斷推陳出新。在 CSS 中新誕生的屬性，如 vh 和 vw（viewport height 與 width）

，就使得網頁元素的定位控製更加靈活自由，一次性解決了設計師糾結多年的頑疾。還有影片型網站、向量圖形 SVG 與 圖形字 Font icon...等技術使網站效能更加優化。