課程時間
課程簡介
課程內容

課程優惠！現凡同時報讀以下兩個課程：

即減 $330！

推介服務：課堂錄影隨時睇 (在家觀看 = 0%，在校觀看 = 100%)

學員使用 WhatsApp、電話或本網頁報名，待本中心確認已為學員留位後，即可使用轉數快

繳付學費，過程簡便！

編號	地點	可預約星期及時間	學費低至 85 折
1H2412AV	不限	請參看個別地點	$1,580
1H2412MV	旺角	一至五：14:30 - 22:15 六：13:45 - 21:30 日：10:15 - 18:00 (公眾假期休息)	95 折後只需 $1,501
1H2412OV	觀塘	一至五：14:15 - 22:00 六及日：12:15 - 20:00 (星期三及公眾假期休息)	9 折後只需 $1,422
1H2412PV	北角	一至五：14:15 - 22:00 六及日：12:15 - 20:00 (星期三及公眾假期休息)	9 折後只需 $1,422
1H2412SV	沙田	一至五：14:15 - 22:00 六及日：12:15 - 20:00 (星期三及公眾假期休息)	85 折後只需 $1,343
1H2412YV	屯門	一至五：14:15 - 22:00 六及日：12:15 - 20:00 (星期一、三及公眾假期休息)	85 折後只需 $1,343

* 各政府部門可使用 P Card 付款
如使用 P Card 繳付考試費，考試費需另加 2.5% 行政費

在校免費試睇：

首 1 小時，請致電與本中心職員預約。查看各地點電話

旺角	2332-6544
觀塘	3563-8425
北角	3580-1893
沙田	2151-9360
屯門	3523-1560

在校免費重睇：

學員可於享用時期內於報讀地點不限次數地重看課堂錄影，從而可反覆重溫整個課程！

導師解答：

學員可於觀看某一課堂錄影後提出課堂直接相關的問題，課程導師會樂意為學員以單對單的形式解答！

課時：

12 小時

享用時期：

報讀日至 4 星期內，進度由您控制，可快可慢。

課堂錄影導師：

Andy (任教課程清單)

在校觀看：

詳情及示範片段

推介服務：課堂錄影隨時睇 (在家觀看 = 100%，在校觀看 = 0%)

學員使用 WhatsApp、電話或本網頁報名，待本中心確認已為學員留位後，即可使用轉數快

繳付學費，過程簡便！

編號	地點	星期及時間	費用
1H2412HH	在家	享用時期內每星期 7 天 (包括公眾假期)，每天 24 小時全天候不限次數地觀看。	$1,580

* 各政府部門可使用 P Card 付款
如使用 P Card 繳付考試費，考試費需另加 2.5% 行政費

在校免費試睇：

首 1 小時，請致電與本中心職員預約。查看各地點電話

旺角	2332-6544
觀塘	3563-8425
北角	3580-1893
沙田	2151-9360
屯門	3523-1560

導師解答：

學員可於觀看某一課堂錄影後提出課堂直接相關的問題，課程導師會樂意為學員以單對單的形式解答！

課時：

12 小時

在家觀看時禁用程式：

一些危害課堂錄影版權的程式。

享用時期：

報讀日至 4 星期內，進度由您控制，可快可慢。

課堂錄影導師：

Andy (任教課程清單)

在家觀看：

服務條款及守則、報讀程序及示範片段

地區	地址	電話	教育局註冊編號
旺角	九龍旺角亞皆老街 109 號，皆旺商業大廈 18 樓 1802 - 1807 室	2332-6544	533459
觀塘	九龍觀塘成業街 7 號寧晉中心 12 樓 G2 室	3563-8425	588571
北角	香港北角馬寶道 41-47 號華寶商業大廈 3 樓 01-02 號舖	3580-1893	591262
沙田	新界沙田石門安群街 3 號京瑞廣場 1 期 10 樓 M 室	2151-9360	604488
屯門	新界屯門屯喜路 2 號屯門柏麗廣場 17 樓 1708 室	3523-1560	592552

注意！客戶必須查問報讀學校的教育局註冊編號，以確認該校為註冊學校，以免蒙受不必要的損失！

下一頁：課程簡介

本課程教授最新的 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 的比較

	Responsive Web Site (響應式)	Desktop + Mobile Site (桌面 +手機版網頁)
開發時間	一次過開發適合不同尺寸屏幕的網頁程式	較為費時，例如要為 tablet, smart phone, 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 模版

上一頁：課程簡介

Bootstrap 4 Responsive Mobile 響應式手機網頁設計入門課程簡稱：Bootstrap 4 Responsive Mobile Training Course

Bootstrap 4 Responsive Mobile 響應式手機網頁設計入門
課程簡稱：Bootstrap 4 Responsive Mobile Training Course