致遠資管_謝慧民_96_2

謝慧民的網站 > 課程網站 > 首頁 >致遠資管_謝慧民_96_2_多媒體製作

第十八週上課：(2008.6.17)

期末成績公佈(2008.6.23)：final_media.htm
最後期限：2008.6.22。
期末成果尚未繳交學號後三碼(請補交)：(2008.6.19整理)
1. 資二A：
2. 資二B：
3. 資二C：
4. 其他：92_105
作業二未交學號後三碼(請補交)：(2008.6.19整理)

資二A：94_022, 004, 011
資二B：095
資二C：036
其他：92_105

作業一未交學號後三碼(請補交)：(2008.6.19整理)

資二A：94_022, 96_603
資二B：
資二C：
其他：92_105

期末考成果繳交：
- 第十八週照常上課(2008.6.17)，大家到課堂做期末成果，如果要先繳交也要來點名。
- 一個Banner廣告Flash動畫(468 X 60)及一個前導頁Flash動畫(550 X 400)
- 動畫展現方式以課堂教過的為主，要自行加功能也可。
- 繳交檔案名稱：你的學號_final.rar(裡面要包括兩個Flash原始檔.fla)
- 使用email繳交或繳交到我的隨身碟。

第十七週上課：(2008.6.10)

去背影像製作：找一張有飛機的圖片，到Photoimpact用套索選取邊界按選取可以變為選取區，複製貼成新影像，再開一張透明同大小的圖，貼上剛剛的圖，另存新檔格式為.gif或.png，則可以製作去背的影像，再找一張底圖，到Flash將兩張圖匯入成元件，將飛機縮小到定位，Flash原始檔17-0，操作錄影17-0，Flash動畫17-0。
飛機本身移動漸變的動畫：使用新元件設定為動畫影片，將飛機拉進來，影格15加入關健影格，調整大小，移到第一格選到14影格，在屬性欄補間動畫選移動，則完成飛機自身的動畫，利用導引線讓飛機飛以外，還可以放大縮小運動，Flash原始檔17-1，操作錄影17-1，Flash動畫17-1。
製作按鈕及連結：使用預設原件庫的按鈕，隨意拉入一個在舞台，動作寫程式碼：on(release){getURL("http://www.dwu.edu.tw/")})，Flash原始檔17-2，操作錄影17-2、Flash動畫17-2。
形狀漸變元件：新開新元件為影片，拉一個矩形元件進來，將他打散兩次，在影格30處插入關鍵影格，改變顏色，再選取1-29影格，在屬性欄選取形狀，則出現淡綠色條狀方塊並有一條箭頭，此時完成顏色漸變設定。文字變形為方塊再變回字，方法與上同，所有物件都打散兩次，在進行補間動畫形狀的設定，注意物件都對稱自我中心點，Flash原始檔17-3，操作錄影17-3、Flash動畫17-3。
製作透空字動畫：建立影片元件，加入文字，打散兩次，筆畫換顏色點在字的外框，按Delete鍵刪除裡面的填色，形成中空字，動畫使用形狀，字由大變小，在舞台新增三個圖層，各拉進來一個字動畫，移動影格間隔5影格，可以顯出字放大的殘影動畫，如果動畫在舞台做，則可以控制alpha值讓放大的字漸漸變淡，殘影效果較佳，Flash原始檔17-4，Flash動畫17-4。
加分練習九：以上項目任選兩項。

第十六週上課：(2008.6.3)

Flash介紹、圓角、漸層顏色、加導引線讓物件延導引線作動畫：元件圖層要拉附導引線以下，在導引線圖層拉一條曲線，先製作圖層元件的不動動畫設定補間動畫，在起始影格拉元件到線的起始點，最後影格拉元件到線的終點，按Ctrl-Enter測式動畫，Flash原始檔16-0，操作錄影16-0。
複習導引線、遮色片的使用：在新圖層拉一個元件製作路徑動畫，內容範圍要展示動畫經過的顯示資料，在新圖層打一些字，放在元件動畫經過的路徑上，設定元件動畫圖層為遮色片，將字的圖層拉到遮色片圖層底下，則可以看到元件經過處字才會顯現出來，反之你也可以將上面的交換，讓字做移動動畫，經過元件後顯現出漸層元件的顏色，Flash原始檔16-1，Flash原始檔16-2，Flash原始檔16-3，操作錄影16-1，Flash動畫16-1，Flash動畫16-3。
描繪卡通物件：去網路找一張卡通圖，匯入到裡面成為元件。拉到舞台設定尺寸與舞台同大小，位置為0,0，建立新圖層用鋼筆描繪外框，塗上漸層顏色，描頭、眼睛、鼻子、嘴巴、鬍鬚等，製作眼睛動畫，操作錄影16-2、Flash原始檔16-4，Flash原始檔16-5，Flash動畫16-5。
加分練習八：製作文字遮色片動畫，文字動畫過程看到移動時顏色漸變的效果，或者載入卡通圖描繪輪廓，Flash原始檔16-6，Flash動畫16-6 。

