關閉視窗
南臺科技大學106學年度第1學期課程資訊
課程代碼 J0P0A401
課程中文名稱 多媒體網頁設計(與夜四技視傳三甲合開)T0807
課程英文名稱 Film editing and special effects
學分數 3.0
必選修 選修
開課班級 專四技視傳三甲
任課教師 黃于珊
選課人數
上限60 目前已選人數4
上課教室(時間)
週二 第12節 ()
週二 第13節 ()
週二 第14節 ()
課程時數 3
實習時數 0
授課語言 1.華語
輔導考證
課程概述 本課程主要內容為多媒體整合於互動網頁設計學習,並貫徹政府輔導學生就業政策,培養學生專業知識,結合TQC多媒體網頁設計類證照訓練,教導與協助學生取得證照,期有利輔導未來就業
先修科目或預備能力
課程學習目標與核心能力之對應
編號中文課程學習目標英文課程學習目標對應系指標
1 藉由多媒體之理論與實務練習,透過美學基本理論的引導及軟體之實務運用,讓學生了解多媒體的運用 1 設計知識
2 培養學生具備以使用圖像說故事的能力 3 數位設計技能
3 培養學生熟悉故事敘述之設計思考 5 行銷企劃
4 訓練學生具備多媒體的動畫技巧並創造多媒體動畫的多樣性風格 6 創意思考
5 累積其實務操作經驗,藉由個案案例專題之演練,提昇學生具備製作多媒體專題的敏銳度和成熟度 10 團隊合作
就業力培養目標
  校指標 1 2 3 4 5 6 7 8 9 10
  專業知識 實務技能 資訊能力 整合創新 外語能力 熱誠抗壓 表達溝通 敬業合群 人文素養 服務關懷
  20% 0% 20% 40% 0% 0% 0% 20% 0% 0%
  系指標 1 2 4 3 5 6 7 8 9 10 12 11
  設計知識 多媒體知識 手繪設計技能 數位設計技能 行銷企劃 創意思考 外文應用 職場倫理 溝通表達 團隊合作 藝術美學 服務精神
  20% 0% 0% 20% 20% 20% 0% 0% 0% 20% 0% 0%
中文課程大綱 1.TQC證照介紹
2.多媒體與互動設計
3.網站企劃書與基本架構
4.多媒體網頁設計 - Dreamweaver
5.Dreamweaver術科操作
6.多媒體網頁設計 – Flash
7.Flash 術科操作
英/日文課程大綱
課程進度表 (1) 課程說明:學期課程說明,期中期末作業說明
(2) 認識網頁:說明種類、功能、演變、網頁使用性、RWD網頁介紹
(3) 網頁規劃:將需求系統化,規劃網頁架構與版面配置,規劃線上作品集架構
(4) 網頁版型設計:首頁設計,設計網頁框架、大圖輪播、重點加強、回饋狀態
(5) 網頁版型設計:內頁(“關於我”頁面),設計回饋狀態、頁面標題、內頁樣式
(6) 網頁版型設計:內頁(“作品列表”頁面),計回饋狀態、頁面標題、頁籤、圖片列表
(7) 網頁版型設計:內頁(“聯絡方式”頁面),設計回饋狀態、頁面標題、聯絡表單
(8) 期中考週,期中作業繳交
(9) 網頁切版說明:DIV、CSS、javascrip、網頁優化介紹與練習
(10)DIV+CSS切版:網頁框架切版,作品集首頁切版
(11)DIV+CSS切版:網頁框架切版,作品集內頁切版
(12)DIV+CSS切版:網頁框架切版,作品集內頁切版
(13)DIV+CSS切版:網頁框架切版,作品集內頁切版
(14)DIV+CSS切版:網頁框架切版,作品集內頁切版
(15)DIV+CSS切版:網頁框架切版,作品集內頁切版
(16)DIV+CSS+ javascrip:作品集”作品頁”切版與fancybox的js套用
(17)DIV+CSS切版:作品集”聯絡方式”頁面切版,表單設定,作品上線
(18)期末考週,期末作業繳交
課程融入SDGs
期考調查
期中考(第9週)考試方式
期末考(第18週)考試方式
其他週考試考試週次與方式
教學方式與評量方式
課程學習目標教學方式評量方式
藉由多媒體之理論與實務練習,透過美學基本理論的引導及軟體之實務運用,讓學生了解多媒體的運用
實作演練  
作業平時
培養學生具備以使用圖像說故事的能力
實作演練  
作業平時
培養學生熟悉故事敘述之設計思考
實作演練  
設計製作期中
訓練學生具備多媒體的動畫技巧並創造多媒體動畫的多樣性風格
實作演練  
自我評量平時
累積其實務操作經驗,藉由個案案例專題之演練,提昇學生具備製作多媒體專題的敏銳度和成熟度
實作演練  
設計製作期末
指定用書
書名
作者
書局
年份
國際標準書號(ISBN)
版本
請同學遵守智慧財產權觀念,使用正版教科書,不得不法影印、下載及散布,以免觸犯智慧財產權相關法令
參考書籍
教學軟體 Adobe Dreamweaver、Adobe Photoshop
課程規範