《網(wǎng)頁(yè)美工設(shè)計(jì)》教案[材料應(yīng)用]

1、網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)Dreamweaver軟件介紹及其基礎(chǔ)操作教學(xué)目標(biāo)1) 使學(xué)生了解網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)基礎(chǔ)知識(shí)；2) 使學(xué)生熟悉Dreamweaver軟件界面的基本操作方法。重點(diǎn)難點(diǎn)1) 了解網(wǎng)頁(yè)設(shè)計(jì)相關(guān)概念和網(wǎng)頁(yè)的類型；2) 熟練掌握Dreamweaver軟件創(chuàng)建和管理站點(diǎn)的方法。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)一、 引入1、 相互認(rèn)識(shí)，提出與本學(xué)科相關(guān)的知識(shí)，介紹本門(mén)課程情況、教學(xué)內(nèi)容及總學(xué)時(shí)數(shù)進(jìn)度安排，宣講本課程教學(xué)紀(jì)律，鼓勵(lì)學(xué)生營(yíng)造一種學(xué)習(xí)氛圍，尊重同學(xué)，互幫互學(xué)，

2、真正達(dá)到學(xué)以致用；2、 提出問(wèn)題：上過(guò)網(wǎng)吧？有誰(shuí)自學(xué)過(guò)網(wǎng)頁(yè)設(shè)計(jì)？聽(tīng)說(shuō)過(guò)網(wǎng)頁(yè)設(shè)計(jì)三劍客嗎？二、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是網(wǎng)頁(yè)設(shè)計(jì)相關(guān)基礎(chǔ)知識(shí)和Dreamweaver軟件基礎(chǔ)操作；三、 逐步演示講解分析教學(xué)內(nèi)容1、 網(wǎng)站和網(wǎng)頁(yè)的區(qū)別：（1）網(wǎng)頁(yè)是Internet基本元素；（2）網(wǎng)站由網(wǎng)頁(yè)組成；2、 靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)：靜態(tài)網(wǎng)頁(yè)：純粹HTML語(yǔ)言格式的網(wǎng)頁(yè)通常被稱為靜態(tài)網(wǎng)頁(yè)，靜態(tài)網(wǎng)頁(yè)的后綴名通常為.htm、.html、.shtml、.xml。動(dòng)態(tài)網(wǎng)頁(yè)：許多人認(rèn)為網(wǎng)頁(yè)會(huì)動(dòng)就是動(dòng)態(tài)網(wǎng)頁(yè)，這是個(gè)錯(cuò)誤的觀點(diǎn)，在靜態(tài)的網(wǎng)頁(yè)中也可以含有動(dòng)態(tài)的圖片，這僅僅是視覺(jué)上的動(dòng)態(tài)罷了。真正的動(dòng)態(tài)網(wǎng)頁(yè)是指實(shí)際

3、上并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁(yè)文件，只有當(dāng)用戶請(qǐng)求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁(yè)。也就是說(shuō)，它是返回到了客戶端上的網(wǎng)頁(yè)。例如網(wǎng)頁(yè)文件是以ASP、PHP、JSP、ASPX為結(jié)尾就是動(dòng)態(tài)的網(wǎng)頁(yè)了。靜態(tài)網(wǎng)頁(yè)的特點(diǎn)：（1）內(nèi)容相對(duì)穩(wěn)定，容易被搜索引擎檢索到；（2）沒(méi)有數(shù)據(jù)庫(kù)支持，在網(wǎng)站制作和維護(hù)方面工作量大；（3）交互性差，在功能方面有很大的限制。動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)：（1）以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)，可大大降低網(wǎng)站維護(hù)的工作量；（2）可實(shí)現(xiàn)更多的功能，如用戶注冊(cè)、新聞發(fā)布、在線留言等；（3）不利于使用搜索引擎進(jìn)行網(wǎng)站推廣。3、 常見(jiàn)網(wǎng)頁(yè)類型：形象頁(yè)、主頁(yè)、欄目頁(yè)、內(nèi)頁(yè)、新聞詳細(xì)頁(yè)等；4、 網(wǎng)頁(yè)設(shè)計(jì)原則：（1）了解

4、客戶需求（2）遵循Web標(biāo)準(zhǔn)（3）運(yùn)用形式美法則5、 網(wǎng)頁(yè)設(shè)計(jì)流程：（1）手繪效果圖：確定網(wǎng)頁(yè)主題內(nèi)容和風(fēng)格（2）設(shè)計(jì)效果圖：搜集、整合設(shè)計(jì)所需素材（3）版面編輯：網(wǎng)頁(yè)的制作與實(shí)現(xiàn)（4）網(wǎng)頁(yè)美化：動(dòng)畫(huà)設(shè)計(jì)，網(wǎng)頁(yè)測(cè)試和發(fā)布6、 網(wǎng)頁(yè)設(shè)計(jì)的主要軟件：（1）Photoshop（2）Dweamveawer（3）Flash（4）Firworks7、 Dreamweaver軟件界面介紹：（1）軟件面板組成及基本操作方法（2）軟件參數(shù)設(shè)置8、 Dreamweaver站點(diǎn)創(chuàng)建：站點(diǎn) - 新建站點(diǎn) - 設(shè)置站點(diǎn)名稱 - 設(shè)置站點(diǎn)默認(rèn)圖像文件夾。9、 學(xué)生實(shí)訓(xùn)操作：Dreamweaver站點(diǎn)創(chuàng)建與設(shè)置10、 Dr

