|
課程優惠！現凡同時報讀以下兩個課程：
即減 $330！
|
|
推介服務：課堂錄影隨時睇 (在家觀看 = 0%，在校觀看 = 100%)
學員使用電話或本網頁報名，待本中心確認已為學員留位後，即可使用 
繳付學費，過程簡便！
* 各政府部門可使用 P Card 付款
注意！ 客戶必須查問報讀學校的教育局註冊編號，以確認該校為註冊學校，以免蒙受不必要的損失！
本課程教授最新的 Bootstrap 4 功能！
不同尺寸屏幕的智能手提電話及裝置已十分流行，如何快速又簡單地製作自動適應不同屏幕大小的網頁，正是許多網頁設計師正面對的難題！以往，網頁設計師多會在最傳統的桌面版網頁 (Desktop Site) 之外，製作多一套專門給某款熱門流動裝置瀏覽的手機版網頁 (Mobile Site)，例如 iPhone 版，但這方法總不能完美地把網頁顯示在所有尺寸的屏幕上。
如果可以令網頁按著不同大小裝置改變版面應該是最理想的方式，這種設計方式稱為 Responsive Web Design。
Twitter 開發了一套名叫 Bootstrap 的 Responsive Web Design Framework，它是現時最受網站開發人員歡迎的 HTML CSS 及 JavaScript 免費框架，以 Mobile 裝置為優先考慮對象，能讓網頁設計師快速地創造出一套能自動適應不同屏幕尺寸的網頁。
本課程會教授學員如何使用 Bootstrap 4 製作出 Responsive 網頁，完成課程後，學員可以按自己的創意，在 Bootstrap 4 的框架上加添自己的獨特設計，或者自行修改現成而且價錢平宜的網站模版。
Bootstrap 是現時很多香港網站開發 IT 公司在招聘時要求的技能之一，它能大大地提升網站開發的效率。學會 Bootstrap 後，將可以提升自己的競爭能力，及製作出更精美的網頁！
註：本課程主要教授如何使用 Bootstrap 4 CSS 框架製作 responsive 網站。 插圖所顯示的模板設計是使用 Bootstrap 4 作為基礎，另外加上美工而成。 學員需自行在框架上增加美工或向設計者購買。
Responsive 與 傳統 Desktop + Mobile Site 的比較
|
| 課程名稱： |
Bootstrap 4 Responsive Mobile 響應式手機網頁設計入門
- 簡稱：Bootstrap 4 Responsive Mobile Training Course |
| 課程時數： |
合共 12 小時
|
| 適合人士： |
有志從事網頁設計及開發的人士
希望自己的網頁能於不同裝置，例如桌面、平板、各款智能手機，流暢地顯示的人士
本課程主力教授 Front End 網頁設計及排版，略懂 HTML 及 CSS 為佳 |
| 授課語言： |
以廣東話為主，輔以英語 |
| 課程筆記： |
本中心導師親自編寫中文為主筆記，而部份中文字附有英文對照。 |
| 上課模式： |
本課程以一人一機模式上課 |
| 免費重讀： |
傳統課堂學員可於課程結束後三個月內免費重看課堂錄影。 |
課程名稱：Bootstrap 4 Responsive Mobile 響應式手機網頁設計入門
- 簡稱：Bootstrap 4 Responsive Mobile Training Course |
- Bootstrap 4 簡介
- 安裝及建立 Bootstrap 網站
- Bootstrap Reboot
- 了解 Grid System
- Grid Offseting, Nested,
- Responsive Column Reset
- Column Ordering
- 常用的 Bootstrap 模版
- Typography、Code 樣式介紹
- 建立 Bootstrap 表格
- 建立 Bootstrap 表單
- 建立 Bootstrap 按鈕
- Responsive 圖像
- 分頁 Pagination 按鈕
- Progress Bar
- Alert 顯示
- Modal Light Box
- Card
- Tab 分頁
- 建立導覽列
- 建立 Bootstrap 風格的首頁
- 建立對話視窗
- 建立 Accordion 類型，可以收合展開的介面
- 建立 Carousel 類型，橫向捲動介面
- 如何購買現成的 Bootstrap 模版
|
