Microsoft - BOOTSN

Bootstrap 4響應式網頁程式設計

Developing Responsive Web Design using Bootstrap 4
  • 時數：14小時
  • 費用：NT$ 16,000
  • 點數：4.0

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 2027576 班 2020/11/12 ~ 2020/11/13 每週四五 09:00~17:00 報名

目前查無開課時段

如有遠距上課需求，請參考台北開課日期
詳細開課請洽各分區服務人員

聯絡恆逸

教材

恆逸專用教材

課程目標

智慧型手機的流行帶來網頁開發新的挑戰。網站開發人員慢慢開始面臨，網頁的內容必須同時適合不同大小的裝置瀏覽。如果可以自動適合不同大小裝置改變配置的網頁應該是最理想的方式，這種設計方式稱為Responsive Web Design。Bootstrap是其中一種依循Responsive Web Design的Framework。本課程從Bootstrap Grid System開始介紹到各式Bootstrap元件使用，讓網頁開發人員可以快速建立符合Responsive Web Design的網站。

適合對象

  1. 前端網頁設計人員
  2. 了解HTML或略熟悉DHTML，以及具基本的程式設計概念者

預備知識

  1. 必須具備電腦基本概念，熟悉Windows平台操作
  2. 了解HTML5、CSS3、JavaScript

已完成以下課程所具備技術能力

29480：HTML5程式設計混搭JavaScript與CSS3

課程內容

  1. Bootstrap簡介
  2. 建立Bootstrap網站
  3. 了解Grid System
  4. Typography樣式介紹
  5. 建立Bootstrap表格
  6. 建立Bootstrap表單
  7. 建立Bootstrap按鈕
  8. 建立Card元件
  9. 建立導覽列
  10. 建立Bootstrap風格的首頁
  11. 建立對話視窗
  12. 建立Collapse元件，可以收合展開的介面
  13. 建立Carousel元件，橫向捲動介面

學會技能

  1. 學會如何安裝與設定Bootstrap套件，能夠安裝開發工具，並設定工作環境
  2. 了解什麼叫做響應式網頁
  3. 了解如何在網站程式之中套用Bootstrap樣式，以設計出符合現代化需求的網頁
  4. 熟悉開發工具的操作，並善用工具功能加速網站設計
  5. 熟悉Bootstrap提供的樣式，來美化現有的網站