5、eamweaver創(chuàng)建第一個(gè)網(wǎng)頁(yè)：（1) 名稱：index.html（2) 設(shè)置標(biāo)題、輸入文本、輸入特殊字符（3）頁(yè)面屬性設(shè)置（4）預(yù)覽網(wǎng)頁(yè)四、 學(xué)生實(shí)訓(xùn)及輔導(dǎo)；創(chuàng)建第一個(gè)網(wǎng)頁(yè)。五、 課堂小結(jié)本次課主要內(nèi)容：1、網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)；2、Dreamweaver基本使用方法；3、Dreamweaver創(chuàng)建第一個(gè)網(wǎng)頁(yè)；約10分鐘約5分鐘約25分鐘約10分鐘約6分鐘約6分鐘約4分鐘約8分鐘約12分鐘約20分鐘約50分鐘約40分鐘約4分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容Dreamweaver表格操作；CSS樣式表應(yīng)用。教學(xué)目標(biāo)1) 掌握D

6、reamweaver中表格的設(shè)計(jì)方法；2) CSS樣式表的使用方法和技巧。重點(diǎn)難點(diǎn)1) 熟練掌握Dreamweaver中表格的基本操作方法；2) 了解網(wǎng)頁(yè)設(shè)計(jì)中CSS樣式表的作用和設(shè)置方法。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)一、 引入1、 回顧上次課所學(xué)習(xí)的內(nèi)容：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)理論知識(shí)，Dreamweaver軟件使用初步；2、 提出問(wèn)題：對(duì)Word中表格操作還熟練嗎？CSS是什么？如何設(shè)置網(wǎng)頁(yè)中各種元素的顯示效果？二、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是Dreamweaver中表格的使用和Dreamweaver創(chuàng)建CSS樣式表；三、

7、 逐步演示講解分析教學(xué)內(nèi)容1、 網(wǎng)頁(yè)中表格的作用：（1）內(nèi)容組織和定位；（2）網(wǎng)頁(yè)排版；2、 表格布局和Div布局區(qū)別：各有優(yōu)勢(shì)。表格：簡(jiǎn)單，好用，學(xué)起來(lái)很容易上手。各種瀏覽器都支持！基本上不會(huì)變形。但是代碼冗余較多，維護(hù)起來(lái)也不怎么方便。 DIV+CSS優(yōu)點(diǎn)：代碼冗余小，所以網(wǎng)站打開(kāi)速度快一些。維護(hù)起來(lái)非常方便。但是要兼容IE6 IE7 火狐等瀏覽器的話，開(kāi)始學(xué)就會(huì)很頭疼這個(gè)問(wèn)題的。往往在IE6里面看著整個(gè)網(wǎng)頁(yè)是好的，但是到了IE7或者火狐里面就全亂了。推薦：用div做框架，table用來(lái)儲(chǔ)存數(shù)據(jù)。3、 Dreamweaver中表格的基本操作：（1）表格和單元格的選擇及屬性設(shè)置；（2）行和列

8、的添加和刪除；（3）單元格的合并和拆分；（4）表格的嵌套；4、 實(shí)例演示講解：使用表格制作一像素細(xì)線；操作步驟：（1)插入1行1列表格；（2)設(shè)置單元格背景顏色；（3)設(shè)置單元格高度為1；（4)轉(zhuǎn)到代碼視圖；（5)把單元格中的 刪除。5、 輔導(dǎo)學(xué)生實(shí)訓(xùn)操作；6、 Dreamweaver中CSS樣式表的使用：（1）CSS樣式表文件的創(chuàng)建；（2）創(chuàng)建CSS樣式：網(wǎng)頁(yè)鏈接樣式2；（3）創(chuàng)建CSS樣式：網(wǎng)頁(yè)凹下鏈接樣式；（4）創(chuàng)建CSS樣式：類鏈接樣式；（5）創(chuàng)建CSS樣式：濾鏡樣式。7、 輔導(dǎo)學(xué)生進(jìn)行CSS樣式實(shí)訓(xùn)操作；8、 案例演示講解：個(gè)人主頁(yè)首頁(yè)布局設(shè)計(jì)（1）創(chuàng)建網(wǎng)頁(yè)；（2）設(shè)置網(wǎng)頁(yè)

9、屬性；（3）使用表格布局網(wǎng)頁(yè)（上中下型）；（4) 使用Photoshop制作頁(yè)面頭部Banner圖片；（5）制作導(dǎo)航欄漸變背景圖片；（6）制作頁(yè)面主體（左側(cè)公告跑馬燈效果和友情鏈接，右側(cè)資訊速遞及圖片列表）；（7）頁(yè)面底部設(shè)計(jì)。四、 布置并輔導(dǎo)學(xué)生完成課堂作業(yè)；五、 課堂小結(jié)本次課主要內(nèi)容：1、Dreamweaver網(wǎng)頁(yè)表格基本使用方法；2、Dreamweaver創(chuàng)建CSS樣式；約4分鐘約6分鐘約30分鐘約10分鐘約15分鐘約35分鐘約15分鐘約40分鐘約40分鐘約5分鐘學(xué)生理解學(xué)生思考學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)：

10、章節(jié)內(nèi)容Dreamweaver中圖像的使用；網(wǎng)頁(yè)字體設(shè)計(jì)；表單設(shè)計(jì)制作。教學(xué)目標(biāo)3) 掌握Dreamweaver中圖形圖像的使用和屬性設(shè)置方法；4) 掌握網(wǎng)頁(yè)表單的設(shè)計(jì)技巧。重點(diǎn)難點(diǎn)3) 熟練掌握Dreamweaver中圖像熱點(diǎn)鏈接的創(chuàng)建方法；4) 掌握用戶注冊(cè)表單的設(shè)計(jì)方法和技巧。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)六、 引入3、 回顧上次課所學(xué)習(xí)的內(nèi)容：Dreamweaver表格的使用和屬性設(shè)置，Dreamweaver中創(chuàng)建CSS的方法；4、 點(diǎn)評(píng)上周作業(yè)；5、 提出問(wèn)題：什么是熱點(diǎn)鏈接？網(wǎng)站的注冊(cè)頁(yè)面是如何制作的？七、 告知學(xué)生課堂

