課程介紹
身為HTML、CSS、JavaScript前端框架的Bootstrap,不但可以快速上手,立即製作出網頁版型,也同時實現了RWD的功能,可謂是一舉兩得。
教學內容
手機上網的普及,連帶觸動了手機網頁製作的風潮,身為HTML、CSS、JavaScript前端框架的Bootstrap,不但可以快速上手,立即製作出網頁版型,也同時實現了RWD的功能,可謂是一舉兩得。
本課程以「單元範例實做」方式,逐步介紹Bootstrap的各種功能,最後再加以整合,實做出響應式網頁成品。
◎軟體安裝
●安裝Sublime Text
●安裝常用Plugin
●設定操作介面環境
◎基本介紹、格線系統
●HTML、CSS、JS的快速框架─Bootstrap介紹
●連結Bootstrap必要用檔
●快速分割與建立網頁版型的格線系統(Grid System)─container、row、col、offset、pull、push的應用
●自適應(RWD)格線系統設定─手機、平板、桌機分界點
◎圖、文設定
●文字設定─page-header、lead、mark
●文字對齊、顏色、背景色
●一般圖片與RWD圖片、形狀設定
●內容顯示與隱藏
●表格設定
●表單設定
●圖示字型設定
◎Bootstrap組件設定
●橫向選單、直向選單製作與應用
●縮圖組件、圖片清單組件
●下拉式選單
●麵包屑(網頁路徑列)製作
●分頁選單與上下頁
●巨幕(Jumbotron)效果─全螢幕廣告
●圖片輪播(Carousel)效果
◎範例實作
●整合性實作
優惠辦法
※檢附相關證件;臨櫃報名享特定優惠(請參考以下資格)
1.網路報名:享95折優惠($5,700元)
2.開課2週前報名:享9折優惠($5,400元)
註:以上優惠擇一使用