Flycan 飛肯設計學苑
BTN

網頁設計教學

RWD 前端框架 教學課程推薦
Bootstrap 4 RWD 網頁設計實作班

Bootstrap RWD 教學,您不用一句一句去寫 CSS 語法,直接套用 Bootstrap 4 UI 元件就可以超快速做出功能超完整的 RWD 桌機與手機版網頁!

 

Bootstrap 4 RWD 網頁設計實作課程 【一三晚班】 【麥睿恩 老師】

Bootstrap教學課程資訊

bootstrap教學課程適合對象

  • 1.對於 RWD 網頁設計有工作需求者
  • 2.不熟 Bootstrap 的網頁設計師或工程師
  • 3.想學習快速開發 RWD 的網頁設計師或工程師
  • 4.完全沒有學過 Bootstrap 網頁設計的人也可以參加這個課程

bootstrap教學課程報名資格

  • 1.必須已對 CSS 語法 DIV 網頁排版有撰寫經驗者(課程請參考「CSS div 網頁設計入門班」)
  • 2.完全沒有學過 RWD 網頁設計的人也可以參加這個課程
  • 3.完全沒有學過 Bootstrap 網頁設計的人也可以參加這個課程

bootstrap教學課程簡介

飛肯講師均來自業界在職高手中的高手,老師上課時會帶著同學實做練習,課堂有很多很多的教學範例作品,老師隨側指導同學,解說再練習,學習效果佳,教學口碑看得到!練熟之後就可以馬上應用在你的工作上喔!

老師會因應國內職場的需求變化,做課程內容和範例作品的調整與修改,確保本教學課程的實用性和即時性。

Bootstrap 是目前最受歡迎的 RWD 框架,具有相當完整的 RWD 功能,Bootstrap 包含了大量的 UI 元件以及互動元件,具有良好的設計架構,在學習使用上也非常容易,也越來越多開發者協同一起開發,在 Github 上的 Starred 次數超過105,000 次。

新版的 Bootstrap 4 採用了最新的 FLEX 排版功能,使得排版效果更加具有彈性, 讓行動裝置和 桌面裝罝的排版更為方便自由與多樣化。

Bootstrap 官方網站

bootstrap教學課程大綱

【教學主題一】 Bootstrap 介紹

  • UI Framework 介紹
  • Bootstrap 介紹
  • 基本設置
  • 選擇你要的 CSS 及 js 檔
  • Reboot 後的基本樣式

【教學主題二】 Bootstrap RWD 排版

  • RWD 邊界
  • 各元素的 z-index
  • Flexbox 基本觀念
  • Grid 系統
  • 彈性寬度設定
  • 垂直對齊
  • 使用 Grid 系統設定 RWD

【教學主題三】 Bootstrap Content 類別

  • Typography
  • Code
  • Images
  • Tables
  • Figures

【教學主題四】 Bootstrap Utilities 類別

  • Borders
  • Clearfix
  • Color
  • Display
  • Embed
  • Flex
  • Float
  • Image Replacement
  • Position
  • Sizing
  • Spacing
  • Text
  • Vertical Align
  • visibility

【教學主題五】 Bootstrap UI 元件

  • 按鈕
  • Badge
  • 導覽列(麵包屑)
  • 表單
  • 表格
  • 列表
  • 選單
  • Tab
  • 分頁
  • 進度條
  • icon font

【教學主題六】 Bootstrap 互動元件

  • jQuery 介紹
  • Bootstrap.js 介紹
  • Alert(提示訊息)
  • Collapse
  • Dropdowns(下拉式選單)
  • Modal(彈出視窗)

  • RWD 選單
  • Popovers
  • Scrollspy
  • Tooltips
  • 其他外掛介紹

【教學主題七】 Bootstrap 排版實務

  • 首頁
  • 網路相簿
  • 登入頁
  • 產品介紹
  • 部落格
  • 管理介面

【教學主題八】客製 Bootstrap 樣式

  • 利用自訂 CSS 樣式修改 Bootstrap 樣式


【 本課程大綱是由飛肯老師編寫,版權所有侵權必究! 】

 

 

課程首頁】 【最新開課時間表企業包班教育訓練】 【FB 粉絲團】 【課後交流討論區】【範例教學部落格】 【免費試聽課程】 【誠徵講師

 

台北市公園路 30-1 號 5 樓 【交通位置圖】 服務電話:(02)2370-1122 / 簡訊留言: 0925-014-000 / 服務信箱: service@flycan.com.tw

服務時間:(平日)下午 2 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

 

飛肯設計學苑

台北網頁設計教學課程 - 口碑推薦

台北市短期補習班立案 第 6631 號