11、任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是Dreamweaver中圖像的使用和網(wǎng)頁(yè)表單的設(shè)計(jì)；八、 逐步演示講解分析教學(xué)內(nèi)容9、 網(wǎng)頁(yè)中支持的圖像格式：jpg、gif、gif動(dòng)畫(huà)、bmp、png10、 網(wǎng)頁(yè)中圖像使用原則：（1）盡量小，對(duì)較大的圖片文件進(jìn)行適當(dāng)?shù)膲嚎s和切割；（2）應(yīng)該挑選與網(wǎng)站主題有關(guān)聯(lián)性的圖片；（3）對(duì)于網(wǎng)站的標(biāo)志圖片,主體應(yīng)該清晰可見(jiàn),圖形的含義最好簡(jiǎn)單明了,圖片內(nèi)所含的文字應(yīng)該清楚且容易辨認(rèn)；（4）背景圖片只是用來(lái)襯托圖片主題的,切忌過(guò)于花哨；（5）圖片顏色應(yīng)該與頁(yè)面整體配色協(xié)調(diào)。11、 Dreamweaver中圖像的使用：（1）插入圖像；（2）設(shè)置圖像屬性；（3）添加圖像熱點(diǎn)鏈接。1

12、2、 輔導(dǎo)學(xué)生實(shí)訓(xùn)操作；13、 實(shí)例演示：Dreamweaver中變換圖像的創(chuàng)建方法-創(chuàng)建導(dǎo)航條。14、 輔導(dǎo)學(xué)生完成實(shí)例實(shí)訓(xùn)操作；15、 網(wǎng)頁(yè)字體設(shè)計(jì)：（1）文字樣式；（2）大??；（3）顏色（4）其它屬性。16、 實(shí)例講解：內(nèi)容詳細(xì)頁(yè)的創(chuàng)建。17、 輔導(dǎo)學(xué)生完成實(shí)例實(shí)訓(xùn)操作；18、 Dreamweaver中網(wǎng)頁(yè)表單設(shè)計(jì)制作：（1）網(wǎng)頁(yè)表單的作用；（2）常見(jiàn)表單頁(yè)類型；19、 實(shí)例演示：創(chuàng)建用戶注冊(cè)表單頁(yè)；（1）制定插入表單的頁(yè)面位置；（2）插入表單；（3）在表單中插入表格為表單控件布局；（4）插入文字標(biāo)簽；（5）插入表單各種控件并設(shè)置表單控件的屬性；（6）使用CSS美化表單控件；20、 Dr

13、eamweaver中的層的使用方法及其實(shí)例講解；21、 輔導(dǎo)學(xué)生實(shí)訓(xùn)練習(xí)；22、 Dreamweaver中行為的添加方法和使用技巧：（1）交換圖像；（2）彈出信息；（3）打開(kāi)瀏覽器窗口；（4）播放聲音；（5）改變屬性；（6）顯示-隱藏層；（7）轉(zhuǎn)到URL.23、 輔導(dǎo)學(xué)生實(shí)訓(xùn)練習(xí)；24、 綜合實(shí)例演示講解：運(yùn)用Dreamweaver中的層和行為來(lái)制作網(wǎng)頁(yè)下拉菜單式導(dǎo)航條：25、 輔導(dǎo)學(xué)生實(shí)訓(xùn)練習(xí)；九、 布置課堂作業(yè)并輔導(dǎo)學(xué)生完成作業(yè)實(shí)訓(xùn)：個(gè)人主頁(yè)用戶表單設(shè)計(jì)。十、 課堂小結(jié)本次課主要內(nèi)容：1、Dreamweaver中圖像的使用方法和技巧；2、Dreamweaver中字體的設(shè)計(jì)；3、Dreamw

14、eaver中表單頁(yè)面的設(shè)計(jì)制作。約4分鐘約10分鐘約5分鐘約10分鐘約10分鐘約10分鐘約10分鐘約10分鐘約10分鐘約20分鐘約5分鐘約15分鐘約10分鐘約15分鐘約5分鐘約10分鐘約10分鐘約10分鐘約20分鐘約1分鐘學(xué)生理解學(xué)生理解學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容Photoshop基本使用方法和技巧教學(xué)目標(biāo)5) 熟悉Photoshop軟件界面；6) 掌握Photoshop軟件的基本操作方法。重點(diǎn)難點(diǎn)5) 掌握Photoshop軟件界面基本操作方法和技巧；6) 掌握Photoshop中的圖片

15、合成和修復(fù)的應(yīng)用方法。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)十一、 引入6、 回顧上次課所學(xué)習(xí)的內(nèi)容：網(wǎng)頁(yè)字體設(shè)計(jì)，表單頁(yè)設(shè)計(jì)制作；7、 點(diǎn)評(píng)上周作業(yè)；8、 提出問(wèn)題：網(wǎng)頁(yè)中的圖像是怎么處理的？是否用過(guò)什么圖像編輯軟件？十二、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是Photoshop基本使用方法和技巧；十三、 逐步演示講解分析教學(xué)內(nèi)容26、 Photoshop軟件介紹；27、 Photoshop軟件界面介紹；28、 Photoshop基本操作方法：（1）首選參數(shù)設(shè)置；（2）工具欄的使用；（3）圖像顯示比例設(shè)置；（4）單位標(biāo)尺設(shè)置；（5）歷

16、史記錄面板的使用；（6）其它工具面板基本操作。29、 輔導(dǎo)學(xué)生實(shí)訓(xùn)操作；30、 實(shí)例演示講解：圖層的基本操作方法；31、 輔導(dǎo)學(xué)生實(shí)訓(xùn)操作；32、 變換圖像方法：縮放、旋轉(zhuǎn)、斜切、扭曲、透視、變形、裁剪；操作步驟：（1）打開(kāi)素材；（2）選擇相應(yīng)區(qū)域；（3）選擇變換相應(yīng)命令；（4）在圖片相應(yīng)區(qū)域進(jìn)行操作；（5）保存并退出；33、 輔導(dǎo)學(xué)生實(shí)訓(xùn)操作；34、 Photoshop應(yīng)用實(shí)例講解：圖片合成；操作步驟：（1）導(dǎo)入所需圖片素材；（2）新建Photoshop文件；（3）選取矩形選框工具選取導(dǎo)入素材的部分區(qū)域；（4）復(fù)制并粘貼到新建文件中并設(shè)置邊沿羽化效果；（5）同法處理其它素材；（6）調(diào)整圖像整

