謝慧民的網站 > 課程網站 > 首頁 >致遠多媒體_謝慧民_97_1_多媒體製作
第十八週期末考：(2009.1.13)
- 慈幼電二禮：2009.1.8
- 預計2009.1.20公佈成績。
- 學期總成績：電二禮
- 進資管三A：
2009.1.13
- 預計2009.1.20公佈成績。
- 學期成績：進資管三A
- 作業一未交學號後三碼：764, 773, 775, 701, 704, 706(2009.1.20整理)
- 考試時間：2009.1.13 PM 6:30-9:00(即上課時間)
- 考試地點：TA309教室(即上課教室)
- 考試不用自己架站，期末考在學校考，期末考以學校排定時間考試，內容做網頁及Flash，題目考試時間給，考試時間作完現場交，完成的先交，沒做完回家做完再補交(最慢2009年1月18日，繳交到hmhsieh@ms3.hinet.net)，使用教室網路芳鄰交期末考成果，將所有成果壓縮成你的學號.rar檔案，再貼到"Ta309-0-0/多媒體製作期末考/"目錄裡面。
- 期末考未到考學號後三碼：706
第十七週上課：(2009.1.6、2009.1.8)
- 慈幼電二禮：2009.1.8
- 說明前次期末考的內容、下載上次的成果、打開Flash增加一個960X100的文件存檔：螢幕操作錄影e17-0。
- 匯入上次的GIF動畫到元件庫、將GIF圖拉到舞台調整位置：螢幕操作錄影e17-1。
- 到網路找一張喜愛造型的圖片、新增元件為圖片將造型圖片拉入，用繪圖工具調整顏色繪圖臉部：螢幕操作錄影e17-2、螢幕操作錄影e17-3。
- 加入一個圖層，第一個影格放入文字元件，第40個影格設為關鍵影格，關鍵影格處刪除文字加入圖形元件，全部打散切換到圖層，在屬性欄選形狀漸變，出現實線箭頭完成動畫，切換到第一圖層在40影格處加入關健影格：範例e17-4，成果e17-4，螢幕操作錄影e17-4。
- 練習：製作一個960X100的Flash動畫，底圖動畫加入上次的GIF動畫成果，上層加入你的姓名變為喜愛圖形的形狀漸變動畫 。
- 進資管三A：
2009.1.6
- 作業一未交學號後三碼：017, 028, 029, 764, 773, 775, 701, 704, 706(2009.1.7整理)
- windows XP架網站的兩種方法：第一種使用IIS，第二種使用Appserv套餐，螢幕操作錄影17-0，螢幕操作錄影17-1。
- 使用Flash製做按鈕元件：新增按鈕圖像，使用橢圓形畫出按鈕，中間用漸層，然後再製幾個圖像改按鈕色系，新增會動按鈕的按鈕元件，在四格裡面插入關健影格，每一個影格留一個圖像，在場景裏面拉入會動按鈕，螢幕操作錄影17-2。
- 在場景裏按鈕實體物件按右鍵選動作，輸入程式：on(press){getURL("http://www.hmhsieh.idv.tw/","_blank","get");
}，範例17-3，成果17-3，螢幕操作錄影17-3。
- 加入圖片當背景，動畫檔轉為影片片段元件，從另一個按鈕檔匯入這個元件當背景，組合成另一個Flash動畫，全選作輸出為影片，會看到舞台外的所有物件：範例17-4，成果17-4，螢幕操作錄影17-4。
- 發布Flash動畫：檔案選發佈，則會產生兩個檔，一個是.html，另一個為.swf動畫檔，執行.html檔可以看到只有舞台部份的動畫，不會看到全部的東西，範例17-5，成果17-5，螢幕操作錄影17-5。
- 加分練習十五：製作一個會變色的按鈕，按下去開啟網頁連結到一個網站 。
- 期末考內容：製作首頁有分區塊的功能，標題、Banner、功能及連結圖片自行設計(例如你的自行車旅遊網站)，首頁中間上方的動畫改為Flash動畫，另外再製作一個前導頁連接這個首頁，將首頁檔名改為"你的學號.html"，前導頁檔名改為"index.html"，前導頁的Flash動畫裡面要設定一個按鈕連結首頁。
第十六週上課：(2008.12.30)
第十五週上課：(2008.12.23)
- 慈幼電二禮：
12/25日放假
- 進資管三A：
2008.12.23
- Flash製作磁碟片、開新文件960X120、放大縮小操作、舞台內加入磁片的外形：螢幕操作錄影15-0。
- 匯入元件庫、載入圖片、開始描繪裡面的物件、導角：範例15-1、螢幕操作錄影15-1。
- 增加標籤貼紙的線、描繪外框、存檔：螢幕操作錄影15-2。
- 刪除場景內的磁片物件、重製磁片製作黃、綠、藍、橘、紅五種顏色的元件、將每個磁片物件拉進場景排列、存檔：螢幕操作錄影15-3。
- 開新檔案、匯入開啟元件庫將剛剛的檔案元件庫載入、拉入一個磁片元件、二十格的地方插入關鍵影格、選取全部在屬性視窗做補間動畫為移動、調整開始的元件到左上方、轉動：動畫15-4、範例15-4，螢幕操作錄影15-4。
- 加分練習十三：製作一張磁片由左上角旋轉飛入中央停止。
- 期末考內容：製作首頁有分區塊的功能，標題、Banner、功能及連結圖片自行設計(例如你的自行車旅遊網站)，首頁中間上方的動畫改為Flash動畫，另外再製作一個前導頁連接這個首頁，將首頁檔名改為"你的學號.html"，前導頁檔名改為"index.html"，前導頁的Flash動畫裡面要設定一個按鈕連結首頁。
第十四週上課：(2008.12.16、2008.12.18)
- 慈幼電二禮：
2008.12.18
- 今天考期末考：請跟著我操作。
- 定義網站：網站名稱為你的座號，新增資料夾當你的網站目錄為你的座號，影像的目錄是在網站目錄裡再加入"images"目錄，增加一個首頁index.htm。
- 開啟PhotoImpact，開啟960X100的白色底圖，使用文字工具打入「你的姓名的網站」，自的大小設為96點，螢幕操作錄影e14-0。
- 從資料庫影像拉進來一些物件，右鍵一到下一層放大縮小調整好，選取底圖做漸層，存檔為.UFO，螢幕操作錄影e14-1。
- 物件調整讓邊緣模糊、透明度的設定讓banner較多變化，存檔為14_1.jpg，選擇圖庫的文字樣式套到文字，存為不同圖樣的三個.jpg檔案，螢幕操作錄影e14-2。
- 用Gif Animator，使用動畫精靈，設定尺寸，新增影像，調整順序，調整速度，動畫預覽，另存.Gif檔，螢幕操作錄影e14-3。
- 在index.htm插入表格，3列2欄，像素為960，做相關的儲存格合併，第三列打入「版權所有©2008 謝慧民」(用你的姓名)，改顏色置中，第一欄插入影像為剛剛完成的GIF檔，全部存檔，螢幕操作錄影e14-4。
- 使用PhotoImpact製作按鈕列，打入「你的名字的窩」、「名字最後字的故事」、「名字最後字的連結」、「聯絡我」等四個按鈕匯出成四個jpg的檔案存在images裡，到index.htm在按鈕區儲存格加入這四個按鈕，螢幕操作錄影e14-5。
- 你的名字的窩拉到index.htm連結，加入兩個新的網頁為story.htm及link.htm，連結設給中間兩個按鈕，最後一個按鈕連結設定為「mailto:hmhsieh@dwu.edu.tw」，左側及中間儲存格的垂直向上對齊，螢幕操作錄影e14-6。
- 在index.htm製作樣板，設定可編輯區域為中間格，link.htm及story.htm打入一些屬於你自己的文字再套用樣板，全部存檔，則完成了期末考作品，製作範例如範例e14-7。
- 進資管三A：
2008.12.16
- 製作樣板網頁的表格排版、加入Banner、準備一般按鈕、Flash按鈕擺到左邊儲存格按鈕區、版權所有宣告：螢幕操作錄影14-0。
- 新增製作樣板、中間可編輯區設定、按鈕區也可以新增編輯區、製作company.htm加入致遠的介紹、製作product.htm加入校歌的圖片、製作一個index.htm加入兩頁的超連結：螢幕操作錄影14-1。
- 修改template檔案內容、全部儲存套用更新：螢幕操作錄影14-2。
- 在Banner下方加入導覽列、利用上次上課的按鈕設定滑鼠動作相對應的圖片、插入分隔線：螢幕操作錄影14-3。
- Appserv的安裝：簡單的架站包，打入127.0.0.1，可以看到網站是否有運作，螢幕操作錄影14-4。
- 加分練習十二：製作樣板構成的首頁及超連結，製作範例如範例14-5。
第十三週上課：(2008.12.9、2008.12.11)
- 慈幼電二禮：
2008.12.11
- 檢討筆試試題、第二次段考補考。
- 進資管三A：
2008.12.9
- 上網找按鈕圖片、使用PhotoImpact製作文字加入作成三個按鈕(文字為致遠、資管、聯絡我)、製作top.htm及left.htm、fire.htm加入相關的圖片(中間為fire.htm)：螢幕操作錄影13-0。
- 插入圖層、選fire.htm增加頁框組、將相關的視窗設定進頁框組位置、調整頁框邊界：螢幕操作錄影13-1。
- 在top的圖片上設定地圖超連結、設定上方各處超連結、設定左邊按鈕超連結(開啟新頁、放入中間頁)：螢幕操作錄影13-2。
- 插入Flash按鈕、Flash文字(超連結有些問題)、製作樣板、設定可編輯區域、套用樣板：螢幕操作錄影13-3。
- 加分練習十一：製作頁框組成果，製作範例如範例13-4。
- 期末作業(期末考前交)：製作類似範例11-4的功能，標題、Banner、功能及連結圖片自行設計(例如你的自行車旅遊網站)，首頁中間上方的動畫改為Flash動畫，另外再製作一個前導頁連接這個首頁，將首頁檔名改為"你的學號.html"，前導頁檔名改為"index.html"，前導頁的Flash動畫裡面要設定一個按鈕連結首頁。
第十二週上課：(2008.12.2、2008.12.4)
第十一週上課：(2008.11.25、2008.11.27)
- 慈幼電二禮：
2008.11.27
- 複習第二次段考的筆試內容：多媒體投影片。
- 使用Frame建構首頁：先建立一個新網站，設定好images目錄，在版面功能的工具列按"上及左巢狀頁框"，接著存頁框組名稱為index.htm。
- 另存其他頁面：接著再按全部儲存，分別依照編輯區粗線區域位置設定為left_frame.htm、top_frame.htm、middle_frame.htm。
- 各頁面放入相關資料：到photoImpact製作一個banner，標題打上姓名座號，製作四個按鈕列分別儲存標題為公司簡介、產品介紹、與我聯絡、Demo等，到top_frame.htm放入Banner圖片，到left_frame.htm放入四個按鈕、在middle_frame.htm任意貼上一些文字。
- 製作按鈕超連結將連結網頁至於middle_frame.htm的mainframe區域：第一個按鈕超連結請用慈幼網頁，設定目標為mainframe即可。
- 課堂練習：以Frame頁框製作首頁，至少完成第一個按鈕的超連結設定，製作範例如範例e11-0。
- 進資管三A：
2008.11.25
- 複製第十次上課網站到你的工作目錄、設定網站、增加表單練習功能、複製index.html的程式碼貼到空白網頁：螢幕操作錄影11-0。
- 插入空白字元、找不同的內容置換相關網頁中間的內容：螢幕操作錄影11-1。
- 更改表單練習的超連結為Form.html、選擇功能區的表格複製貼到不同網頁的對應位置全部儲存：螢幕操作錄影11-2。
- 插入表單、表單內插入表格適當合併儲存格、放入相關的文字及表單物件：選擇整個表單動作欄輸入"mailto:hmhsieh@dwu.edu.tw"、編碼輸入"text/plain"，螢幕操作錄影11-3。
- 加分練習九(下星期繼續做完)：製作完整網頁連結，要有表單按確定可以將資料送出，製作範例如範例11-4。
第十週上課：(2008.11.18、2008.11.20)
- 慈幼電二禮：
2008.11.20
- 複製index.htm增加幾個連結網頁，置換中間的內容：螢幕操作錄影e10-0。
- 標籤介紹、增加左側項目為七個修改高度為280打入表格練習及與我聯絡、複製左側表格內容更換到相關檔案內容：螢幕操作錄影e10-1。
- 切換程式碼及設計、程式碼標籤語言的解說、以程式碼複製取代空白網頁內容、插入表單、表單內插入4欄6列的表格、合併表格：螢幕操作錄影e10-2。
- 表格內打入適當的文字(姓名、電話、email等)、插入表單物件設定寬度及屬性、選擇整個表單動作欄輸入"mailto:hmhsieh@dwu.edu.tw"、編碼輸入"text/plain"：螢幕操作錄影e10-3。
- 課堂練習：製作完整網頁連結，要有表單按確定可以將資料送出，製作範例如範例e10-4。
- email內容：姓名=至jkbnijn
radiobutton=radiobutton
電話=35325
地址=3535325
e-mail=hmhsieh@dwu.edu.tw
連絡事項=35432543
備註=efrfrf
Submit=確定
- 進資管三A：
2008.11.18
- 發期中考卷，檢討筆試題目。
- 使用表格製作首頁排版：使用Dreamweaver定義網站複習、新增首頁index.html、加入一個一欄一列的表格，寬度設為960，再插加入四列一欄的表格，第一列加入日期時間、分割第一列成兩欄，右方欄加入加入設為首頁，螢幕操作錄影10-0。
- 增加表格內容：第二列插入致遠的Logo及Banner，第四列加入版權所有的資料，使用shift-enter調整行距並置中，第三列插入兩列三欄的表格，第三列插入表格三欄兩列，其中左邊兩列合併，右邊兩列合併，右邊加入一些廣告圖片調整為適當大小，螢幕操作錄影10-1。
- 製作完整首頁：找一個會動的橫幅，複製貼到本地網站images目錄裡面，中間上方插入橫幅動畫，下方隨便找一些文字來貼並插入一張圖靠右對齊，左邊儲存格插入五列一欄的表格，每一個格子打入四個字的文字(如公司簡介、產品介紹、支援服務等)，再設定各區塊的背景顏色或底色，螢幕操作錄影10-2。
- 加分練習八：製作完整網頁，圖及文字自行上網路尋找，製作範例如範例10-3。
第九週上課：(2008.11.11、2008.11.13)
- 慈幼電二禮：
2008.11.13
- 使用Dreamweaver定義網站複習、轉存及匯入：螢幕操作錄影e9-0。
- 新增首頁index.htm及加入四列一欄的表格：第一列加入日期時間、分割第一列成兩欄，右方欄加入加入我的最愛文字，到你的學校網站複製版權宣告，加入到第四列，使用shift-enter調整行距並置中，螢幕操作錄影e9-1。
- 表格製作練習：新增一個網頁，插入表格，調整屬性功能，打入文字，插入圖片，並在index.htm的第二列加入"表格練習"文字並做與這一頁的超連結設定，螢幕操作錄影e9-2、螢幕操作錄影e9-3。
- 製作完整首頁：找一個會動的橫幅，複製貼到本地網站images目錄裡面，第二列插入慈幼的Logo及Banner，第三列插入表格三欄兩列，其中左邊兩列合併，右邊兩列合併，中間上方插入橫幅動畫，下方隨便找一些文字來貼，左邊儲存格插入五列一欄的表格，每一個格子打入四個字的文字(如公司簡介、產品介紹、支援服務等)，右方格插入廣告圖片多個，再設定各區塊的背景顏色或底色，螢幕操作錄影e9-4。
- 課堂練習：製作完整網頁，圖及文字自行上網路尋找，製作範例如範例e9-5。
- 進資管三A：2008.11.11
- 期中考：60%為上機考題目有三題，基本上檔案要有你的學號姓名、使用網路方連繳交，40%為筆試考第一次上課投影片內容。
第八週上課：(2008.11.4、2008.11.6)
- 慈幼電二禮：
2008.11.6
- 使用Dreamweaver定義網站、新增新網頁、網站地圖製作超連結：螢幕操作錄影e8-0。
- 製作漸層背景及到網路找背景設定於網頁：螢幕操作錄影e8-1。
- 背景顏色變淡、Shift-Enter換行、一頁裏面加入文字及圖靠右對齊：螢幕操作錄影e8-2。
- 課堂練習：做四個網頁，其中一個是首頁index.htm，其他三個分別為product.htm、company.htm、contract.htm，以網站地圖製作超連結，在首頁加入Banner，在其中一頁加入文字排版放大縮小、在第一行文字前面插入圖片，設定為靠右對齊，最上方也加入Banner，製作範例如範例e8-3。
- 進資管三A：2008.11.4
- 本地端網站設定複習、另一種新增首頁網頁及網站地圖檔案連結的設定：螢幕操作錄影8-0。
- 期中考：60%為上機考題目有三題，基本上檔案要有你的學號姓名、使用網路方連繳交，40%為筆試考第一次上課投影片內容。
- 複習投影片：多媒體投影片。
- 文字加入網頁及排版、文字屬性對話視窗操作、加入背景：螢幕操作錄影8-1。
- 文字間加入分隔線、插入圖片設為靠右對齊、加入自製的背景：螢幕操作錄影8-2。
- 加分練習七：製作首頁加入一些文字調大小，中間加分隔線，插入圖片置於文字的右側，成果如範例8-3。
第七週上課：(2008.10.28、2008.10.30)
第六週上課：(2008.10.21、2008.10.23)
- 慈幼電二禮：
2008.10.23
- 期中考筆試複習：多媒體投影片，不公佈答案，第二次段考再考一次。
- 期中考上機第三題操作：首先開啟第二題的成果，將其中一部汽車複製拖拉到S形道路起點，依序移動位置並適當做水平翻轉、旋轉及放大縮小，讓車子在道路上，直到終點，各階段均存檔為GIF格式(1,2,3,4,5,6,7,8)，使用GIF Animator製作GIF動畫並輸出為GIF格式，螢幕操作錄影e6-0。
- 局部編修工具：調亮、調暗、模糊、清晰、色彩調整、抹糊、彩度、變形、硬毛塗糊、移除刮痕、移除雜點、色彩轉換筆、彩色筆等，到網路找一張道路圖，載入後做上面的操作，如範例e6-2。
- 課堂練習：利用上面練習成果當底圖，在右下角打上你的姓名座號大約48點字，合併於底圖後做變形、硬毛塗糊，然後用仿製畫筆設定一個目標物，在姓的上方塗抹那個目標物出來。
- 進資管三A：2008.10.21
- 局部編修工具：調亮、調暗、模糊、清晰、色彩調整、抹糊、彩度，到網路找一張道路圖，載入後做上面的操作，範例6-0、螢幕操作錄影6-0。
- 局部編修工具：變形、硬毛塗糊、移除刮痕、移除雜點、色彩轉換筆、彩色筆，粉筆，作業一的山，如範例6-1、螢幕操作錄影6-1。
- 作業一的操作：範例6-2、螢幕操作錄影6-2。
- 神奇橡皮擦，房子複製水平翻轉排列，仿製畫筆：如範例6-3、範例6-4、螢幕操作錄影6-3。
- 加分練習五：找一張貓咪的圖，複製貓咪做水平翻轉，放到另一邊，然後用仿製畫筆在上方畫出多隻重疊的貓咪，成果如範例6-5。
第五週上課：(2008.10.14、2008.10.16)
第四週上課：(2008.10.7、2008.10.9)
第三週上課：(2008.9.30、2008.10.2)
第二週上課：(2008.9.23、2008.9.25)
第一週上課：(2008.9.16、2008.9.18)
- 慈幼電二禮：
2008.9.18
- 進資管三A：
2008.9.16
第0週上課：(2008.9.11)
- 慈幼電二禮：
2008.9.11
- 自我介紹及多媒體投影片。
- 成績計算：第一次段考20%(筆試)、第二次段考20%及期末考20%、課堂練習共40%(上機)
版權所有©2008 謝慧民
