週次與日期 |
內容 |
備註 |
1 105/02/22~105/02/28 |
● 多媒體基本概念 ● 文字媒體介紹和設計 ● 電子出版品實作 |
1.本單元對應培育之能力指標: (1)能了解多媒體基本概念 (2)能學會文字媒體介紹和設計 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
2 105/02/29~105/03/06 |
● 影像媒體介紹和設計 ● 數位相片修片技巧 ● 2 D影像設計實作 |
1.本單元對應培育之能力指標: (1)能了解影像媒體介紹和設計 (2)能學會2 D影像設計實作 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
3 105/03/07~105/03/13 |
● 音訊媒體介紹和設計 ● 錄音混音特效實作 ● 視訊媒體介紹和設計 ● 影片剪輯實作 |
1.本單元對應培育之能力指標: (1)能了解音訊媒體介紹和設計 (2)能學會視訊媒體介紹和設計 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
4 105/03/14~105/03/20 |
● 認識 Dreamweaver 介紹目前網頁編輯器的趨向與各軟體間的優缺點,說明 Dreamweaver 的特色與功能,並認識編輯環境與建置。
|
1.本單元對應培育之能力指標: (1)能了解認識 Dreamweaver 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
5 105/03/21~105/03/27 |
● 網站規劃的開始 網頁與網站觀念、網站開發流程、建立網站的準備與分析等,可以親自感受一個網站從無到有的過程。 |
1.本單元對應培育之能力指標: (1)能了解網站規劃的開始 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
6 105/03/28~105/04/03 |
● 網頁文字與影像的編輯 文字、影像編修是網頁製作的基本功夫,要紮實打下良好的基礎。 ● 超連結的使用 超連結的使用是網頁通往世界的按鈕,本章介紹錨點設定、內外部連結、電子郵件連結等功能。 |
1.本單元對應培育之能力指標: (1)能了解網頁文字與影像的編輯 (2)能學會超連結的使用 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
7 105/04/04~105/04/10 |
● 表格的使用 網頁中表格的存在不但讓網頁版面看起來井然有序,更提供一般資料表格及版面配置時最主要的結構。 ● CSS 樣式表 CSS 樣式表可以讓網頁套入相同格式,方便網站的維護,在最快時間內更新網站的相關格式與設計。
|
1.本單元對應培育之能力指標: (1)能了解表格的使用 (2)能學會CSS 樣式表 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
8 105/04/11~105/04/17 |
● 網頁地圖與 AP 元素的應用 網頁地圖是運用圖片,連結到不同的頁面;AP元素讓網頁物件定位立體化,更靈活調整網頁配置。 ● 網路多媒體的應用 說明如何在 Dreamweaver 中插入 Flash 動畫、FLV、FlashPaper 及音效與影片。
|
1.本單元對應培育之能力指標: (1)能了解網頁地圖 (2)能學會網路多媒體的應用 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
9 105/04/18~105/04/24 |
期中考試週 |
1.本單元對應培育之能力指標: (1)能了解學期中的成效 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
10 105/04/25~105/05/01 |
● 範本的應用 範本不但能統一整個網站的風格,還可以加快整個網站製作的速度,本章將運用範本將前面完成的作品串聯在一起。 ● 網站的上傳與維護 介紹 Dreamweaver 的檔案管理、上傳與更新的動作。 |
1.本單元對應培育之能力指標: (1)能了解範本的應用 (2)能學會網站的上傳與維護 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
11 105/05/02~105/05/08 |
● 影像基礎編修與去背 利用修復工具調整相片污點、裂痕、光線或色彩...等問題,再透過適當的影像去背方式為影像設計不同的風貌,另外包含:大量影像同時編修的自動執行與批次處理功能。 ● 文字編輯特效與圖層 先對文字的基本輸入與調整進行認識,再進行複合式運用。 |
1.本單元對應培育之能力指標: (1)能了解像基礎編修與去背 (2)能學會文字編輯特效與圖層 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
12 105/05/09~105/05/15 |
● 網站版型製作與割版 認識如何在 Photoshop 中設計網頁版型與版型割版。 ● 網站版型與 Dreamweaver 整合 將製好的網頁版型於 Dreamweaver 中排版與應用
|
1.本單元對應培育之能力指標: (1)能了解網站版型製作與割版 (2)能學會網站版型與 Dreamweaver 整合 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
13 105/05/16~105/05/22 |
● 開發APP的新領域 使用網頁技術開發應用程式,讓絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路,大幅降低設計行動裝置應用程式的門檻。
● 打造您的第一個APP 認識並安裝 Android SDK 後,接著在 Dreamweaver 進行相關設定,即可建置好APP 應用程式開發的環境,帶您開發第一個 APP。
|
1.本單元對應培育之能力指標: (1)能了解開發APP的新領域 (2)能學會打造您的第一個APP 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
14 105/05/23~105/05/29 |
● jQuery Mobile(一):專業的使用者介面 jQuery Mobile 是一個使用HTML、CSS 及JavaScript 為架構,用來開發行動裝置網頁的解決方案,也為 Web APPs 的未來開啟了一扇大門!
● jQuery Mobile(二):人機互動控制 jQuery Mobile 能很快建置完善的行動裝置使用者介面,只要再加入JavaScript 程式即可讓使用者與網頁進行互動。
|
1.本單元對應培育之能力指標: (1)能了解jQuery Mobile(一) (2)能學會jQuery Mobile(二) 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
15 105/05/30~105/06/05 |
● APP專案:來去台北住一晚 使用臺北市政府公開資料平台建立旅館查詢應用程式,提供旅客安全的旅館住宿資料,並且將地址資料連結 Google Map 地圖,可在地圖上顯示旅館地點,使用者可輕易到達目的地。
● APP專案:景點導覽語音系統 以目前遊客最多的日月潭向山遊客中心為範例,使用影像地圖引領遊客觀賞向山遊客中心各景點,並以語音解說各景點的特色。
|
1.本單元對應培育之能力指標: (1)能了解APP專案 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
16 105/06/06~105/06/12 |
● APP專案:行車守護者 本系統整理行車發生狀況時的標準流程,只需按照步驟依序處理就能達到自我保護的功能。系統包含電話不但具有「緊急撥號」功能可聯絡警方及親朋好友,更擁有照相及錄音功能,讓證據完整保存。
● APP專案:Google美食地圖 Google Map 除了常用的地圖顯示外,也可以加入定位的功能,並取得該景點的相關資源,例如附近的景點、住宿、旅遊、天氣、美食等資訊,是現代人生必活中必備的好工具。
|
1.本單元對應培育之能力指標: (1)能了解APP專案 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
17 105/06/13~105/06/19 |
● HTML、CSS、JavaScript 整合設計 |
1.本單元對應培育之能力指標: (1)能了解HTML、CSS、JavaScript 整合設計 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |
18 105/06/20~105/06/26 |
期末考試週 |
1.本單元對應培育之能力指標: (1)能了解本學期課程 2.學習評量方式: (1)利用問題試測瞭解學生程度。 (2)進行學生學習態度觀察。 |