第十五週上課：(2008.5.27)

Flash介紹、加入元件庫、拉到舞台、圖層的運用：加一些內定的按鈕元件，另加一個圖層拉入背景調整到舞台大小，使用CTRL-ENTER預覽動畫成果，練習成果連結15-0，Flash原始檔15-0，操作錄影15-0，匯出成影片。
一個圖層插入一個元件最佳：使用工具列製作元件或匯入到元件庫或舞台，都可以加入東西在舞台上，利用工具列變形舞台上的物件，如果一個圖層多個物件，則放大縮小旋轉均會一起動作，所以要特別注意是否有這個需要，圖層需要命名區分類型，Flash原始檔15-1，操作錄影15-1。
每個圖層製作動畫：拉一個多邊形在一個單獨圖層，修改顏色，在30影格的地方加入關鍵影格，選取關鍵影格間的影格，建立移動補間動畫，製作漸變動畫完成，操作錄影15-3、操作錄影15-4，Flash原始檔15-4，匯出成影片。
文字特效動畫：使用鋼筆作畫，會自動判斷形狀，還有套索可以畫不規則區域，練習成果連結15-3，Flash原始檔15-5，操作錄影15-5，匯出成影片。
GIF影像圖動畫到Flash消失動畫功能、增加關鍵影格的操作：練習成果連結15-6，Flash原始檔15-6，操作錄影15-6。
加分練習七：製作一個會動的Flash畫面，輸出成.html格式，並打開show成果。

第十三週上課：(2008.5.13)

第十四週配合美國西北理工大學英語訓練課程，至國際會議廳上英語課。
期末考不上機考：但要繳交網站成果，並將他上傳到學校給你的網頁空間，可能增加一些Flash網頁在第二次作業裡面，請保留第二次作業成果接續製作期末網站內容。
圖層、表格格式、表格排序：練習成果連結13-0，操作錄影13-0。
表格運用在按鈕上下空隙的控制及CSS文繞圖設定：操作錄影13-1。
CSS超連結底線去除、加入Applet及Flash文字，Flash按紐：操作錄影13-2。
套用內定CSS樣式表、CSS程式碼：練習成果連結13-3，操作錄影13-3。
影像圖用Map畫形狀做超連結：操作錄影13-4。
將影音檔wmv、Avi、mpeg等格式轉為.swf格式：進入flash 8，由匯入方式載入影音，匯出方式將格式轉為Flash的swf格式，並調整大小與Flash預設舞台相近，再到Dreamweaver插入網頁中間的頁面，操作錄影13-5、操作錄影13-6。
作業二(2008.5.20前交，允許遲交會扣分)：
1. 製作3個頁框的首頁(預設為index.html)。
2. 請自定主題，如"慧民的轟培機"，加到Banner圖片上。
3. 自訂功能頁5頁，每頁有不同的內容，必須與你設的導覽列文字有關。
4. 上方的頁框放Banner及導覽列，導覽列有五個按鈕，有一般、滑鼠滑入、點按等三種圖片設定，點按開啟網頁放入中間的網頁中展示。
5. 上方的頁框放滑鼠交換影像的按鈕至少4個，超連結依次為致遠網站、致遠資管網站、你在其他地方設立的網站或超連結，及寫信給我等，按鈕可以用Flash文字或Flash按鈕。
6. 將所有成果打包檔名為：你的學號_home02.rar。
7. email交：hmhsieh@ms3.hinet.net

第十二週上課：(2008.5.6)

