李建杭 (Amos Lee)

講師

李建杭 (Amos Lee)

資策會(台北、中壢) 講師
ModernWeb 研討會講者
亞馬勁雲科技前端工程師
中科大業界專家課程 講師
致理技術學院業界專家 講師
元培醫事科技大學業界專家 講師
凌網科技視覺設計師

本課程適合

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

你將會學到

  • 深入圓角設定的秘密
  • 選取器超應用
  • Transition 動畫由淺入深
  • 2D/3D 變形深入實務
  • Animation 關鍵影格動畫超解析
  • 漸層與陰影
  • CSS 遮罩應用

詳細課綱

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

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

    • 選取器超應用
    • 屬性選取器
    • 連接號選取器應用實務
  • 三、網頁特效活用技巧

    • Transition 動畫由淺入深
    • 動畫原理
    • 動畫撰寫方式及狀況
    • 動畫重點注意事項
    • 動畫進階效果
  • 四、酷炫應用實作

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

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

    • 漸層與陰影
    • 漸層撰寫技巧
    • 漸層原理解析
    • 陰影原理與撰寫技巧
    • 陰影實務應用技巧
  • 七、可以用一行程式碼搞定的,PS就關了吧

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

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

2 人同行 or 一次購買 2 堂課,可享 95 折優惠

3 人同行 or 一次購買 3 堂課,可享 9 折優惠

更多團報 or 相關課程諮詢請洽 02 - 2331-8188

馬上報名搶位

報名及付款方式:

  1. 點擊「馬上報名搶位」連結並填寫表單。
  2. 課程達開課人數後,我們會主動寄發繳費連結。
  3. 線上繳費(刷卡或匯款),或是現場現金或刷卡繳款。
  4. 匯款帳號資訊:
    • 銀行:華南商業銀行 營業部
    • 帳號:100-10-034068-2
    • 戶名:五倍紅寶石股份有限公司附設臺北市私立五倍紅寶石技藝文理短期補習班

注意事項:

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