17、體顏色效果；（7）導(dǎo)出最終圖像；35、 指導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)設(shè)計(jì)實(shí)例；36、 幾種修飾修復(fù)圖像工具的使用及其實(shí)例操作演示講解：仿制圖章工具、污點(diǎn)修復(fù)畫(huà)筆工具、修復(fù)畫(huà)筆工具、修補(bǔ)工具、紅眼工具、模糊工具、減淡/加深工具、海綿工具；操作步驟：（1）打開(kāi)素材；（2）選擇對(duì)應(yīng)工具；（3）設(shè)置相關(guān)屬性；（4）在圖片相應(yīng)區(qū)域進(jìn)行操作；（5）保存并退出；37、 指導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)設(shè)計(jì)實(shí)例；十四、 課堂小結(jié)本次課主要內(nèi)容：1、Photoshop軟件的基本操作方法；2、Photoshop圖片合成方法；3、幾種修飾修復(fù)圖像工具的使用。約4分鐘約10分鐘約2分鐘約5分鐘約10分鐘約15分鐘約10分鐘約10分鐘約1

18、5分鐘約20分鐘約20分鐘約20分鐘約30分鐘約35分鐘約2分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容Photoshop 進(jìn)階使用教學(xué)目標(biāo)7) 圖像的選取和摳圖實(shí)例操作演示講解；8) 掌握Photoshop中濾鏡和蒙板的使用方法和技巧。重點(diǎn)難點(diǎn)7) 熟悉Photoshop中幾種常用濾鏡的使用方法；8) 理解圖層蒙板的作用，掌握?qǐng)D層蒙板的使用方法和技巧。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)十五、 引入9、 回顧上次課所學(xué)習(xí)的內(nèi)容：P

19、hotoshop軟件的基本操作方法、Photoshop圖片合成方法、幾種修飾修復(fù)圖像工具的使用；10、 點(diǎn)評(píng)上周作業(yè)；11、 提出問(wèn)題：什么濾鏡？什么是蒙板?濾鏡和蒙版有什么用？濾鏡和蒙板怎么用？十六、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是Photoshop高級(jí)應(yīng)用，包括濾鏡和蒙板的使用、摳圖方法、色彩調(diào)整；十七、 逐步演示講解分析教學(xué)內(nèi)容38、 圖像的選取和摳圖實(shí)例操作演示講解：（1）快速選擇工具；（2）魔棒工具；（3）魔術(shù)橡皮擦工具；（4）鋼筆工具；（5）抽出濾鏡。39、 學(xué)生實(shí)訓(xùn)課堂實(shí)例；40、 幾種調(diào)整圖像色彩的方法及其實(shí)例操作演示講解：（1）灰度圖像效果；（2）色相飽和度調(diào)整；

20、操作步驟： 1）選擇圖像或者圖像區(qū)域； 2）執(zhí)行【圖像】|【調(diào)整】|【色相/飽和度】命令； 3) 調(diào)整數(shù)值； 4）確定并保存圖像； (其它色彩調(diào)整步驟類似)（3）反相效果；（4）黑白圖像效果；（5）漸變色彩效果；（6）調(diào)整圖像亮度和對(duì)比度；41、 學(xué)生實(shí)訓(xùn)課堂實(shí)例；42、 Photoshop濾鏡的使用方法及其實(shí)例操作演示講解：（1）風(fēng)格化；（2）描邊；（3）模糊；（4）素描；（5）紋理；（6）像素化；（7）渲染。像素畫(huà)濾鏡應(yīng)用實(shí)例演示：1）選擇圖片對(duì)象或區(qū)域（通道）；2）執(zhí)行【濾鏡】|【像素化】|【馬賽克】命令；3）調(diào)整屬性值；4）確定并保存；43、 學(xué)生實(shí)訓(xùn)課堂實(shí)例；44、 Photosho

21、p圖層蒙板的使用及其實(shí)例操作演示講解；（1）蒙板的概念；（2）蒙板作用；（3）蒙板使用方法；（4）蒙板應(yīng)用實(shí)例；45、 Photoshop動(dòng)作及批處理圖像方法：（1）Photoshop動(dòng)作的使用方法；（2）Photoshop批處理命令的使用及實(shí)例演示；十八、 布置課堂作業(yè)并輔導(dǎo)學(xué)生完成作業(yè)實(shí)訓(xùn)；十九、 課堂小結(jié)本次課主要內(nèi)容：1、Photoshop摳圖方法；2、Photoshop濾鏡的應(yīng)用；3、Photoshop蒙板的使用。約2分鐘約10分鐘約1分鐘約20分鐘約20分鐘約10分鐘約30分鐘約30分鐘約20分鐘約15分鐘約10分鐘約30分鐘約2分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生實(shí)踐總結(jié)后記

22、網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容網(wǎng)頁(yè)背景圖案的制作LOGO設(shè)計(jì)制作Banner設(shè)計(jì)制作教學(xué)目標(biāo)9) 掌握網(wǎng)頁(yè)各種圖標(biāo)的設(shè)計(jì)制作方法；10) 掌握LOGO和Banner常用的方法和技巧。重點(diǎn)難點(diǎn)9) 掌握網(wǎng)頁(yè)背景圖案常用的設(shè)計(jì)方法和技巧；10) 能夠運(yùn)用所學(xué)知識(shí)設(shè)計(jì)出具有深刻內(nèi)涵的的網(wǎng)站LOGO。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)二十、 引入12、 回顧上次課所學(xué)習(xí)的內(nèi)容：Photoshop摳圖方法，Photoshop濾鏡的應(yīng)用，Photoshop蒙板的使用；13、 點(diǎn)評(píng)上周作業(yè)；14、 提出問(wèn)題：網(wǎng)站

