視覺影像處理與 UI 設計

Photoshop視覺影像處理

Photoshop 網頁排版實作

Illustrator繪圖與UI設計

網頁配色與基礎設計概論

UI/UX工具(Figma)

工具環境設定與操作

各種狀置規格說明

UI 介面設計實作

UX 規劃流程圖製作

網頁設計入門

HTML基礎概念

HTML5 語意標籤

Visual Studio Code 開發工具

網頁切版與隔線系統使用介紹

CSS3基礎

CSS3 @media Rule 使用介紹

Parallax捲動頁面

前端網頁動態技術

CSS3網頁動態效果

Bootstrap與Flex 排版

JavaScript網頁動態效果

指導完成個人RWD網站作品

個人作品發表

網站規劃與行銷

網站定位分析、網站架構規劃

分組討論與規劃

網站視覺規劃、與網路行銷

網站媒體行銷規劃與宣傳

UI/UX實務流程

UI/UX流程說明

使用者行為、介面行為、系統行為差異

用戶體驗地圖(User Experience Map)

Functional Map

Wireframe

網頁前端框架 Vue.js開發

Vue.js 基本概念說明

使用 Vue CLI 建立 Vue開發環境

Vue 指令（Directive）

Vue 事件處理

Vue 元件(組件)(Component)

Vue Router(路由)

元件間的資料管理 - Pinia

專題實務整合

依UI/UX實務流程課程研究與調查的使用者

目標族群及需求並訂定網站功能架構與視覺風格，搭配網頁切版技術開發響應式網頁-Flow

網站企劃書及網站簡報

專題觀摩及發表

專題指導

就業輔導

指導完成履歷及作品集