頁框分割並放一個Banner在上方視窗：製作三個頁框的網頁存檔，應存成四個檔，三個頁框裡面各放一個網頁，操作錄影12-0。
製作滑鼠變換影像按鈕在左側：整理一個按鈕兩個影像圖的資料到images目錄，「插入_影像物件_滑鼠變換影像」設定圖形及指定超連結位置，操作錄影12-1。
加入導覽列：「插入_影像物件_導覽列」設定相關的圖片及連結網頁，操作錄影12-2。
設定邊框寬度拖拉修改各頁框大小：幫頁框家背景顏色或圖片，練習成果連結12-3，操作錄影12-3。

第十一週上課：(2008.4.29)

版面表格劃分複習：操作錄影11-0。
第二次上課的網站設定：操作錄影11-1。
將PhotoImpact的互動Banner加到網頁內：要複製Javascript的程式碼及相關的物件到網頁內，如果圖不見了，再去原始網頁找將他載入，直到正常顯示(圖沒有成功載入到對的位置)，操作錄影11-2。
直接在PhotoImpact的網頁做版面設定，再將要放入排版的物件貼過去，插入表格：練習成果連結11-3，操作錄影11-3。
表格的合併分割及插入一些符號：操作錄影11-4。

第十週上課：(2008.4.22)

期中考複習講解：操作錄影10-0。
介紹勞委會的丙級檢定_網頁設計的內容，提供林文恭老師的考試光碟片及輔助教材網站：http://203.68.83.3/wkl/。
使用IIS設定網站：打入http://127.0.0.1/可以將設好網站的內容叫出來看，如果IP設定為固定IP，那就正式架起你的網站提供外界瀏覽了，操作錄影10-1
設定你的首頁名稱加到文件列表，操作錄影10-2。
尋找製作相簿的影像及製作相簿：練習成果連結1(photo)，練習成果連結2(slide)，操作錄影10-3。
架設網站工具Appserv：安裝及設定網站的操作，複製你的網站目錄到www目錄，打入http://127.0.0.1/你的目錄/，可以看到你的網站內容，Appserv檔案連結，操作錄影10-4。
加分練習六：操作Dreamweaver製作首頁及連結到相簿，版面表格劃分，放入內容，請拉出四塊區域，上方一塊，左右各一塊長條，中間留大區域，上方放banner，左方放一張圖片超連結到相簿，中間及右方隨意放置內容，練習成果連結，操作錄影10-5。

第九週期中考：(2008.4.15)

期中考試題：期中考試題連結、圖、Wcsdata.rar。
各題參考答案：題目一、題目二、題目三、題目四。

第八週上課：(2008.4.8)

網頁特效(使用JavaScript語法)：成果範例8-0，操作錄影8-0。
彈出式功能表設定：先做切割再找一塊切割區按右鍵，選取Script功能，選彈出式功能表，設定幾個Item，完成後，存成html格式，成果範例8-1、網頁成果8-1、操作錄影8-1。
投影片Show的設定：與前面步驟相似，只是選投影片秀，然後使用+加入幾張圖片，設定播放間隔時間，匯出成，成果範例8-2、網頁成果8-2、操作錄影8-2。
交換影像：選一個區塊，最好裡面有圖片或文字，設定交換影像，選取要show影像的區塊，設定影像JPG或GIF，成果範例8-3、網頁成果8-3、操作錄影8-3。
垂直捲動動畫：作法與前面相似，可以設文字或影像轉動，加入超連結，到Dreamweaver裡面加背景圖，成果範例8-4、網頁成果8-4、操作錄影8-4。
摟空針筒圖置換原來的圖，讓白色背景不見：成果範例8-5、網頁成果8-5、操作錄影8-5。
加分練習五：製作一個網頁含有彈出式功能表、投影片Show兩項特效。

第七週上課：(2008.4.1)

元件設計師：wcsdata下載
開啟新網頁填入背景：使用背景設計師製作背景，成果範例7-0，網頁成果7-0，操作錄影7-0。
取代Wcsdata目錄使用原件設計師設計按鈕等元件：先下載Banner及Button兩個目錄使用，設定目標貼上超連結位置，匯出成元件物件，成果範例7-1、操作錄影7-1。
下載元件設計師檔案並貼到8版的對應目錄：成果範例7-2、網頁成果7-2、操作錄影7-2。
複製元件、修改屬性、輸出網頁：其中有Rollover物件出現錯誤訊息，成果範例7-3、網頁成果7-3、操作錄影7-3，單純輸出Rollover物件則正常，成果範例7-3-1、網頁成果7-3-1。
使用分割工具分割場景、編輯分割線：成果範例7-4、網頁成果7-4、操作錄影7-4。
增加分隔線、貼上文字、重新自動產生分隔線：成果範例7-5、網頁成果7-5、操作錄影7-5。
加分練習四：製作一個網頁含有Rollover物件，設定超連結，滑鼠滑進及按下出現不同圖案，按下連結到該網站。