23、LOGO有什么用？LOGO圖標(biāo)的設(shè)計(jì)制作有哪些方法和技巧？ 二十一、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是網(wǎng)站LOGO設(shè)計(jì)制作，網(wǎng)頁(yè)Banner和導(dǎo)航菜單的設(shè)計(jì)制作方法；二十二、 逐步演示講解分析教學(xué)內(nèi)容46、 常見(jiàn)網(wǎng)頁(yè)背景圖案設(shè)計(jì)制作：（1）斜線圖案： 操作步驟： 1）新建44 大小、透明背景圖像； 2）放大圖像至3200%以方便設(shè)置線條； 3) 調(diào)整顏色，使用畫(huà)筆工具填充線條路徑； 4）將繪制好的圖形定義為圖案保存下來(lái)； 5）使用填充命令將圖案平鋪到指定區(qū)域。 (其它色彩調(diào)整步驟類似)（2）立體圖案：（制作方法略）；（3）文字圖案：（制作方法略）；（4）漸變背景：（制作方法略）。47、

24、 課堂實(shí)例練習(xí)及輔導(dǎo)；48、 網(wǎng)站LOGO的作用：（1）LOGO是與其它網(wǎng)站鏈接以及讓其它網(wǎng)站鏈接的標(biāo)志和門(mén)戶；（2）LOGO是網(wǎng)站形象的重要體現(xiàn)；（3）LOGO能使受眾便于選擇。49、 一個(gè)好的LOGO應(yīng)具備的條件：（1）符合國(guó)際標(biāo)準(zhǔn)；（2）精美、獨(dú)特；（3）與網(wǎng)站的整體風(fēng)格相融；（4）能夠體現(xiàn)網(wǎng)站的類型、內(nèi)容和風(fēng)格。50、 網(wǎng)站LOGO設(shè)計(jì)制作常見(jiàn)方法及其實(shí)例操作演示講解：（1）線條的使用；（2）圖形的使用；（3）文字的使用；（4）漸變色的使用；51、 課堂實(shí)例練習(xí)及輔導(dǎo)；52、 網(wǎng)頁(yè)Banner設(shè)計(jì)應(yīng)該遵循的原則：（1）主題明確；（2）與整個(gè)頁(yè)面相協(xié)調(diào)；（3）順應(yīng)用戶的瀏覽習(xí)慣；（4）能

25、吸引點(diǎn)擊。53、 網(wǎng)頁(yè)Banner的設(shè)計(jì)制作方法及其實(shí)例操作演示講解：（1）靜態(tài)Banner；（2）動(dòng)態(tài)Banner；54、 課堂實(shí)例練習(xí)及輔導(dǎo)；二十三、 布置課堂作業(yè)并輔導(dǎo)學(xué)生完成作業(yè)實(shí)訓(xùn)；設(shè)計(jì)個(gè)人主頁(yè)網(wǎng)站首頁(yè)Logo和Banner。二十四、 課堂小結(jié)本次課主要內(nèi)容：1、常見(jiàn)網(wǎng)頁(yè)背景圖案設(shè)計(jì)制作；2、網(wǎng)站LOGO的設(shè)計(jì)方法；3、網(wǎng)頁(yè)Banner的設(shè)計(jì)制作方法。約3分鐘約10分鐘約25分鐘約30分鐘約3分鐘約3分鐘約20分鐘約30分鐘約4分鐘約20分鐘約20分鐘約30分鐘約2分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課

26、班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容網(wǎng)頁(yè)按鈕設(shè)計(jì)制作網(wǎng)頁(yè)欄目框設(shè)計(jì)制作教學(xué)目標(biāo)11) 掌握網(wǎng)頁(yè)各種圖標(biāo)的設(shè)計(jì)制作方法；12) 掌握使用欄目框美化網(wǎng)頁(yè)方法。重點(diǎn)難點(diǎn)1) 掌握網(wǎng)頁(yè)常見(jiàn)按鈕和小圖標(biāo)的設(shè)計(jì)制作方法；2) 網(wǎng)頁(yè)欄目框的設(shè)計(jì)技巧及其表現(xiàn)力的實(shí)現(xiàn)。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)二十五、 引入15、 回顧上次課所學(xué)習(xí)的內(nèi)容：網(wǎng)站LOGO設(shè)計(jì)制作，網(wǎng)頁(yè)Banner和導(dǎo)航菜單的設(shè)計(jì)制作方法；16、 點(diǎn)評(píng)上周作業(yè)；17、 提出問(wèn)題：網(wǎng)頁(yè)中常見(jiàn)按鈕有哪些類型？漂亮的水晶按鈕是怎么制作的？二十六、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是網(wǎng)頁(yè)按

27、鈕設(shè)計(jì)制作和使用欄目框美化網(wǎng)頁(yè)的方法。二十七、 逐步演示講解分析教學(xué)內(nèi)容1. 網(wǎng)頁(yè)中按鈕設(shè)計(jì)理論：（1）按鈕的類型：有提交功能的“真按鈕”和“偽按鈕”；（2）按鈕的功能：實(shí)現(xiàn)提交和標(biāo)明當(dāng)前操作；（3）按鈕的表現(xiàn)形式：系統(tǒng)標(biāo)準(zhǔn)按鈕和使用圖片自制的按鈕；（4）按鈕的位置：容易找到、畫(huà)面的中心位置；（5）按鈕上面的文字表述：言簡(jiǎn)意賅，直接明了；（6）按鈕的尺寸：適中；（7）與其他元素關(guān)系：讓其充分通透；（8）注意鼠標(biāo)滑過(guò)的效果：增強(qiáng)按鈕的點(diǎn)擊感。2. 網(wǎng)頁(yè)常見(jiàn)幾種按鈕的設(shè)計(jì)制作方法及其實(shí)例操作演示分步講解：（1）方形按鈕；簡(jiǎn)要步驟： 1) 繪制矩形邊框； 2）填充顏色：純色或漸變色； 3）添加文字。

