▍ 課程緣起
沒有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% 課程費用。
- 學員於培訓期間如因個人因素無法繼續參與課程,將依課程退費規定辦理之︰上課未逾總時數三分之一,欲辦理退費,退還所有上課費用之二分之一,上課逾總時數三分之一,則不退費。
- 如遇不可抗拒之因素,課程主辦單位保留修訂課程日期及取消課程的權利
- 本單位保留是否接受報名之權利。

- 課程內容受著作權法保護,不得以任何形式傳輸、重製、散布或提供予公眾,以免觸法
▍ 結業證書
依本院「教育訓練服務程序」規定,本課程為短期班,參訓學員缺課未超過總時數五分之一者,結業時由本院核發結業證書。
相關檔案