CSS 大神 Amos 老師系列課程受到學員的熱烈支持,本次將開設前端互動系列課程,一同學會前端網頁設計、網頁動畫及有趣的 UI 與 UX 設計 我們將用 8 堂課的時間,用最新的 CSS 3 網頁技術,教你做出有趣的網頁動畫!同時,我們將教會你,如何讓網頁更有質感的一系列小技巧。

課程大綱

一、超實用設計感網站工具

  • 深入圓角設定的秘密
  • 圓角基本設定
  • 圓角進階設定
  • 圓角隱藏規格與原理
  • 圓角實務應用
  • 選取器超應用
  • :before 與 :after 偽元素實務應用
  • :nth-*十數個偽類選取器實務
  • 偽類選取器實務應用
  • 偽類選取器深入解析應用

二、對的選取器帶你輕鬆搞定網頁

  • 選取器超應用
  • 屬性選取器 連接號選取器應用實務

三、網頁特效活用技巧

  • Transition 動畫由淺入深
  • 動畫原理
  • 動畫撰寫方式及狀況
  • 動畫重點注意事項
  • 動畫進階效果

四、酷炫應用實作

  • 2D/3D變形深入實務
  • 變形原理
  • 變形應用
  • 縮放/傾斜/旋轉/位移重要觀念
  • 縮放/傾斜/旋轉/位移應用
  • 3D 與透視
  • 深入 3D 立體與透視應用

五、實作課程

  • Animation 關鍵影格動畫超解析
  • 動畫關鍵影格制定基礎
  • 關鍵影格進階應用
  • 動畫時間應用技巧
  • 動畫延遲實務應用
  • 速度控制原理及應用
  • 方向控制及應用
  • 填充模式超詳解

六、網美網頁必學技

  • 漸層與陰影
  • 漸層撰寫技巧
  • 漸層原理解析
  • 陰影原理與撰寫技巧
  • 陰影實務應用技巧

七、可以用一行程式碼搞定的,PS 就關了吧

  • CSS 遮罩應用
  • 遮罩撰寫方式
  • 遮罩應用技巧
  • 遮罩實務
  • 色彩實務
  • 不透明度原理與應用
  • CSS 3 背景控制
  • 背景尺寸及應用
  • 背景位置與應用
  • CSS 3 圖片控制
  • object-fit 語法與應用
  • blend-mode 混合模式應用
  • CSS 混合模式說明
  • CSS 混合模式原理
  • CSS 混合模式應用
  • CSS 濾鏡應用
  • 濾鏡撰寫方式
  • 濾鏡技巧
  • 濾鏡應用

八、實作課程

  • CSS 進階應用
  • CSS 與 SVG
  • 使用方式
  • 動畫控制
  • 語法及撰寫技巧
  • CSS 變數
  • 變數規則
  • 變數應用
  • 分欄功能
  • 分欄技巧
  • 分欄語法與應用
  • 表單尺寸控制及應用

講師資訊

李建杭 Amos Lee

  • 資策會(臺北、中壢)講師
  • Modern Web 講者
  • 亞馬勁雲科技前端工程師
  • 國立臺中科技大學業界專家講師
  • 致理科技大學業界專家講師
  • 元培醫事科技大學業界專家講師
  • 凌網科技視覺設計師

課程適合對象

  • 學生族群,想嘗試新領域,懂基本的 HTML 與 CSS
  • 設計師,對於網頁設計有興趣,想更精進設計感
  • 上班族,利用假日時間增進技能,獲取更高經驗值

課程時數

24 小時

多堂課程上課時間

  • 第 1 次上課

    2018/12/05 19:00 ~ 22:00

  • 第 2 次上課

    2018/12/07 19:00 ~ 22:00

  • 第 3 次上課

    2018/12/12 19:00 ~ 22:00

  • 第 4 次上課

    2018/12/14 19:00 ~ 22:00

  • 第 5 次上課

    2018/12/19 19:00 ~ 22:00

  • 第 6 次上課

    2018/12/21 19:00 ~ 22:00

  • 第 7 次上課

    2018/12/24 19:00 ~ 22:00

  • 第 8 次上課

    2018/12/26 19:00 ~ 22:00

上課注意事項

  • 課程內容、日期及講師可能因故有所修改,主辦單位保留異動之權利。
  • 學員需自備筆記型電腦。
  • 本次課程僅開放 30 人報名。
  • 報名費不包含餐費。
  • 若報名學員人數不足 10 人,將視情況取消當次課程,並全額退還報名費用。
  • 如有企業或團體課程需求,歡迎直接來信 course@5xruby.tw 洽詢。

立即報名

優惠價 12000 元 2018/09/05 19:00 ~ 2018/12/05 19:00 報名截止

本課程由 五倍紅寶石 發佈

課程問答

我要提問

對課程有任何問題,都歡迎在這裡向開課單位提問

開課單位

五倍紅寶石

從入門到進階,我們規劃了一系列專業網站開發課程,無論您是資訊新手或是專業工程師,感謝您選擇五倍紅寶石作為你增強關鍵實力的墊腳石!

五倍紅寶石其他精彩課程

已結束
0 人收藏

五倍紅寶石 五倍紅寶石

已結束
0 人收藏

五倍紅寶石 五倍紅寶石

相關課程

已結束
0 人收藏

五倍紅寶石 五倍紅寶石

0 人收藏

五倍紅寶石 五倍紅寶石