28、（2）圓形按鈕：（步驟略）；（3）斜角型按鈕：（步驟略）；（4）橢圓型按鈕：（步驟略）；（5）水晶按鈕按鈕：簡(jiǎn)要步驟： 1) 繪制矩形邊框； 2）填充漸變色； 3）添加文字； 4）添加高光層； 5）設(shè)置朦朧邊框。3. 課堂實(shí)例練習(xí)及輔導(dǎo)；4. 常見(jiàn)幾種網(wǎng)頁(yè)欄目框及其設(shè)計(jì)制作實(shí)例；（1）矩形；（2）圓角矩形；（3）滑動(dòng)門(mén)型；（4）圖標(biāo)修飾型（回形針）。5. 課堂實(shí)例練習(xí)及輔導(dǎo)；二十八、 布置課堂作業(yè)并輔導(dǎo)學(xué)生完成作業(yè)實(shí)訓(xùn)。美化個(gè)人主頁(yè)按鈕和欄目框。二十九、 課堂小結(jié)本次課主要內(nèi)容：1、網(wǎng)頁(yè)按鈕設(shè)計(jì)制作；2、使用欄目框美化網(wǎng)頁(yè)方法；約2分鐘約10分鐘約12分鐘約40分鐘約40分鐘約35分鐘約40分

29、鐘約20分鐘約1分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容Flash軟件介紹Flash繪圖基礎(chǔ)景物和場(chǎng)景繪制教學(xué)目標(biāo)熟悉Flash軟件界面并掌握使用Flash進(jìn)行繪制各種圖形的方法。重點(diǎn)難點(diǎn)13) 了解Flash軟件的特點(diǎn)；14) 熟練使用Flash工具欄繪制各種圖形。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)三十、 引入18、 回顧上次課所學(xué)習(xí)的內(nèi)容：網(wǎng)頁(yè)按鈕設(shè)計(jì)制作和使用欄目框美化網(wǎng)頁(yè)的方法；19、 提出問(wèn)題：網(wǎng)絡(luò)上常聽(tīng)到的閃客指的是什么？Flash軟件有什么特點(diǎn)

30、？Flash能做什么？三十一、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是了解Flash及Flash工具欄的基礎(chǔ)操作；三十二、 逐步演示講解分析教學(xué)內(nèi)容55、 Fireworks軟件介紹；56、 Fireworks的獨(dú)特功能：（1）可以輸出SWF和 Illustrator7文件；（2）與Dreamweaver緊密的配合；（3）允許加入Photoshop濾鏡；（4）可以直接編輯點(diǎn)陣圖；（5）更方便的Roll over；（6）即時(shí)預(yù)覽；（7）可以讀入Photoshop文件；（8）提供GIF編輯環(huán)境；（9）提供全新的按鈕制作工具；（10）提供圖形與文字的樣式庫(kù)（Style）。57、 Fireworks

31、軟件界面和常用工具及其基本操作方法58、 Flash軟件介紹59、 Flash軟件的主要特點(diǎn)：（1）Flash軟件安裝方便，適用場(chǎng)合廣泛；（2）Flash制作動(dòng)畫(huà)時(shí)間短，學(xué)習(xí)起來(lái)容易上手；（3）Flash生成的文件體積小；（4）有強(qiáng)大的交互性；（5）使用矢量圖形和流式播放技術(shù)；（6）有強(qiáng)大的動(dòng)畫(huà)編輯功能；（7）動(dòng)畫(huà)效果生動(dòng)活潑，形象直觀。60、 Flash常見(jiàn)的表現(xiàn)形式：（1）網(wǎng)絡(luò)動(dòng)畫(huà)：常見(jiàn)于網(wǎng)頁(yè)的片頭；（2）MTV：在各排行榜中數(shù)量最多；（3）網(wǎng)絡(luò)廣告：Flash廣告是當(dāng)今網(wǎng)絡(luò)廣告界的時(shí)尚；（4）交互網(wǎng)站：可實(shí)現(xiàn)純flash網(wǎng)站，但是不利于搜索引擎登錄；（5）賀卡： 是初學(xué)者練手的較好選擇，

32、能帶來(lái)小小的收入（6）動(dòng)畫(huà)短片：是Flash大獎(jiǎng)賽的主要形式；（7）交互游戲：將產(chǎn)品廣告做到游戲中。61、 Flash軟件界面介紹：軟件界面布局和工具欄的簡(jiǎn)單使用；62、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；63、 Flash中層的基本操作方法；64、 使用Flash工具欄繪制圖形一：五角星；65、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；66、 使用Flash工具欄繪制圖形二：大紅燈籠；67、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；68、 使用Flash工具欄繪制圖形三：水晶按鈕；簡(jiǎn)要步驟：（1）繪制按鈕邊框；（2）填充漸變顏色；（3）繪制按鈕高光部分；（4）繪制按鈕模糊邊框；69、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；70、 使用Flash工具欄繪制

33、圖形四：QQ企鵝；三十三、 布置課堂作業(yè)并輔導(dǎo)學(xué)生完成作業(yè)實(shí)訓(xùn)；三十四、 課堂小結(jié)本次課主要內(nèi)容：1、熟悉Flash軟件界面；2、熟練掌握Flash工具欄的使用方法。約1分鐘約3分鐘約15分鐘約5分鐘約5分鐘約10分鐘約15分鐘約10分鐘約10分鐘約10分鐘約10分鐘約10分鐘約10分鐘約15分鐘約30分鐘約40分鐘約1分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生實(shí)踐學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容Flash動(dòng)畫(huà)基礎(chǔ)，動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)；形狀補(bǔ)間動(dòng)畫(huà)教學(xué)目標(biāo)熟練掌握Flash中幾種基本類型動(dòng)畫(huà)的的設(shè)計(jì)制作方法和技巧；重點(diǎn)難點(diǎn)15) 了解Flash動(dòng)畫(huà)實(shí)