第六週上課：(2008.3.25)

影像自動處理、編修移除刮痕、移除雜點、抹糊、紀錄調整、色彩轉換筆：成果範例6-0、錄影操作6-0。
Photoshop的導覽器、修復筆刷工具、汙點修復筆刷工具、修補工具的介紹：成果範例6-1、錄影操作6-1。
筆刷、噴槍及各種畫筆的使用、仿製工具定一個位置，在另一處塗抹可複製該處附近的影像：成果範例6-2、錄影操作6-2。
色彩填充工具(選取區做漸層填色，如天空漸層藍到白)、滴管取樣顏色、橡皮擦工具、文字套圖庫效果、創意光線動畫(設定參數)及儲存：成果範例6-3、錄影操作6-3。
背景設計師、取得別人網頁看程式碼、網頁程式碼架構介紹(Title、Body、Head等結構)、設定網頁背景顏色、製作一張800x600背景圖、小張背景圖儲存：成果範例6-4、錄影操作6-4。
使用小張背景圖套網頁的背景、使用色階調淡背景圖：以Yahoo部分網頁為例，以小張背景圖取代原來的顏色在Dreamweaver按F12預覽成果，成果範例6-5、錄影操作6-5。

第五週上課：(2008.3.18)

色彩取代、分布圖、臨界值、等尺寸合成(使用遮罩選另一張同尺寸的影像，做成影像重疊的效果，你儂我濃)：成果範例5-0、錄影操作5-0。
動態範圍擴大(兩張影像一樣大，但是有一張較亮，一張較暗)、後續處理精靈(作影像扶正，裁切)：成果範例5-1、成果範例5-1-1、錄影操作5-1。
選取區填滿影像、縫圖(擷取一張影像的左、右邊，再縫合)：成果範例5-2、成果範例5-2-1、錄影操作5-2。
變亮、變暗、模糊、紀錄的選取、色調調整、抹糊、彩度、變形：成果範例5-3、錄影操作5-3。
作業裡面重疊區呈現為兩張影像均有的效果：做一個選區區物件，做複製一個調小，做兩張相同大小的新影像，將大物件貼到一個檔，小物件複製經過泛藍泛綠處理後調到適當位置貼到另一個檔，這兩個檔都存檔，然後分別叫進來，使用等尺寸合成，在重疊區就會有兩張影像合成的效果：成果範例5-4、成果範例5-4-1、錄影操作5-4。
作業一：
1. 找一張你的生活照，製作一張明信片(橫或直都可以)。
2. 將照片剪成一個你想設計的形狀(如心形)，至少你的臉及身體有在裡面，然後複製兩個一樣的物件，等量縮小放在此大物件的左右兩側，最好這個設計的形狀有對稱，以增加美感。
3. 三個物件都要設陰影。
4. 中間物件正常不需調色，可以先用自動方式校正原來的影像，再做選取複製為你設計的形狀，加入羽化效果更好。
5. 左右兩個物件必須與大物件重疊，重疊區要使用遮罩合成效果(等尺寸合成)。
6. 其外圍填滿適當的色彩與主影像有調合效果。
7. 加外框，任意設計。
8. 在左下角打你的學號、姓名、2008.?.?
9. 2008.4.1日前e-mail到 hmhsieh@ms3.hinet.net，檔名：學號_home1.ufo
10. 請參考今天的操作內容：錄影操作5-1、錄影操作5-2、錄影操作5-4。

第四週上課：(2008.3.11)

到網路找幾張圖有暗的，有風景的、安裝Gif animator、複習作GIF動畫：圖4-0-1、圖4-0-2、圖4-0-3、圖4-0-4、Gif animator試用版、成果範例4-0、原始檔，錄影操作4-0。
photoimpact 8教學：
1. 載入圖片，使用套索、魔術棒選取，製作獨立物件，自動調整：錄影操作4-1。
2. 選取區陰影、樣式、色階、亮度與對比、色彩平衡：成果範例4-2，錄影操作4-2。
3. 用色階將暗圖變亮、色彩調整、色相與彩度、焦距、清晰、高亮度、反向：成果範例4-3，錄影操作4-3。
加分練習三：請找一張風景相片，利用影像處理的功能製作早晨、中午、黃昏、夜晚等四張圖，在圖上放一個房子物件，然後使用色彩平衡分別在上述四個時段做成紅色、綠色、藍色、白色，使用GIF Animator製作漸變動畫，參考成果1、成果2、原始檔。

