網站架構規劃設計

    網站主題發想

    網站服務提供

    網頁連結規劃

    建立網站組織圖

數位影像編修、設計

   Photoshop基礎工具操作及去背操作

   圖層應用

   影像調整

   遮色片應用

 濾鏡、樣式輔助

線構式版型設計

    Illustrator基礎工具操作

    貝茲曲線操作

    遮色片使用

    描繪塗鴉

  3D商品繪製

  繪製版型

CIS、VI規劃

LOGO、吉祥物發想

    企業識別及產品識別說明

 企業識別發想、製作

 LOGO製程簡述

 繪圖的演化過程

 吉祥物繪製

網頁版型整合規劃

    建立影像式版型

   建立繪圖式版型

   版型素材原創設計

  UI、ICON製作

  版型切割

 網頁上傳、發佈

數位影像、多媒體設計整合

    Priemiere製作影片需要的素材

 影片剪輯、聲音控制

  影片加上字幕

  影片遮罩

  Animate動畫基礎觀念

 動畫腳本企劃

 簡易動畫設計

 影片及動畫嵌入網頁

作品集設計

   Indesign基本工具操作

 設計網站型錄

 設計幕後花絮篇

超文件標記語言HTML5

階層式樣式表CSS3

網頁切版設計

    HTML文件結構、段落、文字格式

   HTML5的語意標籤、路徑的表示方法、超連結、圖片、音效的使用、影片的使用、表格、表單

   認識CSS

   CSS3的新功能

   CSS的套用方式

   CSS基本語法

    使用元素結構的重要觀念

   認識盒子模型、float的使用、position的使用

   媒體查詢、單欄式網頁版型、多欄式網頁版型、相對混合絕對式版型

RWD響應式設計

互動式頁面特效

前端框架Bootstrap

   行動裝置版型需知

   跨設備網頁設計

   流動佈局排版、彈性格式排版、混合模式排版

   transform元素的變形

   transition轉換效果

   animation動畫效果

JavaScript 程式入門

jQuery外掛套件

    認識JavaScript、變數的使用

 函式的使用

   認識jQuery

   jQuery的特效

   jQuery外掛組件使用

RWD網站專題製作與成果發表

    小組專題製作、專題成果彙整

    專題簡報及成果發表