34、現(xiàn)的原理；16) 掌握幾種類型動(dòng)畫(huà)的設(shè)計(jì)方法。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)三十五、 引入20、 回顧上次課所學(xué)習(xí)的內(nèi)容：Fireworks軟件的使用、Flash及Flash工具欄的使用；21、 提出問(wèn)題：動(dòng)畫(huà)實(shí)現(xiàn)的原理是什么？Flash中的動(dòng)畫(huà)有什么特點(diǎn)？Flash動(dòng)畫(huà)有哪些類型？三十六、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是了解Flash動(dòng)畫(huà)的特點(diǎn)、學(xué)習(xí)Flash幾種基礎(chǔ)動(dòng)畫(huà)的設(shè)計(jì)制作方法；三十七、 逐步演示講解分析教學(xué)內(nèi)容6. Flash實(shí)現(xiàn)的原理；7. Flash中的幀及其操作：（1）幀的類型；（2）幀的創(chuàng)建；（3）幀的

35、選擇；（4）幀的移動(dòng)；（5）幀的復(fù)制；（6）幀的刪除。8. Flash中的元件和實(shí)例介紹；9. 基礎(chǔ)動(dòng)畫(huà)及其實(shí)例講解：（1）位移動(dòng)畫(huà)；（2）旋轉(zhuǎn)動(dòng)畫(huà)；（3）縮放動(dòng)畫(huà)；（4）淡出淡入動(dòng)畫(huà)。10. 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；11. Flash動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)實(shí)例：球體下落效果；簡(jiǎn)要步驟：（1）創(chuàng)建新文件；（2）繪制場(chǎng)景物體元件：地面、球體、桌子；（3）設(shè)置球體在桌子上滾動(dòng)的動(dòng)畫(huà)；（4）設(shè)置球體下落地面后彈起的動(dòng)畫(huà)；（5）預(yù)覽、保存。12. 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；13. Flash形狀補(bǔ)間動(dòng)畫(huà)實(shí)例：變換文字效果；簡(jiǎn)要步驟：（1）創(chuàng)建新文件；（2）繪制場(chǎng)景文字；（3）設(shè)置文字變形動(dòng)畫(huà)效果；（4）預(yù)覽、保存。1

36、4. 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；三十八、 布置課堂作業(yè)并輔導(dǎo)學(xué)生完成作業(yè)實(shí)訓(xùn)；破殼而出；三十九、 課堂小結(jié)本次課主要內(nèi)容：1、Flash中的幀及其操作；2、Flash動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)；3、Flash形狀補(bǔ)間動(dòng)畫(huà)。約2分鐘約2分鐘約20分鐘約10分鐘約20分鐘約30分鐘約24分鐘約25分鐘約10分鐘約15分鐘約40分鐘約2分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容素材導(dǎo)入引導(dǎo)線動(dòng)畫(huà)遮罩動(dòng)畫(huà)教學(xué)目標(biāo)使學(xué)生掌握Flash8中引導(dǎo)線動(dòng)畫(huà)和遮罩動(dòng)畫(huà)的基本制作方法。重點(diǎn)難點(diǎn)17) 掌握Flash8中引導(dǎo)線動(dòng)畫(huà)和遮罩動(dòng)畫(huà)的

37、條件和方法；18) 掌握Flash8中使用引導(dǎo)線動(dòng)畫(huà)和遮罩動(dòng)畫(huà)制作復(fù)雜動(dòng)畫(huà)的方法和技巧。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)四十、 引入22、 回顧上次課所學(xué)習(xí)的內(nèi)容：了解Flash動(dòng)畫(huà)的特點(diǎn)和學(xué)習(xí)Flash幾種基礎(chǔ)動(dòng)畫(huà)的設(shè)計(jì)制作方法；23、 提出問(wèn)題：什么是引導(dǎo)線動(dòng)畫(huà)？什么是遮罩動(dòng)畫(huà)？Flash中如何實(shí)現(xiàn)對(duì)象沿著某條指定路徑進(jìn)行移動(dòng)？四十一、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是Flash8中引導(dǎo)線動(dòng)畫(huà)和遮罩動(dòng)畫(huà)的基本制作方法；四十二、 逐步演示講解分析教學(xué)內(nèi)容71、 Flash8中素材的導(dǎo)入：（1）圖片文件；（2）聲音文件；（3）

38、視頻文件；72、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；73、 Flash8引導(dǎo)線動(dòng)畫(huà)及其實(shí)例：過(guò)山車(chē)；簡(jiǎn)要步驟：（1）繪制車(chē)元件；（2）繪制場(chǎng)景山形狀；（3）繪制引導(dǎo)線；（4）設(shè)置車(chē)的引導(dǎo)線動(dòng)畫(huà)；（5）預(yù)覽、保存。74、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；75、 Flash8遮罩動(dòng)畫(huà)及其實(shí)例一：電影文字；簡(jiǎn)要步驟：（1）創(chuàng)建文字元件；（2）創(chuàng)建圖片元件；（3）設(shè)置遮罩動(dòng)畫(huà)；（4）預(yù)覽、保存。76、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；77、 Flash8遮罩動(dòng)畫(huà)實(shí)例二：水波蕩漾；簡(jiǎn)要步驟：（1）導(dǎo)入素材并將素材打散；（2）復(fù)制水面部分并轉(zhuǎn)換其為原件；（3）創(chuàng)建波紋元件；（4）稍微增加水面部分原件的高度（關(guān)鍵點(diǎn)）；（5）調(diào)整各圖層位置

