響應式網頁設計教學 : 三十分鐘學會建構 網頁設計 教學 | Responsive Web Design Tutorial | 快速教學響應式網頁設計

Описание: 教學目的: 快速建構響應式網頁設計教學。一步一步操作，讓你學會響應式網頁設計(Responsive Web Design)的方法。

Demo: http://codebasicyoutube.github.io/
wrieframe: http://codebasicyoutube.github.io/wri...
ui tiles: https://pixelbuddha.net/ui-tiles/

如果大家學習完還想了解更多，又等不急Code Basic上傳教學
推薦其它網路教學影片:

Create a Responsive Website Using HTML5 and CSS3
   • Create a Responsive Website Using HTML5 an...  

Bootstrap 3 Tutorials - # 1 - Build a responsive Bootstrap 3 site
   • Bootstrap 3 Tutorials - # 1 - Build a resp...  

==========================================================

影片內容:
00:06 版面規劃快速構想
02:02 網頁初始準備，基本html設定
03:08 使用Bootstrap3的Navbar製作響應式網頁選單
05:35 使用Bootstrap3的Jumbotron製作形象廣告區塊
07:30 簡介區塊製作
07:51 Bootstrap3格線系統圖解
09:04 Bootstrap3樣式的命名規則圖解
11:31 使用Bootstrap3的Thumbnails製作相片集區塊
13:52 使用Bootstrap3的Thumbnails製作項目列表
17:13 使用Bootstrap3的Forms製作訂閱電子報表單
20:30 頁尾導覽製作
23:52 使用Bootstrap3的Responsive embed製作響應式內嵌影片


響應式網頁設計(Responsive Web Design)已經是時下流行的網站設計，也是網頁設計師必學的技能與知識。在行動裝置快速普及下，使用者在手機跟平板裝置瀏覽網站的機率越來越高，行動瀏覽介面的編排也變得相對重要。

大部份的公司企業，都已經開始採用響應式網頁設計(Responsive Web Design)，替網站的進行優化，讓行動裝置的使用者有更好的瀏覽體驗;同時，在製作上更能替公司減少時間成本與增加維護效率。

這個影片將跟你分享我的學習方法，如何使用Bootstrap 3 響應式網站框架，一步步的學會建置響應式網站。

我們將會不定期的發佈響應式網頁設計(Responsive Web Design)的教學!
如果你喜歡這個教學，點個讚然後訂閱這個頻道!!
有點時間的話留言跟我分享你的學習成果!!!

祝大家學習愉快!

==========================================================

音樂授權聲明:
「Audionautix」創作的「Feels Good 2 B、Cryin In My Beer」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/...) 授權使用
演出者：http://audionautix.com/

「Chris Zabriskie」創作的「CGI Snake」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/...) 授權使用 來源：http://chriszabriskie.com/divider/
演出者：http://chriszabriskie.com/

「Chris Zabriskie」創作的「I Need to Start Writing Things Down」是根據「Creative Commons Attribution」(https://creativecommons.org/licenses/...) 授權使用 來源：http://chriszabriskie.com/darkglow/ 演出者：http://chriszabriskie.com/