▍ 課程緣起
沒有RWD的企業官網，行銷力大打折扣
企業行銷首重形象，官網是企業形象的一環，若無RWD設計，將給瀏覽者留下不夠現代化的落伍印象。什麼是RWD? RWD（ Responsive Web Design；響應式網頁設計）讓網站內容可隨不同的裝置而自動調整網頁排版方式，讓網站使用者有較好的使用體驗，並達成更佳的轉換。
2020年 9 月 Google 正式採用行動版優先索引的策略後，若你的網站只符合電腦版的網站介面將逐漸被淘汰。隨著各種尺寸的手機、平板、螢幕興起，尤其人手一機的情況下，使用者隨時隨地瀏覽、查找網路資訊是很普遍的現象，因此網頁內容必須考量各種行動裝罝呈現的妥適性，若網站只能完美呈現於電腦螢幕，就明顯落伍了！
平面設計轉生網頁設計的關鍵環節：隨裝置調整互動介面的設計思維
時至今日，RWD對於網頁設計師、前端工程師而言已成基本要求，平面設計師轉職網頁設計遭遇最大的關卡也是 RWD，好的 RWD 設計不僅把畫面調整到適合所有可能裝置的呈現，更進一步考量不同裝置的使用者習慣，達到最佳的使用體驗。
無論你是剛踏入網頁設計的新手，還是平面轉網頁的設計師，RWD 都是無法忽視的課題。本課程由知名講師李建杭（Amos）帶領學員由淺入深學習 RWD 技巧，課堂上將以生活化的案例，幫助學員強化觀念，不只可以學到技術，更能獲得設計心法。
▍ 課程大綱
| 課程主題 |
課程內容 |
| Flex原理與應用 |
- Flex語法原理
- 你不知道的Flex秘密
- Flex相關屬性詳解
- Flex語法實務
|
| 媒體查詢原理與應用 |
- 媒體查詢是什麼
- 媒體查詢語法入門
- 媒體查詢執行條件及規則
- 媒體查詢應用實務
- 媒體查詢使用注意事項
|
| 什麼是由小到大、由大到小 |
- 該使用哪種RWD規則
- RWD應用規則
- 實務上的RWD撰寫
|
| RWD選單 |
- 解構RWD選單
- 什麼是漢堡選單
- 漢堡選單的撰寫
- RWD選單的控制
|
| 格線系統是什麼 |
- 為何使用格線系統
- 格線系統原理
- 格線系統撰寫
- 格線系統應用
|
| 裝置的操作行為與UX |
- 了解各裝置的操作行為
- RWD的使用情境
- 動畫的必要性
- 動畫製作
|
李建杭(Amos)為 iT邦幫忙鐵人賽連續三屆冠軍、連續兩屆優選，出版<<金魚都能懂的 CSS 選取器：金魚都能懂了你還怕學不會嗎（iT邦幫忙鐵人賽系列書）>>、<<金魚都能懂的CSS必學屬性：網頁設計必備寶典（iT邦幫忙鐵人賽系列書）>>等暢銷書
▍ 講師簡介
李建杭本身為視覺設計轉職為前端工程師的成功例子，因為經歷過其中的辛苦，非常了解平面設計工作人員轉往網頁設計可能遭遇的瓶頸，善於利用淺顯易懂的方式，帶領學員輕鬆上手網頁相關技能，深受學員喜歡。除此之外，他也活躍於臺灣各大技術研討會，熟稔 HTML & CSS、Bootstrap、RWD、CSS3 等，目前已成為國內知名前端技術講師。
iT 邦幫忙鐵人賽連續三屆冠軍、連續兩屆優選，出版＜＜金魚都能懂的 CSS 選取器：金魚都能懂了你還怕學不會嗎（iT邦幫忙鐵人賽系列書）＞＞、＜＜金魚都能懂的CSS必學屬性：網頁設計必備寶典（iT邦幫忙鐵人賽系列書）＞＞等書。
▍ 課程費用與繳費
- 本課程原價 NT$10,800元。
- 優惠方案：凡於8月10日前完成報名與繳費之學員，可享早鳥優惠價NT$9,000元(含稅)。
- 團報優惠： 二人團報可打95折、四人團報可打9折優惠。
• 課程報名系統每個帳號僅提供一位學員報名，若為團報學員，每位皆必須完成線上報名，並於其他金額說明欄位註記「與XXX一起團報」，以利事後核對名單
4.請以信用卡、即期支票或匯款支付：繳費資訊將於確定開課後提供
▍ 報名確認、取消與注意事項
- 已完成報名與繳費之學員，課程主辦單位將於開課三天前以E-mail方式寄發上課通知函；若課程因故取消或延期，亦將以E-mail方式通知，<如未收到任何通知，敬請來電確認>
- 已完成繳費之學員如欲取消報名，請於實際上課日前以書面通知業務承辦人，主辦單位將退還90% 課程費用。
- 學員於培訓期間如因個人因素無法繼續參與課程，將依課程退費規定辦理之︰上課未逾總時數三分之一，欲辦理退費，退還所有上課費用之二分之一，上課逾總時數三分之一，則不退費。
- 如遇不可抗拒之因素，課程主辦單位保留修訂課程日期及取消課程的權利
- 本單位保留是否接受報名之權利。
- 課程內容受著作權法保護，不得以任何形式傳輸、重製、散布或提供予公眾，以免觸法
▍ 結業證書
依本院「教育訓練服務程序」規定，本課程為短期班，參訓學員缺課未超過總時數五分之一者，結業時由本院核發結業證書。
相關檔案