39、并設(shè)置遮罩動(dòng)畫(huà)；（6）預(yù)覽、保存。78、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；79、 Flash8遮罩動(dòng)畫(huà)實(shí)例三：衛(wèi)星繞地球；簡(jiǎn)要步驟：（1）導(dǎo)入素材；（2）繪制圓形；（3）設(shè)置地球自轉(zhuǎn)動(dòng)畫(huà)元件；（4）繪制橢圓引導(dǎo)線路徑；（5）創(chuàng)建衛(wèi)星元件；（6）設(shè)置衛(wèi)星元件的引導(dǎo)線動(dòng)畫(huà)；（7）創(chuàng)建遮擋部分的遮罩；（8）預(yù)覽、保存。四十三、 布置課堂作業(yè)并輔導(dǎo)學(xué)生完成作業(yè)實(shí)訓(xùn)；衛(wèi)星繞地球。四十四、 課堂小結(jié)本次課主要內(nèi)容：1、素材導(dǎo)入；2、引導(dǎo)線動(dòng)畫(huà)；3、遮罩動(dòng)畫(huà)。約2分鐘約10分鐘約15分鐘約15分鐘約20分鐘約10分鐘約16分鐘約15分鐘約25分鐘約30分鐘約40分鐘約2分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生

40、實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生作業(yè)總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容商城網(wǎng)站設(shè)計(jì)案例-首頁(yè)商城網(wǎng)站設(shè)計(jì)案例-欄目頁(yè)和詳細(xì)頁(yè)期末大作業(yè)輔導(dǎo)教學(xué)目標(biāo)掌握商城網(wǎng)站設(shè)計(jì)制作的方法。重點(diǎn)難點(diǎn)19) 商城網(wǎng)站規(guī)劃設(shè)計(jì)；20) 商城網(wǎng)站設(shè)計(jì)制作細(xì)節(jié)表現(xiàn)。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)四十五、 引入24、 回顧上次課所學(xué)習(xí)的內(nèi)容：Flash8中基礎(chǔ)動(dòng)畫(huà)的制作方法；25、 提出問(wèn)題：商城網(wǎng)站設(shè)計(jì)應(yīng)該包括哪些部分？有哪些特點(diǎn)？四十六、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是商城網(wǎng)站設(shè)計(jì)案例。四十七、 逐步演

41、示講解分析教學(xué)內(nèi)容80、 簡(jiǎn)要設(shè)計(jì)商城網(wǎng)站的首頁(yè)；81、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；82、 簡(jiǎn)要設(shè)計(jì)商城網(wǎng)站的欄目頁(yè)；83、 輔導(dǎo)學(xué)生完成課堂實(shí)訓(xùn)；四十八、 布置并輔導(dǎo)學(xué)生完成期末大作業(yè)：根據(jù)所學(xué)知識(shí)和技能，設(shè)計(jì)制作一個(gè)任意類型靜態(tài)網(wǎng)站作品，所使用軟件不限。要求：（1）網(wǎng)站整體結(jié)構(gòu)清晰，導(dǎo)航方便；（2）頁(yè)面布局合理、簡(jiǎn)潔流暢，顏色搭配協(xié)調(diào)統(tǒng)一；（3）網(wǎng)站要設(shè)計(jì)富有一定意義的LOGO；（4）要有Flash動(dòng)畫(huà)和GIF動(dòng)畫(huà)，有至少2種以上超級(jí)鏈接樣式；（5）至少7個(gè)欄目，網(wǎng)站總頁(yè)面數(shù)量30個(gè)；（6）有用戶注冊(cè)或者類似功能的表單頁(yè)面；（7）獨(dú)立設(shè)計(jì)完成；（8）最后一次課提交并點(diǎn)評(píng)（所有源文件一起提交）。

42、四十九、 課堂小結(jié)本次課主要內(nèi)容：商城規(guī)劃網(wǎng)站設(shè)計(jì)。約2分鐘約40分鐘約50分鐘約20分鐘約30分鐘約56分鐘約2分鐘學(xué)生理解學(xué)生實(shí)踐學(xué)生理解學(xué)生實(shí)踐學(xué)生實(shí)踐總結(jié)后記網(wǎng)頁(yè)美工設(shè)計(jì)課程教案授課教師： 授課班級(jí)： 地點(diǎn)： 課時(shí)： 章節(jié)內(nèi)容企業(yè)網(wǎng)站設(shè)計(jì)案例教學(xué)目標(biāo)掌握企業(yè)網(wǎng)站設(shè)計(jì)制作的方法。重點(diǎn)難點(diǎn)21) 企業(yè)網(wǎng)站規(guī)劃設(shè)計(jì)；22) 企業(yè)網(wǎng)站設(shè)計(jì)制作細(xì)節(jié)表現(xiàn)。教學(xué)方法課堂講授、案例講解與指導(dǎo)教學(xué)環(huán)境計(jì)算機(jī)機(jī)房教學(xué)過(guò)程及內(nèi)容提要時(shí)間分配備注教學(xué)過(guò)程設(shè)計(jì)五十、 引入26、 回顧上次課所學(xué)習(xí)的內(nèi)容：Flash8中基礎(chǔ)動(dòng)畫(huà)的制作方法；27、 提出問(wèn)題：企業(yè)網(wǎng)站設(shè)計(jì)應(yīng)該包括哪些部分？有哪些特點(diǎn)？五十一、 告知學(xué)生課堂任務(wù)本次課所學(xué)習(xí)的主要內(nèi)容是企業(yè)網(wǎng)站設(shè)計(jì)案例。五十二、 逐步演示講解分析教學(xué)內(nèi)容84、 簡(jiǎn)要設(shè)計(jì)企業(yè)網(wǎng)站的首頁(yè)：(1)考慮網(wǎng)站的內(nèi)容和布局；(2)決定網(wǎng)站主