Bootstrap 4 Responsive Mobile  Training Course Training 課程
  Facebook: Bootstrap 4 Responsive Mobile  Training Course Training 課程
 
Bootstrap 4 Responsive Mobile  Training Course Training 課程
Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程  
Bootstrap 4 Responsive Mobile  Training Course Training 課程 Bootstrap 4 Responsive Mobile  Training Course Training 課程

想定期知道最新課程及優惠嗎?
免費訂閱本中心的課程通訊!

課堂錄影隨時睇 10 大優點之視像清晰:使用 LCD 闊螢幕來播放視像,可同時清楚觀看導師動作表情、白板上的圖畫文字、全螢幕的電腦實習畫面!

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

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

課程優惠!現凡同時報讀以下兩個課程:
即減 $330!

推介服務:課堂錄影隨時睇 (在家觀看 = 0%,在校觀看 = 100%)
學員使用電話或本網頁報名,待本中心確認已為學員留位後,即可使用 轉數快 繳付學費,過程簡便!
編號 地點 可預約星期及時間 學費低至 85 折  
1H2403MV 旺角 一至五:14:30 - 22:15   六:13:45 - 21:30   日:10:15 - 18:00 (公眾假期休息) 95 折後只需 $1,501 按此報名:Bootstrap 4 Responsive Mobile  Training Course Training 課程
1H2403OV 觀塘 一至五:14:15 - 22:00   六及日:12:15 - 20:00   (星期三及公眾假期休息) 9 折後只需 $1,422 按此報名:Bootstrap 4 Responsive Mobile  Training Course Training 課程
1H2403PV 北角 一至五:14:15 - 22:00   六及日:12:15 - 20:00   (星期三及公眾假期休息) 9 折後只需 $1,422 按此報名:Bootstrap 4 Responsive Mobile  Training Course Training 課程
1H2403SV 沙田 一至五:14:15 - 22:00   六及日:12:15 - 20:00   (星期三及公眾假期休息) 85 折後只需 $1,343 按此報名:Bootstrap 4 Responsive Mobile  Training Course Training 課程
1H2403YV 屯門 一至五:14:15 - 22:00   六及日:12:15 - 20:00   (星期一、三及公眾假期休息) 85 折後只需 $1,343 按此報名:Bootstrap 4 Responsive Mobile  Training Course Training 課程
* 各政府部門可使用 P Card 付款  
如使用 P Card 繳付考試費,考試費需另加 1.3% 附加費  
在校免費試睇: 首 1 小時,請致電與本中心職員預約。 查看各地點電話
旺角 2332-6544
觀塘 3563-8425
北角 3580-1893
沙田 2151-9360
屯門 3523-1560
在校免費重睇: 學員可於享用時期內於報讀地點不限次數地重看課堂錄影,從而可反覆重溫整個課程!
導師解答: 學員可於觀看某一課堂錄影後提出課堂直接相關的問題,課程導師會樂意為學員以單對單的形式解答!
課時: 12 小時
享用時期: 報讀日至 4 星期內,進度由您控制,可快可慢。
課堂錄影導師: Andy (任教課程清單)
在校觀看: 詳情及示範片段


推介服務:課堂錄影隨時睇 (在家觀看 = 100%,在校觀看 = 0%)
學員使用電話或本網頁報名,待本中心確認已為學員留位後,即可使用 轉數快 繳付學費,過程簡便!
編號 地點 星期及時間 費用  
1H2403HH 在家 享用時期內每星期 7 天 (包括公眾假期),每天 24 小時全天候不限次數地觀看。 $1,580 按此報名:Bootstrap 4 Responsive Mobile  Training Course Training 課程
* 各政府部門可使用 P Card 付款  
如使用 P Card 繳付考試費,考試費需另加 1.3% 附加費  
在校免費試睇: 首 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 模版


 

更多綜合課程
  攝影課程
  • 攝影初級
  • 攝影中級 (風景專題)
  英文課程
  • IPA 拼音:級別 1 2 3 4
  普通話課程
  • 基礎普通話拼音 (免費)
  • 進階普通話拼音
  • 普通話會話:級別 1 2 3
  西班牙語文課程
  • 級別 1 2 3
  中醫課程
  • 濕疹與皮膚敏感病
  • 暗瘡與色斑 | 鼻敏感與感冒
  • 脫髮與白髮 | 從五官看健康
  風水命理課程
  • 紫微斗數:級別 1 2 3
  • 子平八字:級別 1 2 3
  • 八字風水:級別 1 2 3
  • 奇門遁甲:級別 1 2 3