字級:
小字級
中字級
大字級

RWD 響應式跨平台網頁切版實戰 ► 電腦、平板、手機網頁一次到位

  • 訓練費用:原價 10,800元,費用含課程及講義。
  • 優惠方案:凡於 8 月 10 日前完成報名與繳費之學員,可享優惠價NT$9,000元(含稅)。

  • 課程日期:8/18(四)、8/19(五)、8/26(五)
  • 上課時間:上午 9:00-12:00,下午13:30-16:30
  • 課程時數:18 小時
  • 授課方式:遠距直播互動授課

※ 講師 Amos 具備專業級直播互動教學經驗,授課品質有保障

※ 企業包班歡迎洽詢 (02) 7707-4976 李小姐 tinalee@cdri.org.tw 

▍ 課程緣起

沒有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邦幫忙鐵人賽系列書)>>等暢銷書 李建杭(Amos)為 iT邦幫忙鐵人賽連續三屆冠軍、連續兩屆優選,出版<<金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)>>、<<金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)>>等暢銷書

▍ 講師簡介

李建杭本身為視覺設計轉職為前端工程師的成功例子,因為經歷過其中的辛苦,非常了解平面設計工作人員轉往網頁設計可能遭遇的瓶頸,善於利用淺顯易懂的方式,帶領學員輕鬆上手網頁相關技能,深受學員喜歡。除此之外,他也活躍於臺灣各大技術研討會,熟稔 HTML & CSS、Bootstrap、RWD、CSS3 等,目前已成為國內知名前端技術講師。

iT 邦幫忙鐵人賽連續三屆冠軍、連續兩屆優選,出版<<金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)>>、<<金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)>>等書。

▍ 適合對象

  • 具基本HTML 、 CSS 及網頁切版能力

  • 網頁設計新手欲強化RWD能力者
  • 美術科系畢具基本HTML與CSS觀念欲朝網頁設計發展者
  • 公司網頁改版,具網頁維護經驗而臨危受命的平面設計師

  • 有心成為SOHO族,自行接案者

▍ 報名方式

課程採線上報名,請按下方【我要報名】進入報名系統

課程諮詢:(02)7707-4976 課程經理 李小姐,或E-mail:tinalee@cdri.org.tw

報名與繳費確認:(02)7707-4972 陳小姐,或E-mail:anniechen@cdri.org.tw

▍ 課程費用與繳費

  1. 本課程原價 NT$10,800元。
  2. 優惠方案:凡於8月10日前完成報名與繳費之學員,可享早鳥優惠價NT$9,000元(含稅)。
  3. 團報優惠: 二人團報可打95折、四人團報可打9折優惠。

    • 課程報名系統每個帳號僅提供一位學員報名,若為團報學員,每位皆必須完成線上報名,並於其他金額說明欄位註記「與XXX一起團報」,以利事後核對名單

4.請以信用卡、即期支票或匯款支付:繳費資訊將於確定開課後提供

▍ 報名確認、取消與注意事項

  1. 已完成報名與繳費之學員,課程主辦單位將於開課三天前以E-mail方式寄發上課通知函;若課程因故取消或延期,亦將以E-mail方式通知,<如未收到任何通知,敬請來電確認>
  2. 已完成繳費之學員如欲取消報名,請於實際上課日前以書面通知業務承辦人,主辦單位將退還90% 課程費用。
  3. 學員於培訓期間如因個人因素無法繼續參與課程,將依課程退費規定辦理之︰上課未逾總時數三分之一,欲辦理退費,退還所有上課費用之二分之一,上課逾總時數三分之一,則不退費。
  4. 如遇不可抗拒之因素,課程主辦單位保留修訂課程日期及取消課程的權利
  5. 本單位保留是否接受報名之權利。
  6. 課程內容受著作權法保護,不得以任何形式傳輸、重製、散布或提供予公眾,以免觸法 

▍ 結業證書

依本院「教育訓練服務程序」規定,本課程為短期班,參訓學員缺課未超過總時數五分之一者,結業時由本院核發結業證書。

RWD 響應式跨平台網頁切版實戰<直播授課>
  • 課程日期
    111年8月18、19、26日
  • 課程時段
    9:00~16:30
  • 活動地點

    線上授課

    遠距直播互動授課

TOP