第三週上課：(2008.3.4)

安裝Photoimpact 12、介紹功能、操作photoimpact 8 ：GIF動畫、12的ufo檔、8的ufo檔、錄影操作3-0。
photoimpact 8教學：
1. 圖層管理員開啟：簡單選取複製選取區，各別圖層處理，套用如煙火的特殊效果，成果範例3-1，錄影操作3-1。
2. 調整影像全圖、套索工具、載入另一張圖選取區域貼到另一張圖內、魔術棒工具加柔邊、選取區修改、新增選取區：成果範例3-2，錄影操作3-2。
3. 貝茲曲線選取：成果範例3-3-1、成果範例3-3-2，錄影操作3-3。
4. 新增空白影像、合併影像、固定大小擷取其他影像部分貼過來、調整順序、移動及轉動分別存共五張：1、2、3、4、5、成果範例3-4，錄影操作3-4。
5. GIF animator製作五張影像GIF動畫、內插動畫、使用Dreamweaver開新檔匯入GIF圖按F12預覽：成果範例3-5-1 、成果範例3-5-2 ，錄影操作3-5。
加分練習二：請製作一張500 pixel x 90 pixel大小的GIF動畫，底圖隨意，至少有兩個物件，其中一個做平移、其中一個作旋轉，各物件最後回到原來的位置，成果範例3-5-2。

第二週上課：(2008.2.26)

免費網頁空間：WEB SAMBA、致遠個人網頁空間(帳號：大學部u+你的學號，大三及大四94及93密碼：身分證字號、大一及大二95及96密碼：身分證後四碼)、(書上的兩個國內站都無法使用)
電算中心已完成本校教職員工生的個人網頁空間移機作業,將原網頁空間加大至教職員工每人500MB,學生每人200MB。
網站建置教學：
1. 網站首頁名稱設定：index.html、index.htm、default.html、default.htm、或這兩者副檔名為.asp、.jsp、.php、cgi等。
2. 致遠學生免費網頁空間、Dreamweaver 8的建立網站本地端基本資料：錄影操作2-0。
3. 網站遠端ftp資料建立：錄影操作2-1。
4. 規劃你的網站：請自行訂一個主題，然後將主題裡面要呈現的分頁架構決定出來，如關於我、賣什麼、技術服務、我的最愛、與我聯繫等五項，然後訂網頁英文名稱依序為：about.html、product,html、survice.html、favior.html等。
5. 介紹一些網站的架構、使用功能選單建立首頁index.thml：錄影操作2-2。
6. 連接遠端網站並上傳資料、查看網站首頁成果、產生新檔及資料夾、網站架構的設定：錄影操作2-3。
7. 各分頁建立文字資料、網站的複製轉存匯入、網路找一張圖片放到首頁、檔案同步化將更新檔案上傳：錄影操作2-4。
8. 網站雛型參考成果：網站範例
加分練習一：請將練習的成果上傳到致遠提供的免費網頁空間(容量為15M)，並開啟網頁連結，首頁要有一張圖片，其餘超連結要建立好。

第一週上課：(2008.2.19)

教學網站或資源：網站建置百寶箱、小正正教室、網頁製作資源
Web2.0：內容由網友產生並自由分類，經由網友互動之後讓內容更好以吸引更多人來看(取自Yahoo知識內容)。驗證網站：http://web2.0validator.com/

-台灣大百科全書(知識)、you tube(影音)、無名小站(相片、部落格)
- PChome的Portal 2.0頻道
開講 news20.com.tw
要做的事 friends20.com.tw
皮客公園 photo20.com.tw
個人新聞台 mypaper.pchome.com.tw
搜雲 search20.portal20.com.tw
我的樣子 page20.portal20.com.tw
- UrMap urmap.com.tw
- MyShare myshare.url.com.tw
- 雅虎奇摩知識+ tw.knowledge.yahoo.com
- MODA moda.com.tw (已關站)
- 休息一夏 qk.gokimo.com
- I'm VLOG im.tv/VLOG/
-Ipeen愛評網 ipeen.com.tw/
課程介紹：課程進度安排介紹、使用教科書及參考書。