【正文】 、安裝Fireworks并正常啟動(dòng)（系統(tǒng)要求、安裝過(guò)程）；認(rèn)識(shí)Fireworks工作界面（標(biāo)題欄、菜單欄、工具欄、視圖選項(xiàng)、畫(huà)布區(qū)域、屬性欄、面板組）；保存Fireworks文檔；普通PNG圖像和FireworksPNG圖像的區(qū)別；制作網(wǎng)站Logo（新建文檔、導(dǎo)入外部素材、素材導(dǎo)入、輸入文本、調(diào)整屬性、完成保存）；制作網(wǎng)站按鈕（新建文檔、設(shè)計(jì)制作按鈕背景、導(dǎo)入素材、設(shè)置漸變、設(shè)置文本、完成保存）；設(shè)計(jì)網(wǎng)站靜態(tài)Banner（新建文檔、制作Banner背景、設(shè)置文本、導(dǎo)入素材，制作完成）；Fireworks與Dreamweaver結(jié)合制作動(dòng)態(tài)導(dǎo)航效果講授法多媒體輔助教學(xué)法任務(wù)驅(qū)動(dòng)法筆記討論歸納90分鐘目標(biāo)檢測(cè)建立一個(gè)Fireworks新文檔有哪幾種方法？試著保存其他類(lèi)型的圖片格式，看看圖片質(zhì)量和大小有什么不同？討論法練習(xí)法分析練習(xí)改正20分鐘歸納小結(jié)本節(jié)主要講解Fireworks的基本操作以及網(wǎng)站Logo、按鈕、Banner的制作，通過(guò)系統(tǒng)、明確的學(xué)習(xí)掌握基本的操作，為下面的課程做好鋪墊歸納法思考推理判斷10分鐘課后任務(wù)說(shuō)明第7章課后習(xí)題預(yù)習(xí)第7章后面內(nèi)容筆記5分鐘教學(xué)自評(píng)新疆天山職業(yè)技術(shù)學(xué)院課程教案首頁(yè)課程名稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)與制作授課時(shí)間授課班級(jí)15W計(jì)信、15Z計(jì)信授課序次第十周 第 10 次課授課題目第7章 補(bǔ)充內(nèi)容學(xué)時(shí)數(shù)80授課類(lèi)型R理論課 R實(shí)訓(xùn)課 163。一體課 163。其他周學(xué)時(shí)數(shù)3+2學(xué)習(xí)（教學(xué)）標(biāo)準(zhǔn)（知識(shí)、能力、素質(zhì)）知識(shí)目標(biāo)：使用Fireworks制作圖形、圖像與文字基本圖像的編輯掌握創(chuàng)建圖像的編輯過(guò)程能力目標(biāo)：會(huì)使使用Fireworks制作圖形、圖像與文字素質(zhì)目標(biāo)：培養(yǎng)學(xué)生良好的學(xué)習(xí)意識(shí)教學(xué)方法任務(wù)驅(qū)動(dòng)法、多媒體輔助教學(xué)法、演示法、討論法、練習(xí)法、歸納法教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：圖像編輯工具的介紹及操作；教學(xué)難點(diǎn)：圖像編輯工具的介紹及操作參考資料或相關(guān)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver 實(shí)用教程，丁愛(ài)萍編，北京出版社2015年7月網(wǎng)頁(yè)設(shè)計(jì)與制作，董潔編，清華大學(xué)出版社2012年8月；網(wǎng)頁(yè)設(shè)計(jì)案例教程，朱艷麗編，清華大學(xué)出版社2012年9月教學(xué)媒體多媒體教學(xué)過(guò)程課堂設(shè)計(jì)（教學(xué)內(nèi)容、過(guò)程、方法）時(shí)間分配新課導(dǎo)入—圖片和文字是如何用Fireworks軟件來(lái)實(shí)現(xiàn)的；預(yù)習(xí)考核—通過(guò)課前提問(wèn)的方式進(jìn)行考核；講授新課—掌握?qǐng)D形、圖像與文字的制作方法；目標(biāo)檢測(cè)—通過(guò)抽查學(xué)生筆記和課后作業(yè)檢測(cè)學(xué)生學(xué)習(xí)內(nèi)容；課后歸納—通過(guò)本次課程使學(xué)生初步了解網(wǎng)頁(yè)規(guī)劃設(shè)計(jì)基礎(chǔ)的相關(guān)內(nèi)容，使學(xué)生產(chǎn)生學(xué)習(xí)興趣5分鐘15分鐘90分鐘20分鐘10分鐘課后任務(wù)第7章課后習(xí)題預(yù)習(xí)第7章后面內(nèi)容教學(xué)后記新疆天山職業(yè)技術(shù)學(xué)院課程教案教學(xué)流程教學(xué)內(nèi)容與過(guò)程教學(xué)方法學(xué)生活動(dòng)時(shí)間分配新課導(dǎo)入網(wǎng)頁(yè)上傳達(dá)給人么的信息主要是圖片及文字形式，那么如何用Fireworks軟件來(lái)實(shí)現(xiàn)討論法思考5分鐘預(yù)習(xí)考核什么是矢量圖、位圖？矢量圖繪制工具的具體操作？Fireworks與PS有哪些相似和不同點(diǎn)？繪制線條通常使用哪些工具？“模糊”和“銳化”的區(qū)別有哪些？討論法回答討論15分鐘講授新課常見(jiàn)圖片格式（BMP、GIF、JPEG、PSD、PNG）；回執(zhí)基本幾何圖形（基本矢量圖形繪制工具、港幣工具、簡(jiǎn)單路徑編輯工具）；鉛筆工具（筆觸顏色、消除鋸齒、自動(dòng)擦除、不透明度、混合模式）；刷子工具（筆觸顏色、筆觸尺寸、描邊種類(lèi)、邊緣、文理、不透明度、混合模式）；橡皮擦工具（大小、邊緣、形狀、透明度）；橡皮圖章工具（大小、邊緣、按原對(duì)齊、使用整個(gè)文檔、透明度、混合模式）；紅眼消除工具（容差、強(qiáng)度）；替換顏色工具；模糊工具和銳化工具（大小、邊緣、形狀、強(qiáng)度）；減淡工具盒加深工具（大小、邊緣、形狀、范圍、陰影、高亮、中間影調(diào)、曝光）；涂抹工具（大小、邊緣、形狀、壓力、涂抹色、使用整個(gè)文檔）；1選取框工具盒橢圓選取框工具；1套索工具和多邊形套索工具；1魔術(shù)棒工具1文本創(chuàng)建講授法多媒體輔助教學(xué)法任務(wù)驅(qū)動(dòng)法筆記討論歸納90分鐘目標(biāo)檢測(cè)使用“鋼筆”工具繪制路徑并隨著路徑的形狀而改變其原先的方向和位置？舉例說(shuō)明Fireworks中“屬性”面板的作用？討論法練習(xí)法分析練習(xí)改正20分鐘歸納小結(jié)本節(jié)主要講解Fireworks中制作圖形、圖形與文字，通過(guò)系統(tǒng)、明確的學(xué)習(xí)掌握基本的操作，為下面的課程做好鋪墊歸納法思考推理判斷10分鐘課后任務(wù)說(shuō)明第7章課后習(xí)題預(yù)習(xí)第7章后面內(nèi)容筆記5分鐘教學(xué)自評(píng)新疆天山職業(yè)技術(shù)學(xué)院課程教案首頁(yè)課程名稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)與制作授課時(shí)間授課班級(jí)15W計(jì)信、15Z計(jì)信授課序次第十一周 第 11 次課授課題目第7章 補(bǔ)充內(nèi)容學(xué)時(shí)數(shù)80授課類(lèi)型R理論課 R實(shí)訓(xùn)課 163。一體課 163。其他周學(xué)時(shí)數(shù)3+2學(xué)習(xí)（教學(xué)）標(biāo)準(zhǔn)（知識(shí)、能力、素質(zhì)）知識(shí)目標(biāo)：使用Fireworks添加圖層、蒙版與濾鏡創(chuàng)建動(dòng)畫(huà)能力目標(biāo)：會(huì)使使用Fireworks制作圖形、圖像與文字素質(zhì)目標(biāo)：培養(yǎng)學(xué)生良好的學(xué)習(xí)意識(shí)教學(xué)方法任務(wù)驅(qū)動(dòng)法、多媒體輔助教學(xué)法、演示法、討論法、練習(xí)法、歸納法教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：圖像編輯工具的介紹及操作；教學(xué)難點(diǎn)：創(chuàng)建動(dòng)畫(huà)的介紹及操作參考資料或相關(guān)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver 實(shí)用教程，丁愛(ài)萍編，北京出版社2015年7月網(wǎng)頁(yè)設(shè)計(jì)與制作，董潔編，清華大學(xué)出版社2012年8月；網(wǎng)頁(yè)設(shè)計(jì)案例教程，朱艷麗編，清華大學(xué)出版社2012年9月教學(xué)媒體多媒體教學(xué)過(guò)程課堂設(shè)計(jì)（教學(xué)內(nèi)容、過(guò)程、方法）時(shí)間分配新課導(dǎo)入—在Fireworks中適當(dāng)?shù)倪\(yùn)用圖層、蒙版與濾鏡能夠產(chǎn)生預(yù)想不到的效果；預(yù)習(xí)考核—通過(guò)課前提問(wèn)的方式進(jìn)行考核；講授新課—掌握?qǐng)D形、圖像與文字的制作方法；目標(biāo)檢測(cè)—通過(guò)抽查學(xué)生筆記和課后作業(yè)檢測(cè)學(xué)生學(xué)習(xí)內(nèi)容；課后歸納—通過(guò)本次課程使學(xué)生初步了解網(wǎng)頁(yè)規(guī)劃設(shè)計(jì)基礎(chǔ)的相關(guān)內(nèi)容，使學(xué)生產(chǎn)生學(xué)習(xí)興趣5分鐘15分鐘90分鐘20分鐘10分鐘課后任務(wù)第7章課后習(xí)題預(yù)習(xí)第7章后面內(nèi)容教學(xué)后記新疆天山職業(yè)技術(shù)學(xué)院課程教案教學(xué)流程教學(xué)內(nèi)容與過(guò)程教學(xué)方法學(xué)生活動(dòng)時(shí)間分配新課導(dǎo)入網(wǎng)頁(yè)上傳達(dá)給人么的信息主要是圖片及文字形式，那么如何用Fireworks軟件來(lái)實(shí)現(xiàn)討論法思考5分鐘預(yù)習(xí)考核什么是圖層？它的作用是什么？圖層是否能夠鎖定？鎖定之后有什么變化？什么是蒙版？其作用是什么？濾鏡有什么作用？Fireworks制作動(dòng)畫(huà)的基本原理是什么？討論法回答討論15分鐘講授新課圖層（概念、作用）；“層”面板的基本操作以及快捷方式；圖層的操作（創(chuàng)建圖層、選取圖層、刪除圖層、復(fù)制圖層、鎖定圖層和對(duì)象、顯示和隱藏層及對(duì)象、共享層）；蒙版（概念、作用）；矢量蒙版（創(chuàng)建、剪切、粘貼、組合、移動(dòng)、刪除、設(shè)置可見(jiàn)性、替換、禁用）；濾鏡（概念、作用）；濾鏡的基本操作（添加、敦化、飽和度、查找邊緣、動(dòng)態(tài)濾鏡）；認(rèn)識(shí)動(dòng)畫(huà)（使用目的、保存格式）；創(chuàng)建逐幀動(dòng)畫(huà)（在“狀態(tài)”面板中點(diǎn)擊創(chuàng)建動(dòng)畫(huà)按鈕，執(zhí)行添加狀態(tài)，通過(guò)此過(guò)程中可以設(shè)置狀態(tài)數(shù)量及時(shí)限）；使用“動(dòng)畫(huà)”設(shè)置框制作動(dòng)畫(huà)（可將繪制完成的圖形對(duì)象制作成動(dòng)畫(huà)效果，在“動(dòng)畫(huà)”設(shè)置框制作動(dòng)畫(huà)操作過(guò)程時(shí)，單擊選中要制作成動(dòng)畫(huà)的圖形對(duì)象后，選擇菜單欄上的“修改”－“動(dòng)畫(huà)”“選擇動(dòng)畫(huà)”命令，彈出“動(dòng)畫(huà)”對(duì)話框）；1導(dǎo)出GIF動(dòng)畫(huà)（“文件”“圖像預(yù)覽”命令，彈出“圖像預(yù)覽”對(duì)話框“選項(xiàng)”格式選擇“GIF動(dòng)畫(huà)”“文件”選項(xiàng)卡中設(shè)置文件的大小在“動(dòng)畫(huà)”選項(xiàng)卡中，單擊“導(dǎo)出”彈出“導(dǎo)出”對(duì)話框，在其中可選擇文件存儲(chǔ)路徑并對(duì)文件命名）；講授法多媒體輔助教學(xué)法任務(wù)驅(qū)動(dòng)法筆記討論歸納90分鐘講授新課1使用“補(bǔ)間實(shí)例”功能制作運(yùn)動(dòng)下落的蘋(píng)果動(dòng)畫(huà)（導(dǎo)入“蘋(píng)果”圖像“修改”“元件”“轉(zhuǎn)化為元件”或F8彈出“轉(zhuǎn)換為元件”“圖形元件”從“文檔庫(kù)”面板中拖拽“圖形元件”建立第二個(gè)分身對(duì)象同時(shí)選中這兩個(gè)分身對(duì)象后右擊“元件”“補(bǔ)間實(shí)例”“步驟”輸入兩個(gè)分身之間過(guò)度的圖形步驟“確定”）目標(biāo)檢測(cè)舉例說(shuō)明Fireworks中“屬性”面板的作用？以“像素”為選取工具的有哪些像素？討論法練習(xí)法分析練習(xí)改正20分鐘歸納小結(jié)本節(jié)主要講解Fireworks中制作圖形、圖形與文字，通過(guò)系統(tǒng)、明確的學(xué)習(xí)掌握基本的操作，為下面的課程做好鋪墊歸納法思考推理判斷10分鐘課后任務(wù)說(shuō)明練習(xí)“補(bǔ)間實(shí)例”下落的蘋(píng)果筆記5分鐘教學(xué)自評(píng)新疆天山職業(yè)技術(shù)學(xué)院課程教案首頁(yè)課程名稱(chēng)網(wǎng)頁(yè)設(shè)計(jì)與制作授課時(shí)間授課班級(jí)15W計(jì)信、15Z計(jì)信授課序次第十二周 第12次課授課題目第7章 網(wǎng)頁(yè)圖形處理工具Fireworks 學(xué)時(shí)數(shù)80授課類(lèi)型R理論課 R實(shí)訓(xùn)課 163。一體課 163。其他周學(xué)時(shí)數(shù)3+2學(xué)習(xí)（教學(xué)）標(biāo)準(zhǔn)（知識(shí)、能力、素質(zhì)）知識(shí)目標(biāo)：掌握Fireworks工具欄中常用工具；了解圖片的多種格式并掌握?qǐng)D片的美化處理方法能力目標(biāo)：學(xué)會(huì)制作簡(jiǎn)單的網(wǎng)站Logo以及網(wǎng)站按鈕素質(zhì)目標(biāo)：培養(yǎng)學(xué)生良好的學(xué)習(xí)意識(shí)教學(xué)方法講授法、多媒體輔助教學(xué)法、討論法、練習(xí)法、歸納法教學(xué)重難點(diǎn)教學(xué)重點(diǎn)：掌握常用工具的使用方法及圖片美化處理方法教學(xué)難點(diǎn)：制作網(wǎng)站Logo以及網(wǎng)站按鈕參考資料或相關(guān)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作Dreamweaver 實(shí)用教程，丁愛(ài)萍編，北京出版社2015年7月網(wǎng)頁(yè)設(shè)計(jì)與制作，董潔編，清華大學(xué)出版社2012年8月；網(wǎng)頁(yè)設(shè)計(jì)案例教程，朱艷麗編，清華大學(xué)出版社2012年9月教學(xué)媒體多媒體教學(xué)過(guò)程課堂設(shè)計(jì)（教學(xué)內(nèi)容、過(guò)程、方法）時(shí)間分配第7章網(wǎng)頁(yè)圖形處理工具Fireworks、按鈕和靜態(tài)Banner設(shè)計(jì)制作網(wǎng)站Logo（1）新建文檔新建一個(gè)Fireworks文檔，設(shè)置參數(shù)為：寬度186，高度63，分辨率72，畫(huà)布顏色為白色。（2）導(dǎo)入外部素材單擊“文件”菜單—“導(dǎo)入”，在“導(dǎo)入”對(duì)話框中，瀏覽找到素材文件夾中“Logo素材”中的“”，單擊“打開(kāi)”按鈕，將該素材導(dǎo)入到編輯區(qū)域內(nèi)。如果素材出現(xiàn)在可編輯區(qū)域之外，只需選中它，按住鼠標(biāo)左鍵不放，拖動(dòng)到指定的位置即可。（3）素材導(dǎo)入使用同樣的方法，導(dǎo)入“Logo素材”下面的“”到工作區(qū)，并且調(diào)整到合適的位置。（4）輸入文本使用工具欄中的文本工具，在工作區(qū)輸入公司名稱(chēng)和網(wǎng)址：“葉行”科技公司、調(diào)整到合適的位置。（5）調(diào)整屬性①選中“葉行科技公司”文本，在文本屬性面板中，對(duì)輸入的文本進(jìn)行美化處理，包括字體、顏色、投影等效果②同樣，在文本屬性面板中面對(duì)輸入的文本進(jìn)行美化處理③雙擊文本，按住鼠標(biāo)左鍵不放分別選擇不同的文本并設(shè)置為不同的顏色，其中“葉行”顏色為“FF6600”，“科技公司”顏色為“41A622”,英文“YEXING”顏色為“CC0000”④添加Photoshop動(dòng)態(tài)效果，可以讓文本更具動(dòng)感。單擊文本屬性欄中“濾鏡”旁邊的加號(hào)，在彈出菜單中選擇“Photoshop動(dòng)態(tài)效果”，在彈出的Photoshop動(dòng)態(tài)效果對(duì)話框中選中“陰影”效果，并設(shè)置右邊“陰影效果”屬性值（6）完成保存至此，Logo制作完成，點(diǎn)擊保存為可編輯Fireworks png格式，以備下次修改使用。制作網(wǎng)站按鈕（1）新建文檔新建一個(gè)Fireworks文檔，設(shè)置參數(shù)為：寬度180，高度226，分辨率72，畫(huà)布顏色為白色。（2）設(shè)計(jì)制作按鈕背景①單擊工具欄中的“矩形工具”，在彈出的列表菜單選擇“圓角矩形”工具。②此時(shí)在工具區(qū)會(huì)出現(xiàn)一個(gè)十字型圖標(biāo)，按住鼠標(biāo)左鍵不放，在工具區(qū)拖動(dòng)畫(huà)出一個(gè)圓角矩形，選中它并調(diào)整它的大小、坐標(biāo)以及顏色。③在屬面板中，對(duì)圓角矩形進(jìn)行設(shè)置④選中圓角矩形，按住組合鍵“Ctrl+C，然后再按住“Ctrl+V”鍵，完成復(fù)制粘貼過(guò)程。緊接著用鍵盤(pán)上的上下左右鍵調(diào)整新圓角矩形的坐標(biāo)位置（X：15，Y：81）。⑤同樣，再?兩個(gè)圓角矩形出來(lái)，調(diào)整好他們到合適的位置⑥按住“Shift”鍵不放，依次選中4個(gè)圓角矩形，并設(shè)置它們的屬性。（3）導(dǎo)入素材①單擊工作區(qū)空白區(qū)域，取消選擇②把“素材文件夾”下“按