HTML5 UP! 免費HTML5 + CSS3 響應式設計網頁模版下載 | 社區大學終身學習網
![HTML5 UP! 免費HTML5 + CSS3 響應式設計網頁模版下載](https://i.imgur.com/1IaoGs0.jpg)
還記得去年底找到一個很棒的HTML5網站模版下載網站Templated,真的是網站開發者的好朋友,至少我們不用從無到有、從頭到尾來打造一個網站,而是直接就現有的樣版去做 ...
![HTML5 UP! 免費HTML5 + CSS3 響應式設計網頁模版下載](https://i.imgur.com/1IaoGs0.jpg)
還記得去年底找到一個很棒的 HTML5 網站模版下載網站 Templated[1],真的是網站開發者的好朋友,至少我們不用從無到有、從頭到尾來打造一個網站,而是直接就現有的樣版去做修改或調整,讓建置網站難度降低許多,也減少花費的時間和開支。
之前網友推薦我一個名為 HTML5 UP![2] 的網頁設計下載網站,提供大量 HTML5 模版,而且這些模版都支援響應式網頁設計(Responsive Web Design, 簡稱 RWD[3]),也是俗稱的「自適應網頁設計」,透過自動彈性調整畫面設計,以改變佈局方式來使不同大小螢幕皆能正常瀏覽,達到最好的使用體驗。
因為自適應網頁設計在開發上較為繁瑣,一般很少免費提供下載的網站,但 HTML5 UP! 收錄一系列共 28 種網頁設計,通通都是 HTML5+CSS3 並有響應式設計功能,網站採用的授權方式為 Creative Commons 姓名標示 3.0[4],也就是說你可以自由分享、修改這些模版,唯獨需要保留網頁裡的姓名標示(Attribution)。
如果你喜歡這位設計師的作品,那可在 Pixelarity[5] 網站找到更多模版下載,不過這網站是採用訂閱計費方式,最便宜方案為每三個月 $19 美元,可自由下載所有的網頁設計。
網站名稱:HTML5 UP! 網站鏈結:https://html5up.net/[6]
使用教學STEP 1
HTML5 UP! 網站提供的模版都具有一定的品質,使用的圖片大多為免費圖庫[7]而來,採用的是 CC0 授權,一般來說要放在網頁上、或者置換掉都沒有問題。從網頁裡可以點選任何一個設計的 Live Demo 進行即時預覽,或者 Free Download 免費下載。
STEP 2 ...
新手必看!HTML5網站設計的28個新特性 | 社區大學終身學習網
快速掌握HTML5網頁設計的致勝關鍵! | 社區大學終身學習網
自己動手寫HTML5網頁 | 社區大學終身學習網
什麼是HTML5網頁設計? | 社區大學終身學習網
超過18 | 社區大學終身學習網
HTML5 UP! 免費HTML5 + CSS3 響應式設計網頁模版下載 | 社區大學終身學習網
HTML5網頁設計介紹:HTML、CSS、JavaScript | 社區大學終身學習網
HTML5的相關網站介紹 | 社區大學終身學習網
20個優秀的HTML5 網站設計案例欣賞 | 社區大學終身學習網
HTML5是什麼?讓網頁效能更上一層樓的HTML5基本介紹 | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆架網站-網站達人養成班哪裡學?臺南市台南社區大學開課資訊
想要學習輕鬆架網站-網站達人養成班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識...
![](https://i.imgur.com/1IaoGs0.jpg)
網站建置與虛擬主機實務管理初階哪裡學?臺北市萬華社區大學開課資訊
想要學習網站建置與虛擬主機實務管理初階可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、...
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆網站架設EASY GO哪裡學?臺南市曾文社區大學開課資訊
想要學習輕鬆網站架設EASYGO可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
生活創意木工-實作哪裡學?新北市中和社區大學開課資訊
想要學習生活創意木工-實作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
電腦應用部落格網站製作哪裡學?新竹市科學城社區大學開課資訊
想要學習電腦應用部落格網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
Google小型網站製作哪裡學?屏東縣屏北區社區大學開課資訊
想要學習Google小型網站製作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML5, JQuery網頁設計哪裡學?新竹市科學城社區大學開課資訊
想要學習HTML5,JQuery網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
DreamWeaver網頁設計入門哪裡學?臺北市中山社區大學開課資訊
想要學習DreamWeaver網頁設計入門可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,...
![](https://i.imgur.com/1IaoGs0.jpg)
生活創意木工-實作哪裡學?新北市中和社區大學開課資訊
想要學習生活創意木工-實作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...