Microsoft - BOOTS5

Bootstrap 5響應式網頁程式設計

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

選擇查詢分區開課時間

地點 班號 日期 時間 報名
台北 22036 班 2022/07/19 ~ 2022/07/20 每週二三 09:00~17:00 報名
台北 22037 班 2022/11/10 ~ 2022/11/11 每週四五 09:00~17:00 報名

目前查無開課時段

詳細開課時間請洽詢業務

聯絡恆逸

教材

恆逸專用教材

課程目標

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

適合對象

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

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

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

預備知識

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

課程內容

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

學會技能

  1. 學會如何設定Bootstrap開發環境
  2. 知道如何利用Bootstrap建立RWD網頁
  3. 知道如何使用Bootstrap元件設計網頁
  4. 設計Bootstrap網頁發生問題時,知道如何找出問題點及排除問題
  5. 學會如何設計Bootstrap風格的表單、表格及導覽介面