第一篇：網(wǎng)頁制作技術(shù)教案免費(fèi)學(xué)技術(shù)改變生活
第一模塊 Fireworks 教學(xué)課題：
第十章Fireworks8入門
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.了解Fireworks的功能和新特性
2.掌握Fireworks的工作界面、工具箱、面版組等 3.掌握Fireworks基本文檔操作 4.掌握有關(guān)圖像編輯的基本概念
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.Fireworks的工作界面 2.文檔的基本操作 3.像素的概念 教學(xué)難點(diǎn)：
1.Fireworks的工作界面 2.矢量圖和位圖的區(qū)別 突破難點(diǎn)的關(guān)鍵：
1.實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第125頁填空題，直接做在書上 2.作業(yè)本：寫出矢量圖與位圖的區(qū)別
本課小結(jié)：Fireworks8是一款用來設(shè)計(jì)網(wǎng)頁圖形的多功能應(yīng)用程序。隨著版本的不斷升級，功能的不斷加強(qiáng)，F(xiàn)ireworks受到愈來愈多圖像網(wǎng)頁制作者的青睞。目前最新版本Fireworks8更是以它方便快捷的操作沒事和在位圖編輯、矢量圖形處理與GIF動(dòng)畫制作功能上的多方面優(yōu)秀整合，有的諸多好評。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：認(rèn)識(shí)Fireworks8工作區(qū)，掌握基本的文檔操作，掌握圖像編輯的基本概念。
新課引入：第十一章使用Fireworks8制作圖片
11.1路徑的繪制與編輯； 11.文本的創(chuàng)建與編輯
···················································································· 教學(xué)過程與時(shí)間分配：
一、Fireworks8界面與功能簡介：（約50分鐘）
(一)(二)Fireworks8的新功能：
Fireworks8的工作區(qū)域：標(biāo)題欄、菜單欄、工具欄、工具箱、屬性面板、面版組合、文檔窗口、標(biāo)尺輔助線、二、基本文檔操作：（約20分鐘）(一)(二)(三)(四)(五)(一)創(chuàng)建新文檔： 打開和關(guān)閉已有文檔： 保存文檔：
還原打開的文檔：文件-還原
使用【歷史記錄】面版撤銷和重復(fù)多個(gè)動(dòng)作： 矢量圖形：
三、有關(guān)圖像編輯的基本概念：（約30分鐘）
1.概念：使用“矢量”的線條和曲線（包含顏色和位置信息）呈現(xiàn)的圖形。2.特點(diǎn)：
（1）用數(shù)學(xué)方式來描述曲線的組成（2）組成基本單元是錨點(diǎn)和路徑（3）與分辨率無關(guān)(二)位圖圖像：（點(diǎn)陣圖，格柵圖）
1.概念：有排列成網(wǎng)絡(luò)的像素點(diǎn)組成。2.特點(diǎn)：
（1）與分辨率無關(guān)（2）放大后會(huì)失真(三)像素：
1.概念：組成位圖圖像的基本單位。2.兩個(gè)屬性：特定的位置和顏色值 3.圖像的大小和像素尺寸成正比(四)分辨率：
1.概念：圖像單位長度內(nèi)含有的像素量。2.特點(diǎn)：分辨率越高，圖像質(zhì)量越好
3.分類：顯示分辨率，打印機(jī)分辨率（輸出分辨率）
第一模塊 Fireworks 教學(xué)課題：
第十一章 使用Fireworks8制作圖片（1）11.1路徑的繪制與編輯； 11.文本的創(chuàng)建與編輯
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.了解Fireworks路徑繪制與編輯 2.掌握Fireworks的文本的創(chuàng)建與編輯 3.掌握Fireworks編輯位圖對象的方法
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.路徑繪制 2.路徑對象的編輯
3.為路徑對象設(shè)置描邊、填充、不透明度及效果 4.文本的創(chuàng)建與編輯 5.編輯位圖對象 教學(xué)難點(diǎn)：
1.繪制自動(dòng)形狀：自動(dòng)形狀是矢量對象組 2.鋼筆工具：繪制直線或者曲線 3.通過編輯節(jié)點(diǎn)變形路徑
4.按路徑改變文本的排列方式：文本-附加到路徑 5.選區(qū)制作與調(diào)整 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
3.課本第174頁填空題，直接做在書上 4.作業(yè)本：寫出如何設(shè)置描邊類型
本課小結(jié)：在Fireworks8中，可以創(chuàng)建及編輯多種對象，如路徑對象，文本對象及位圖對象等。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：路徑的繪制與編輯，文本的創(chuàng)建與編輯，編輯位圖對象，對象操作，使用圖層和蒙版。
新課引入：第十一章使用Fireworks8制作圖片
11.3編輯位圖對象； 11.4對象操作
···················································································· 教學(xué)過程與時(shí)間分配：
一、路徑繪制與編輯：（約50分鐘）(一)路徑繪制工具簡介：
1.直線工具：
2.矩形、圓角矩形、橢圓及多邊形工具： 3.繪制自動(dòng)形狀：自動(dòng)形狀是矢量對象組 4.鋼筆工具：繪制直線或者曲線 5.矢量路徑工具：(二)路徑對象的編輯：
1.通過編輯節(jié)點(diǎn)變形路徑：指針工具或自動(dòng)選取工具 2.使用矢量工具進(jìn)行編輯：彎曲、推拉、重畫、分割路徑
3.通過路徑操作命令編輯路徑：路徑的混合、簡化、擴(kuò)展收縮、變形和扭曲 4.對象的變形和扭曲
5.使用 “自動(dòng)形狀屬性”面版編輯形狀(三)為路徑對象設(shè)置描邊、填充、不透明度及效果
1.設(shè)置顏色
2.設(shè)置描邊類型：屬性—描邊類型 3.設(shè)置效果(四)(一)(二)(三)使用【樣式】面版：描邊，填充、和效果設(shè)置的綜合運(yùn)用 輸入與編輯文本：屬性面版
對文本設(shè)置描邊、填充、效果和樣式： 按路徑改變文本的排列方式：
二、文本的創(chuàng)建與編輯：（約50分鐘）
1.將文本附加到路徑：文本—附加到路徑 2.改變文本路徑： 3.將文本從路徑上脫離(四)(五)
文本變形
將文本轉(zhuǎn)換為路徑：文本-轉(zhuǎn)化為路徑 實(shí)驗(yàn)1：網(wǎng)頁廣告的設(shè)計(jì)—“香巴拉牛肉干”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.了解Fireworks的功能和新特性
2.掌握Fireworks的工作界面、工具箱、面版組等 3.掌握Fireworks基本文檔操作 4.掌握有關(guān)圖像編輯的基本概念 5.了解Fireworks路徑繪制與編輯 6.掌握Fireworks的文本的創(chuàng)建與編輯 7.掌握Fireworks編輯位圖對象的方法
實(shí)驗(yàn)過程：
一、新建Fireworks文檔，設(shè)置大小為800*600，分辨率默認(rèn)
二、使用矩形工具繪制800*600的矩形作為廣告背景設(shè)，并填充紅到黃的漸變色
三、使用智能多邊形—星型工具繪制多角形（角數(shù)大于8），設(shè)置漸變填充色為黃到紅
四、調(diào)整星形的內(nèi)徑和外徑及圓度，最后成為放射狀
五、使用多邊形工具繪制白色無邊框五角星，縮小，調(diào)整透明度
六、將五角星復(fù)制多個(gè)，并拖到合適的位置，圍成圓形
七、使用文本工具，添加“香巴拉”和“牛肉干”字樣
八、為文本設(shè)置字體，大小，填充黑色，白色描邊
九、使用變形工具中的“扭曲工具”，將文字調(diào)整角度，呈現(xiàn)立體效果
十、保存源文件為“香巴拉牛肉干廣告”
十一、再導(dǎo)出jpg網(wǎng)頁格式圖片
第一模塊 Fireworks 教學(xué)課題：
第十一章 使用Fireworks8制作圖片（2）11.3編輯位圖對象； 11.4對象操作
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Fireworks編輯位圖對像 2.掌握Fireworks對象操作
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.創(chuàng)建位圖對象的方法 2.選區(qū)制作與調(diào)整
3.圖像的擦除、填充、復(fù)制與修飾 4.編輯位圖對象 5.對象操作 教學(xué)難點(diǎn)：
1.繪制位圖對象
2.使用濾鏡和插件：可以增強(qiáng)和改善圖像效果 3.對象的堆疊、成組與對齊 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第174頁填空題，直接做在書上
2.作業(yè)本：如要一次撤銷或重復(fù)多步操作，應(yīng)采用什么方法
本課小結(jié)：在Fireworks8中，可以創(chuàng)建及編輯多種對象，如路徑對象，文本對象及位圖對象等。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：路徑的繪制與編輯，文本的創(chuàng)建與編輯，編輯位圖對象，對象操作，使用圖層和蒙版。
新課引入：第十一章使用Fireworks8制作圖片（3）
11.5使用圖層和蒙版
···················································································· 教學(xué)過程與時(shí)間分配：
一、編輯位圖對象：（約50分鐘）
(一)(二)創(chuàng)建位圖對象的方法：5種方法 選區(qū)制作與調(diào)整：
1.制作選區(qū) 2.調(diào)整選區(qū)(三)繪制位圖對象：
1.使用鉛筆工具繪制位圖對象 2.使用刷子工具繪制位圖對象(四)圖像的擦除、填充、復(fù)制與修飾：
1.使用橡皮擦工具擦除像素 2.使用油漆桶和漸變工具填充像素 3.使用橡皮圖章工具復(fù)制像素(五)(六)(七)(一)裁剪位圖 選區(qū)的變形
使用濾鏡和插件：可以增強(qiáng)和改善圖像效果 對象的選擇、移動(dòng)、復(fù)制與刪除
二、對象操作：（約50分鐘）
1.對象的選擇方法 2.移動(dòng)、復(fù)制和刪除對象(二)對象的堆疊、成組與對齊
1.對象堆疊
2.對象成組：修改—組合 3.對其對象：修改—對齊(三)操作的撤銷與恢復(fù)：歷史記錄面版
第一模塊 Fireworks 教學(xué)課題：
第十一章 使用Fireworks8制作圖片（3）11.5使用圖層和蒙版 11.6 綜合練習(xí)
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Fireworks使用圖層和蒙版 2.掌握Fireworks圖像編輯實(shí)例
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.圖層和蒙版的概念
2.圖層操作：展開、折疊、顯示、隱藏、鎖定、取消、設(shè)置當(dāng)前圖層、新建、復(fù)制等 3.設(shè)置對象子層的不同透明度和顏色混合模式 教學(xué)難點(diǎn)：
1.使用蒙版
2.蒙版的替換，禁用和刪除 3.對象與蒙版的鏈接 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第174頁填空題，直接做在書上
2.作業(yè)本：圖層和蒙版的概念是什么，有什么作用？
本課小結(jié)：在Fireworks8中，可以創(chuàng)建及編輯多種對象，如路徑對象，文本對象及位圖對象等。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：路徑的繪制與編輯，文本的創(chuàng)建與編輯，編輯位圖對象，對象操作，使用圖層和蒙版。
新課引入：第十二章 Web圖像制作技術(shù)
···················································································· 教學(xué)過程與時(shí)間分配：
一、使用圖層和蒙版：（約50分鐘）
(一)圖層和蒙版的概念： 式，以及管理蒙版等。
2.蒙版：實(shí)際上是256色的荼毒圖像，必須與圖層的基本內(nèi)同配合才能發(fā)揮作用。白色為透明區(qū)，黑色為不透明去，灰色為半透明區(qū)。(二)(三)【層】面版組成：
：設(shè)置對象子層的不同透明度和顏色混合模式 1.圖層：可以方便的調(diào)整對象的疊加順序，顯示或隱藏，對未向設(shè)置透明度與顏色混合模1.展開、折疊圖層 2.顯示、隱藏 3.鎖定、取消 4.設(shè)置當(dāng)前圖層 5.新建(四)
6.復(fù)制 7.重命名 8.刪除 9.調(diào)整順序 10.移動(dòng)
11.分散各層 12.隱藏其它層 13.鎖定其它層
設(shè)置對象子層的不同透明度和顏色混合模式：
1.色彩增值 7.飽和度 2.屏幕 8.顏色 3.暗變 9.發(fā)光度 4.亮度 10.反轉(zhuǎn) 5.差異 11.色調(diào) 6.色相 12.擦除
(五)使用蒙版：
1.關(guān)于蒙版：（1）矢量蒙版：（2）位圖蒙版： 2.創(chuàng)建和使用蒙版：
（1）使用“粘貼為蒙版”命令遮罩對象（2）使用“粘貼為內(nèi)部”命令遮罩對象 3.編輯蒙版：
（1）蒙版的替換，禁用和刪除（2）對象與蒙版的鏈接
（3）向被遮罩對象的選區(qū)添加對象
二、圖像編輯：（約50分鐘）
(一)通過路徑操作命令編輯一組圖像(二)使用筆觸和蒙版打造殘破照片邊緣效果(三)綜合實(shí)例：制作網(wǎng)站徽標(biāo)
13.平均 14.顏色加深 15.反轉(zhuǎn)顏色 16.柔化加深 17.顏色漸淡 18.反選顏色
漸淡 19.柔化簡單 20.柔光 21.模糊光 22.強(qiáng)光 實(shí)驗(yàn)2：網(wǎng)站LOGO—“旅游網(wǎng)站徽標(biāo)”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.掌握Fireworks編輯位圖對像 2.掌握Fireworks對象操作 3.掌握Fireworks使用圖層和蒙版 4.掌握Fireworks圖像編輯實(shí)例
實(shí)驗(yàn)過程：
一、新建Fireworks文檔，設(shè)置大小為640*480，分辨率默認(rèn)
二、拖動(dòng)標(biāo)尺，調(diào)整出輔助線
三、使用橢圓工具繪制同心圓，修改—組合路徑—打孔
四、使用矩形工具繪制矩形，克隆矩形，并旋轉(zhuǎn)，將兩個(gè)矩形聯(lián)合
五、選中矩形和圓形，打孔，拆分
六、改變填充色
七、使用矩形工具繪制矩形，克隆并打孔，刪除不必要形狀
八、導(dǎo)入位圖圖像，粘貼于小圓內(nèi)部
九、輸入文本，調(diào)整么屬性和位置
十、保存最終作品
第一模塊 Fireworks 教學(xué)課題：
第十二章 Web圖像制作技術(shù) 12.1切片； 12.2熱點(diǎn)和圖像映射
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Fireworks切片使用
2.掌握Fireworks熱點(diǎn)和圖像映射的使用
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.切片的概念和作用 2.創(chuàng)建不同切片的方法操作 3.切片的交互
4.熱點(diǎn)和圖像映射的作用 教學(xué)難點(diǎn)：
1.切片的交互 2.熱點(diǎn)和圖像映射 3.用熱點(diǎn)常見變換圖像 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第208頁填空題，直接做在書上 2.作業(yè)本：課本第208頁簡答題第一題，第二題
本課小結(jié)：熱點(diǎn)、切片、按鈕編輯器及彈出菜單編輯器使Fireworks8能夠輕松地創(chuàng)建具有交互性的Web圖像。利用Fireworks8更可以創(chuàng)建包含活動(dòng)的橫幅廣告，徽標(biāo)和卡通形象的動(dòng)畫圖形。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：創(chuàng)建熱點(diǎn)，創(chuàng)建圖像切片，為切片或熱點(diǎn)附加行為，創(chuàng)建按鈕及導(dǎo)航條，創(chuàng)建簡單的GIF動(dòng)畫。
新課引入： 12.3按鈕和彈出來的菜單； 12.4創(chuàng)建簡單的GIF動(dòng)畫
···················································································· 教學(xué)過程與時(shí)間分配：
一、切片：（約50分鐘）
(一)切片的概念：
1.用于創(chuàng)建交互的性的基本構(gòu)造塊 2.優(yōu)點(diǎn)：（1）優(yōu)化：（2）交互性
（3）更新網(wǎng)頁的某些部分：(二)創(chuàng)建切片：
1.創(chuàng)建矩形切片： 2.創(chuàng)建多邊形切片：
3.基于對象創(chuàng)建切片：編輯—插入—熱點(diǎn)
4.創(chuàng)建HTML切片：指定瀏覽器中出現(xiàn)普通HTML文本的區(qū)域(三)顯示和隱藏切片：
1.隱藏切片：不會(huì)影響該對象導(dǎo)出到HTML 2.顯示切片：(四)編輯切片：
1.移動(dòng)切片輔助線以編輯切片：使用工具編輯切片對象： 2.使用屬性面版編輯切片對象：(五)切片的交互：
1.使切片具有簡單的交互效果 2.使用行為面版向切片添加交互效果
二、熱點(diǎn)和圖像映射：（約50分鐘）
(一)(二)(三)(四)(五)概念：使較大圖像中的各個(gè)小部分產(chǎn)生交互，并將網(wǎng)頁圖形的卻與鏈接到URL 創(chuàng)建熱點(diǎn)：工具面版—web區(qū)域 編輯熱點(diǎn)： 創(chuàng)建圖像映射：
用熱點(diǎn)常見變換圖像：一個(gè)熱點(diǎn)只能出發(fā)一個(gè)不相交的變換圖形。
第一模塊 Fireworks 教學(xué)課題：
第十二章 Web圖像制作技術(shù) 12.3按鈕和彈出來的菜單 12.4創(chuàng)建簡單的GIF動(dòng)畫
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Fireworks按鈕和彈出來的菜單的制作 2.掌握Fireworks創(chuàng)建簡單的GIF動(dòng)畫的操作
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.關(guān)于按鈕狀態(tài)的特點(diǎn)和功能 2.創(chuàng)建按鈕和編輯按鈕的方法 3.創(chuàng)建導(dǎo)航欄的作用和創(chuàng)建方法 4.彈出菜單的功能和創(chuàng)建方法 教學(xué)難點(diǎn)：
1.創(chuàng)建幀-幀GIF動(dòng)畫 2.通過元件和實(shí)例制作動(dòng)畫 3.結(jié)合使用層和幀制作動(dòng)畫 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
3.課本第208頁填空題，直接做在書上 4.作業(yè)本：課本第208頁簡答題第三題，第四題
本課小結(jié)：熱點(diǎn)、切片、按鈕編輯器及彈出菜單編輯器使Fireworks8能夠輕松地創(chuàng)建具有交互性的Web圖像。利用Fireworks8更可以創(chuàng)建包含活動(dòng)的橫幅廣告，徽標(biāo)和卡通形象的動(dòng)畫圖形。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：創(chuàng)建熱點(diǎn)，創(chuàng)建圖像切片，為切片或熱點(diǎn)附加行為，創(chuàng)建按鈕及導(dǎo)航條，創(chuàng)建簡單的GIF動(dòng)畫。
新課引入： 第十三章圖像優(yōu)化與導(dǎo)出
13.1圖像優(yōu)化； 13.2圖像導(dǎo)出
···················································································· 教學(xué)過程與時(shí)間分配：
一、按鈕和彈出來的菜單：（約50分鐘）
(一)創(chuàng)建按鈕元件：
1.在按鈕編輯器中創(chuàng)建的按鈕具有的特點(diǎn)：（7點(diǎn)）2.關(guān)于按鈕狀態(tài)：（1）釋放狀態(tài)：按鈕的迷人外觀或靜止時(shí)的外觀（2）滑過狀態(tài)：指針滑過按鈕的外觀（3）按下狀態(tài)：單擊后的按鈕
（4）按下時(shí)滑過：用戶將指針滑過出獄按下狀態(tài)的按鈕時(shí)的外觀 3.創(chuàng)建按鈕：編輯—插入—新建按鈕 4.編輯按鈕：修改—元件—編輯元件(二)使用系統(tǒng)提供的元件按鈕：編輯—庫—（主題、動(dòng)畫、按鈕、項(xiàng)目符號）(三)創(chuàng)建導(dǎo)航欄：
1.導(dǎo)航欄的概念：提供到網(wǎng)站不同區(qū)域鏈接的一組按鈕 2.創(chuàng)建方法：創(chuàng)建按鈕元件，復(fù)制多次，修改：(四)創(chuàng)建彈出菜單： 1.彈出菜單編輯器：彈出菜單是一個(gè)帶有選項(xiàng)卡的對話框創(chuàng)建彈出菜單：置彈出菜單
二、常見簡單的GIF動(dòng)畫：（約50分鐘）
(一)創(chuàng)建動(dòng)畫的準(zhǔn)備工作：
1.創(chuàng)建新文檔：
2.創(chuàng)建簡單的“幀—幀”動(dòng)畫，或過度動(dòng)畫 3.設(shè)置幀延遲 4.觀察動(dòng)畫播放速度 5.優(yōu)化和輸出文檔為GIF動(dòng)畫(二)幀-幀GIF動(dòng)畫實(shí)例
(三)使用“分散到幀”按鈕制作動(dòng)畫：(四)通過元件和實(shí)例制作動(dòng)畫：
1.建立和編輯元件
2.使用“補(bǔ)間實(shí)例”制作動(dòng)畫 3.使用“選擇動(dòng)畫”制作動(dòng)畫(五)結(jié)合使用層和幀制作動(dòng)畫
1.添加、移動(dòng)、復(fù)制、編輯和刪除幀 2.設(shè)立背景
行為面版—設(shè)
實(shí)驗(yàn)3 網(wǎng)頁效果圖—“國慶60周年”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.掌握Fireworks切片使用
2.掌握Fireworks熱點(diǎn)和圖像映射的使用 3.掌握Fireworks按鈕和彈出來的菜單的制作 4.掌握Fireworks創(chuàng)建簡單的GIF動(dòng)畫的操作
實(shí)驗(yàn)過程：
1.建立大小為800*600的文檔，設(shè)置背景色為紅色#EC2623 2.頁面上方字樣 “熱烈慶祝中華人民共和國成立”和“周年”，發(fā)光效果（#FF9900）3.“60”顏色為紅#EC2623到黃#FF9900的漸變色，使用浮雕效果
復(fù)制“60”，放大，使用高斯模糊，并調(diào)整到文字后方 4.使用鋼筆工具繪制光暈，復(fù)制，調(diào)整顏色和透明度及角度
5.頁面四角騰龍圖案（30分）使用圖層混合效果，盡量與背景融合。
6.“首頁”圖片，發(fā)光效果#DF0000，且鏈接到新疆交通學(xué)校的主頁：http://004km.cn 7.“殷殷賀詞”添加濾鏡效果 8.頁底英文，發(fā)光效果
9.把做好的圖片利用切片工具生成網(wǎng)頁，圖片放入”image”文件夾
第一模塊 Fireworks 教學(xué)課題：
第十三章圖像優(yōu)化與導(dǎo)出 13.1圖像優(yōu)化； 13.2圖像導(dǎo)出
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Fireworks圖像優(yōu)化 2.掌握Fireworks圖像導(dǎo)出
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.最佳文件格式的選擇 2.了解每種格式特定的選項(xiàng) 3.調(diào)整圖形中的顏色 4.導(dǎo)出參數(shù)設(shè)置
5.在Dreamweaver8中使用Fireworks8文檔 教學(xué)難點(diǎn)：
1.每種文件格式的特點(diǎn)和區(qū)別 2.文件格式各個(gè)參數(shù)的設(shè)置 3.導(dǎo)出文件格式選項(xiàng) 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第216頁填空題，直接做在書上 2.作業(yè)本：課本第216頁簡答題第一題
本課小結(jié)：網(wǎng)頁圖形設(shè)計(jì)的最終目標(biāo)是創(chuàng)建能夠盡可能的快的消災(zāi)就沒圖像。為此，必須在最大限度的保障圖像配置的同時(shí)，還要選擇壓縮質(zhì)量最高的文件格式。這種平衡就是優(yōu)化，即尋找顏色、壓縮和配置的最佳組合。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：優(yōu)化圖像，導(dǎo)出多種格式圖像文件。新課引入： 第十四章 初識(shí)Flash8 ···················································································· 教學(xué)過程與時(shí)間分配：
一、圖像優(yōu)化：（約50分鐘）
(一)關(guān)于優(yōu)化：
1.選擇最佳文件格式： 2.設(shè)置格式特定的選項(xiàng)： 3.調(diào)整圖形中的顏色：(二)使用【優(yōu)化】面版：窗口—優(yōu)化
二、圖像導(dǎo)出：（約50分鐘）
(一)導(dǎo)出參數(shù)設(shè)置：
1.設(shè)置導(dǎo)出文件的名稱： 2.設(shè)置保存類型：（1）HTML和圖像（2）僅圖像
3.設(shè)置HTML代碼的導(dǎo)出方法：（1）導(dǎo)出HTML文件（2）復(fù)制到剪貼板 4.設(shè)置切片的導(dǎo)出方法：（1）無（2）導(dǎo)出切片（3）沿沿引導(dǎo)線切片 5.其他設(shè)置： 6.導(dǎo)出文件：(二)(三)導(dǎo)出選定區(qū)域的方法：工具—選擇—導(dǎo)出區(qū)域
在Dreamweaver8中使用Fireworks8文檔：插入—圖像對象
三、實(shí)踐——導(dǎo)出圖像：文件—圖像預(yù)覽
第一模塊 Fireworks 教學(xué)課題：
綜合練習(xí)
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Fireworks綜合使用技巧 2.掌握Fireworks網(wǎng)頁圖像處理技巧
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.圖像的繪制 2.色彩的調(diào)節(jié) 3.調(diào)整圖形中的顏色 4.庫和樣式的應(yīng)用 5.圖像的優(yōu)化和導(dǎo)出 教學(xué)難點(diǎn)：
1.特殊圖像的繪制和編輯技巧 2.文件格式各個(gè)參數(shù)的設(shè)置 3.交互功能的使用 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第216頁填空題，直接做在書上
本課小結(jié)：網(wǎng)頁圖形設(shè)計(jì)的最終目標(biāo)是創(chuàng)建能夠盡可能的快的消災(zāi)就沒圖像。為此，必須在最大限度的保障圖像配置的同時(shí)，還要選擇壓縮質(zhì)量最高的文件格式。這種平衡就是優(yōu)化，即尋找顏色、壓縮和配置的最佳組合。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：優(yōu)化圖像，導(dǎo)出多種格式圖像文件。新課引入： 第十四章 初識(shí)Flash8 ···················································································· 教學(xué)過程與時(shí)間分配：
一、制作按鈕：（約10分鐘）
(一)插入按鈕元件：
1.制作按鈕釋放狀態(tài)：圓角矩形、形狀編輯、填充變形、文本編輯 2.制作按鈕釋放狀態(tài)： 3.制作按鈕釋放狀態(tài)： 4.制作按鈕釋放狀態(tài)：(二)(三)剪裁畫布： 導(dǎo)出圖像：
二、導(dǎo)航欄的制作：（約20分鐘）(一)(二)(三)(四)將按鈕保存：： 新建文件，導(dǎo)入元件
多次將元件拖入畫布，并設(shè)置其對齊和間距 預(yù)覽
三、彈出菜單的制作：（約20分鐘）
(一)(二)(三)(四)選中需要設(shè)置彈出菜單的圖像： 在行為面版添加“設(shè)置彈出菜單” 設(shè)置菜單的內(nèi)容、外觀、位置等參數(shù) 預(yù)覽
四、制作幀幀動(dòng)畫：月亮升起（約50分鐘）
(一)(二)(三)(四)新建畫布，設(shè)置背景： 繪制各種形狀的月亮 將月亮分布在幀上 預(yù)覽動(dòng)畫
第二模塊 Flash 教學(xué)課題：
第十四章 初識(shí)Flash8 計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Fireworks圖像優(yōu)化 2.掌握Fireworks圖像導(dǎo)出
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.Flash8的用途與特點(diǎn) 2.Flash8的特點(diǎn) 3.Flash8的工作環(huán)境 4.創(chuàng)建Flash文件 教學(xué)難點(diǎn)：
1.Flash8的特點(diǎn) 2.Flash8的工作環(huán)境 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第227頁填空題，直接做在書上
本課小結(jié)：本課主要介紹Flash的誕生、用途、特點(diǎn)、工作環(huán)境、基本概念及基本操作等基礎(chǔ)知識(shí)。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：Flash的用途、特點(diǎn)和基本概念，F(xiàn)lash的工作環(huán)境，F(xiàn)lash的基本操作。
新課引入：第十五章 繪制與編輯適量
···················································································· 教學(xué)過程與時(shí)間分配：
一、Flash8簡介：（約20分鐘）
二、Flash8的用途與特點(diǎn)：（約30分鐘）
(一)Flash8的用途：
1.繪制矢量圖： 2.制作動(dòng)畫： 3.開發(fā)游戲：(二)Flash8的特點(diǎn)：
1.矢量圖形模式：占用空間小 2.文件的小型化：重復(fù)運(yùn)用元件
3.支持交互：通過鍵盤、鼠標(biāo)等工具，通過單擊按鈕、選擇菜單等方式控制動(dòng)畫的播放 4.作品下載方便：流媒體 5.支持導(dǎo)入聲音、視頻：
6.支持跨平臺(tái)動(dòng)畫播放：與其他軟件很好的兼容性
三、Flash8的工作環(huán)境：：（約30分鐘）
(一)(二)(三)(四)(五)(六)(七)(八)(一)(二)(三)菜單欄：10個(gè)
工具欄：窗口—工具欄—主工具欄 工具箱：4個(gè)區(qū)域 時(shí)間軸：圖層、時(shí)間軸
舞臺(tái)：工作界面中央的的空白區(qū)域 場景：影片的片段 浮動(dòng)面版：
屬性面版：用于顯示當(dāng)前選擇對象的屬性 建新文件：兩種方法 打開文件：三種方法 保存文件：三種方法
四、創(chuàng)建Flash文件：（約20分鐘）
第二模塊 Flash 教學(xué)課題：
第十五章 繪制與編輯適量
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash繪制工具的使用及矢量圖的繪制 2.掌握Flash圖像選取與控制 3.掌握Flash輔助工具的使用 4.掌握Flash修改矢量圖形的操作 5.掌握Flash選項(xiàng)修改矢量圖
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.利用繪制工具繪圖
2.利用鋼筆工具繪制曲線并修改曲線 3.標(biāo)尺、網(wǎng)格、輔助線的使用 4.任意變形工具的使用 教學(xué)難點(diǎn)：
1.鎖定填充的理解和使用 2.使用箭頭工具修改圖形 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第252頁填空題，直接做在書上
本課小結(jié)：本章介紹繪圖和編輯矢量圖形的基本知識(shí)，為后面的Flash動(dòng)畫創(chuàng)作打下堅(jiān)實(shí)的基礎(chǔ)。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：熟悉工具箱中的各種繪圖工具并能夠使用繪圖工具繪圖，掌握視圖的選取與控制方法，使用輔助工具進(jìn)行繪圖，適量圖之間的覆蓋關(guān)系，使用工具箱中的各種工具來修改矢量圖。
新課引入：第十六章 編輯顏色和文本
···················································································· 教學(xué)過程與時(shí)間分配：
一、繪制工具及矢量圖：（約10分鐘）
(一)(一)工具中的繪圖工具：shift+字母 直線：
二、利用繪制工具繪圖：（約40分鐘）
1.兩種模式：對象繪制模式、普通模式 2.貼緊至對象：
3.水平、垂直、45度角的直線繪制：shift(二)橢圓
1.兩種模式：對象繪制模式、普通模式 2.貼緊至對象： 3.正圓的繪制：shift(三)多邊形
1.矩形：圓角的設(shè)置
2.多邊形和星型：邊數(shù)和頂點(diǎn)大小(四)鉛筆
1.對象繪制：
2.繪圖模式：伸直、平滑、墨水瓶(五)鋼筆：可以精確的繪制直線或平滑曲線，并可以分段繪制
1.設(shè)置鋼筆工具的參數(shù)：編輯—首選參數(shù)—繪畫—鋼筆工具 2.利用鋼筆工具繪制直線段、曲線段（1）繪制直線段：點(diǎn)擊（2）繪制曲線段：拖動(dòng)
3.結(jié)束使用鋼筆工具的方法：雙擊、點(diǎn)擊鋼筆工具按鈕或按CTRL鍵在路徑外點(diǎn)擊(六)刷子：模仿真實(shí)畫筆繪制矢量圖形，繪制的是填充而不是線條
1.涂色模式：標(biāo)準(zhǔn)繪畫、顏料填充、后面繪畫、顏料選擇、內(nèi)部繪畫 2.刷子大小與形狀：
3.鎖定填充；所有使用相同填充的區(qū)域?qū)⒆鳛橐粋€(gè)連續(xù)的填充圖形
三、圖像選取與控制：（約10分鐘）
(一)箭頭工具：選擇工具
1.功能：
（1）選擇對象：選擇填充、選擇線條、整體選擇，選擇多個(gè)（2）修改圖形：修改邊緣、修改頂點(diǎn)（3）移動(dòng)對象：
2.箭頭工具選項(xiàng)：平滑、拉伸(二)部分選取工具：
1.調(diào)整路徑上的錨記點(diǎn)：
2.曲線段與直線段的相互轉(zhuǎn)換：alt鍵 3.調(diào)整直線段的長度、角度和曲線段的斜率(三)套索工具：選擇填充圖形中的某一不規(guī)則部分
1.套索工具：
2.魔術(shù)棒工具：魔術(shù)棒工具 3.多邊形套索：(四)(五)(一)(二)放大鏡工具： 手形移動(dòng)工具： 使用標(biāo)尺：視圖—標(biāo)尺
使用網(wǎng)格：視圖—網(wǎng)格—顯示網(wǎng)格|編輯網(wǎng)格
四、使用輔助工具：（約10分鐘）(三)(四)(一)(二)使用輔助線：視圖—輔助線 使用貼緊：視圖—貼緊
矢量圖之間的覆蓋關(guān)系：兩個(gè)矢量圖有部分互相重疊的時(shí)候，會(huì)分割和重組 利用工具箱中的工具修改矢量圖：
五、修改矢量圖形（約20分鐘）
1.箭頭工具 2.部分選取工具 3.橡皮擦工具：
（1）擦除模式：標(biāo)準(zhǔn)擦除、擦除線條、擦除填色、擦除所選填充；（2）水龍頭：快速擦除所選填充（3）橡皮擦形狀和大?。?4.任意變形工具：
（1）具有箭頭工具部分作用：選擇、移動(dòng)（2）特有功能：縮放、翻轉(zhuǎn)、傾斜、旋轉(zhuǎn)（3）選項(xiàng)：貼緊至對象、旋轉(zhuǎn)與傾斜、縮放
5.填充變形工具：修改漸變色，移動(dòng)變色中心，調(diào)整填充大小和方向
六、利用菜單欄選項(xiàng)修改矢量圖（約10分鐘）
(一)(二)(三)(四)優(yōu)化曲線：修改—形狀—優(yōu)化
將線條變?yōu)樘畛鋱D：修改—形狀—將線條轉(zhuǎn)化為填充 寬展填充圖：修改—形狀—擴(kuò)展填充 柔化填充邊緣：修改—形狀—柔化填充邊緣 實(shí)驗(yàn)4繪制矢量圖——“和尚與魚”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.掌握Flash繪制工具的使用及矢量圖的繪制 2.掌握Flash圖像選取與控制 3.掌握Flash輔助工具的使用 4.掌握Flash修改矢量圖形的操作 5.掌握Flash選項(xiàng)修改矢量圖
實(shí)驗(yàn)過程：
1.建立大小為550*400的文檔，設(shè)置背景色為#D2DAC2 2.將層命名為“臉”，使用橢圓繪制頭，邊框?yàn)?E9CC9C填充為#F5EAD3，并使用箭頭進(jìn)行輪廓的修改 3.新建“耳朵”層，使用橢圓工具以同樣填充和線條色繪制耳朵，使用鉛筆工具平滑模式，繪制耳郭，將耳朵復(fù)制、翻轉(zhuǎn)，移動(dòng)到相應(yīng)位置。最后將耳朵層移至臉下方
4.新建“煙頭燙”圖層，使用刷子工具，填充色設(shè)置為#E9CC9C，進(jìn)行和尚頭部的燙點(diǎn)繪制 5.新建“左眼”層，使用橢圓工具，設(shè)置填充為黑色，線條無色繪制左側(cè)黑色眼睛；使用刷子工具，填充色為白色，調(diào)整刷子大小，為眼睛添加白色反光。
6.新建“右眼”層，使用線條工具，顏色為黑色，調(diào)整線條粗細(xì)，拖動(dòng)出眨眼眼型
7.新建“舌頭”層，使用鉛筆工具，平滑模式，線條色為#FF3366，繪制舌頭，并使用填充工具填充顏色為#FF99CC 8.新建“臉紅”層，使用橢圓工具，設(shè)置填充為粉紅到透明的漸變，使用變形工具壓扁，復(fù)制，并調(diào)整到相應(yīng)位置
9.新建“袈裟”層，使用線條繪制梯形，使用箭頭工具改變形狀，并填充藍(lán)白漸變，調(diào)整到“臉”層下方
10.新建“魚”層，使用線條工具，設(shè)置顏色為#999966，繪制線條，使用箭頭工具將其拖彎；使用變形工具將其移動(dòng)到合適位置并拼合和魚的形狀，使用線條工具為魚添加魚鰭和魚眼；將魚復(fù)制多個(gè)，調(diào)整大小和方向 11.使用刷子工具，填充色為#999966，不斷調(diào)整大小繪制裝飾的點(diǎn) 12.保存原文件，導(dǎo)出動(dòng)畫
第二模塊 Flash 教學(xué)課題：
第十六章 編輯顏色和文本
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash編輯顏色的方法 2.掌握Flash編輯文本的方法
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.多種更改填充和線條顏色的方法 2.如何設(shè)置漸變填充 3.如何使用位圖進(jìn)行填充
4.使用墨水瓶工具改變線條和給填充描邊 5.了解文本的類型和使用 6.創(chuàng)建不同類型的文本的方法 7.分離文本的方法的作用 教學(xué)難點(diǎn)：
1.設(shè)置填充色、填充漸變的操作
2.創(chuàng)建自動(dòng)伸縮和固定寬度的靜態(tài)文本，及屬性設(shè)置 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第267頁填空題，直接做在書上
本課小結(jié)：在前面學(xué)習(xí)了繪圖基礎(chǔ)和修改矢量圖的基本方法。本課學(xué)習(xí)的內(nèi)容是編輯矢量圖的顏色，使用、創(chuàng)建、編輯文本，文本的鏈接、文本的圖形化及制作藝術(shù)字。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：使用工具箱或熟悉面版中的顏色按鈕編輯矢量圖的顏色，使用混色器編輯顏色及工具編輯顏色，使用漸變色或位圖進(jìn)行填充，使用、創(chuàng)建、編輯文本并設(shè)置文本屬性和格式，文本的分離、制作藝術(shù)字。新課引入：第十七章 使用外部資源
···················································································· 教學(xué)過程與時(shí)間分配：
一、編輯顏色：（約50分鐘）
(一)利用工具想的顏色按鈕編輯線條和填充
1.線條顏色工具 2.填充顏色工具
3.默認(rèn)填充和線條顏色按鈕 4.無色按鈕
5.交換填充顏色和線條顏色按鈕(二)利用混色器編輯純色與漸變色：窗口—設(shè)計(jì)面版—混色器
1.編輯純色：兩種模式的顏色（RGB、HSB）2.編輯漸變色：兩種（線性、放射狀）(三)油漆桶工具：兩個(gè)選項(xiàng)（缺口尺寸、鎖定填充）
1.使用漸變色進(jìn)行填充：點(diǎn)擊、拖動(dòng) 2.使用位圖進(jìn)行填充：首先需要導(dǎo)入位圖到庫(四)墨水瓶工具：用于改變線條的顏色、寬度、類型，也可為填充添加輪廓
1.修改已有的線條：點(diǎn)擊 2.為填充圖添加輪廓線：點(diǎn)擊 3.使用漸變色和位圖繪制線條：
（1）使用漸變色繪制線條：筆觸顏色-混色器（2）使用位圖繪制線條(五)(一)吸管工具：從現(xiàn)有的線條或填充圖形總獲取顏色和類型信息 文本的類型：
二、編輯文本：（約50分鐘）
1.靜態(tài)文本：用于顯示固定不變的文字，影片運(yùn)行時(shí)不產(chǎn)生變化，可以創(chuàng)建超鏈接 2.動(dòng)態(tài)文本：用于顯示可以更新的文字 3.輸入文本：用于影片運(yùn)行時(shí)用戶輸入的內(nèi)容(二)文本的創(chuàng)建：
1.創(chuàng)建靜態(tài)文本
（1）靜態(tài)文本的樣式：橫板和豎版、可擴(kuò)展和固定寬度（2）創(chuàng)建方法：點(diǎn)擊或者拖動(dòng)
2.創(chuàng)建動(dòng)態(tài)文本、輸入文本及其滾動(dòng)文本（3）動(dòng)態(tài)和輸入文本沒有豎版（4）動(dòng)態(tài)和輸入文本可設(shè)置為滾動(dòng)文本(三)設(shè)置文本屬性和格式
1.設(shè)置靜態(tài)文本屬性
2.設(shè)置動(dòng)態(tài)文本和輸入文本的屬性 3.分離文本
（1）一次分離文本：成為獨(dú)立文字（2）二次分離文本：成為圖形
第二模塊 Flash 教學(xué)課題：
第十七章 使用外部資源
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash導(dǎo)入和編輯矢量圖或位圖 2.掌握Flash導(dǎo)入和編輯聲音文件 3.掌握Flash導(dǎo)入和編輯矢量圖或位圖 4.掌握Flash導(dǎo)入和編輯聲音文件
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.導(dǎo)入矢量圖和位圖的方法 2.編輯導(dǎo)入的位圖圖像 3.編輯聲音文件屬性 4.編輯聲音文件 教學(xué)難點(diǎn)：
1.轉(zhuǎn)換位圖為矢量圖
2.編輯屬性的4個(gè)選項(xiàng)有什么不同 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
2.課本第277頁填空題，直接做在書上
本課小結(jié)：本課學(xué)習(xí)的的內(nèi)容就是如何使用外部資源中的圖像、聲音。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：導(dǎo)入編輯圖像，導(dǎo)入和編輯聲音。新課引入：第十八章 編輯對象
···················································································· 教學(xué)過程與時(shí)間分配：
一、導(dǎo)入和編輯矢量圖或位圖：（約50分鐘）
(一)導(dǎo)入矢量圖和位圖
1.三種方法： 2.圖像序列的導(dǎo)入：(二)編輯導(dǎo)入的位圖圖像
1.使用屬性面版編輯位圖 2.設(shè)置位圖的屬性 3.分離位圖：修改—分離
4.使用套索工具的魔術(shù)棒工具編輯位圖：與之、平滑 5.轉(zhuǎn)換位圖為矢量圖：修改—位圖——轉(zhuǎn)換位圖為矢量圖
二、導(dǎo)入和編輯聲音文件：（約50分鐘）
(一)(二)可添加的聲音文件類型：wav、mp3、aiff等。添加聲音文件：
1.導(dǎo)入聲音：文件—導(dǎo)入到庫 2.編輯屬性：（1）選擇相應(yīng)的聲音
（2）選擇默認(rèn)的聲音效果：7種選擇（3）設(shè)置聲音同步類型：
1)事件：將聲音和一個(gè)時(shí)間的發(fā)生過程同步起來 2)開始：當(dāng)聲音播放時(shí)不會(huì)播放新的聲音 3)停止：將指定的聲音停止 4)數(shù)據(jù)流：重復(fù)和循環(huán)(三)聲音文件：編輯—編輯封套
1.設(shè)置顯示狀態(tài)：幀、時(shí)間 2.設(shè)置開始和結(jié)束位置 3.設(shè)置聲音的大小、聲道 4.設(shè)置聲音的效果(四)使用聲音實(shí)例——砸賭 實(shí)驗(yàn)5網(wǎng)頁廣告動(dòng)畫—“五一勞動(dòng)節(jié)”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.掌握Flash編輯顏色的方法 2.掌握Flash編輯文本的方法
實(shí)驗(yàn)過程：
1.建立大小為640*240的文檔，背景色為白色
2.新建“背景”層，設(shè)置黃到紅的反射狀漸變，漸變中心在舞臺(tái)偏左上的位置
3.新建“光芒”層，使用矩形工具繪制很窄的無邊框長條矩形，設(shè)置填充色為黃到透明的線性漸變；調(diào)整矩形的變形中心到黃色一端，使用變形面版，設(shè)置旋轉(zhuǎn)角度為15，復(fù)制并應(yīng)用變形，直到形成光芒圖形。將整個(gè)光芒選中，組合。
4.將組合后的光芒選中，轉(zhuǎn)換成元件。在第60幀插入關(guān)鍵幀，生成補(bǔ)間動(dòng)畫，在i設(shè)置旋轉(zhuǎn)。5.新建“文字1”，從Fireworks文檔中復(fù)制設(shè)置好樣式的文本，粘貼到相應(yīng)位置。同理，生成“文字2”層。
6.將兩個(gè)文字層延長到第60幀。
7.新建“星星”圖形元件，繪制五角星，調(diào)整透明度為60% 8.新建“星星閃”影片剪輯元件，將“星星”圖形元件拖入，制作星星閃的動(dòng)畫：在影片剪輯的第5、10、15幀插入關(guān)鍵幀，添加補(bǔ)間動(dòng)畫，設(shè)置第1幀和最后一幀的透明度為0 9.新建“星1-N”圖層，將“星星閃”元件拖入舞臺(tái)多次，分布在不同的層上，調(diào)整不同的大小、角度、透明度。并將動(dòng)畫延長到第60幀。10.保存原文件，導(dǎo)出動(dòng)畫
第二模塊 Flash 教學(xué)課題：
第十八章 編輯對象
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash對象的基本操作 2.掌握Flash對象的旋轉(zhuǎn)和翻轉(zhuǎn) 3.掌握Flash【變形】面版的使用
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.對象的不同選擇方式
2.對象的組合、及組合對象的編輯 3.對象的移動(dòng)、復(fù)制和刪除 4.對象的旋轉(zhuǎn)和翻轉(zhuǎn) 5.使用【變形】面版 教學(xué)難點(diǎn)：
1.對象的旋轉(zhuǎn)和翻轉(zhuǎn)
2.使用復(fù)制并應(yīng)用變形功能創(chuàng)建多彩圖形 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第284頁填空題，直接做在書上
本課小結(jié)：本課主要介紹舞臺(tái)元素上的各種編輯方法。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：使用箭頭、套索等工具選擇對象，對象的移動(dòng)、復(fù)制和刪除。，對象的對齊、旋轉(zhuǎn)和翻轉(zhuǎn)。新課引入：第十九章 元件、實(shí)例和庫
···················································································· 教學(xué)過程與時(shí)間分配：
一、對象的基本操作：（約50分鐘）
(一)對象的選擇：
1.使用箭頭工具選擇對象：
（1）單擊：可選擇單一線條，填充、群組、實(shí)例或文本（2）雙擊：同時(shí)選擇一個(gè)矢量圖的全部線條和填充（3）框選：選區(qū)內(nèi)的所有對象 2.使用套索工具選擇對象：（1）以曲線繪制選擇區(qū)域：（2）以直線繪制選擇區(qū)域：
（3）以曲線、直線混合繪制選擇區(qū)域：(二)對象的組合：
1.組合：修改—組合 2.取消組合：修改—取消組合
3.選擇組合體或組合體內(nèi)的對象：編輯—編輯所選項(xiàng)目，或雙擊(三)對象的移動(dòng)、復(fù)制和刪除
1.移動(dòng)對象：（1）直接拖動(dòng)：（2）使用方向鍵移動(dòng)：
（3）使用信息面版：注意調(diào)節(jié)對象中心 2.復(fù)制對象：
（1）拖動(dòng)法：按下alt或ctrl鍵（2）剪貼板法：
（3）變換操作法：窗口—變形 3.刪除對象：
（1）按delete鍵或backspace鍵（2）編輯—清除（3）編輯—剪切（4）鼠標(biāo)右鍵菜單—剪切
二、對象的旋轉(zhuǎn)和翻轉(zhuǎn)：（約30分鐘）
(一)(二)(一)對象的旋轉(zhuǎn)：修改—變形
對象的翻轉(zhuǎn)：變形—垂直翻轉(zhuǎn)|水平翻轉(zhuǎn)
【變形】對話框的變形設(shè)置：窗口—設(shè)計(jì)面版—變形
三、使用【變形】對話框：（約20分鐘）
1.按比例變形： 2.旋轉(zhuǎn)： 3.傾斜：(二)【變形】對話框的變形操作
1.復(fù)制并應(yīng)用變形： 2.重置：(三)【變形】對話框的應(yīng)用實(shí)例——多彩的海螺
第二模塊 Flash 教學(xué)課題：
第十九章 元件、實(shí)例和庫
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash元件的基本概念和優(yōu)點(diǎn) 2.掌握Flash實(shí)例的基本概念和特點(diǎn) 3.掌握Flash創(chuàng)建和編輯元件的方法
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.元件的基本概念和優(yōu)點(diǎn) 2.實(shí)例的基本概念和特點(diǎn) 3.庫的使用
4.元件的分類和創(chuàng)建方法對象的旋轉(zhuǎn)和翻轉(zhuǎn) 5.實(shí)例創(chuàng)建和編輯、修改 教學(xué)難點(diǎn)：
1.在電影之間復(fù)制庫文件 2.元件和實(shí)例之間的修改關(guān)系 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第299頁填空題，直接做在書上
本課小結(jié)：元件、實(shí)例和庫是動(dòng)畫設(shè)計(jì)中非常重要的概念，本課主要介紹元件、實(shí)例和庫的概念，元件、實(shí)例的創(chuàng)建，庫的操作。通過本章的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：元件、實(shí)例和庫的概念，創(chuàng)建圖形、按鈕、一片剪輯元件的方法，創(chuàng)建實(shí)例的方法，庫的操作，共享庫資源及處理庫中資源沖突。新課引入：第二十章 時(shí)間軸、時(shí)間軸特效
···················································································· 教學(xué)過程與時(shí)間分配：
一、基本概念：（約20分鐘）
(一)元件：元件是進(jìn)行影片設(shè)計(jì)的基本單位，是構(gòu)成影片的最基本的部分
1.創(chuàng)建元件的用途：
（1）圖形元件：用于繪制靜態(tài)圖像
（2）按鈕元件：用于創(chuàng)建響應(yīng)鼠標(biāo)時(shí)間的交互式按鈕（3）影片剪輯元件： 創(chuàng)建可重復(fù)使用的動(dòng)畫片段 2.元件的主要優(yōu)點(diǎn)：（1）可以重復(fù)使用
（2）使用元件可以簡化影片編輯
（3）可以顯著的縮減影片文件的大?。?）加快影片瀏覽和播放速度（5）制作漸變動(dòng)畫的前提(二)實(shí)例：
1.概念：舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)部的元件副本，2.特點(diǎn)：
（1）一個(gè)元件可以有多個(gè)副本（2）修改元件，實(shí)例隨即變化（3）修改實(shí)例，不影響元件(三)庫：可以重復(fù)使用的元件的儲(chǔ)存?zhèn)}庫
二、創(chuàng)建元件：（約30分鐘）
(一)創(chuàng)建元件的方法
1.將舞臺(tái)上的對象轉(zhuǎn)化為元件：（1）將對象拖放到庫中（2）右鍵菜單—轉(zhuǎn)換為元件 2.創(chuàng)建一個(gè)空元件：（1）插入—新建元件（2）庫面版——新建元件按鈕 3.退出：
（1）舞臺(tái)左上角的退出按鈕（2）編輯—編輯文檔（3）點(diǎn)擊場景按鈕(二)復(fù)制元件：重置元件，修改元件(三)創(chuàng)建按鈕元件實(shí)例
(四)創(chuàng)建圖形元件、影片剪輯元件實(shí)例
三、創(chuàng)建實(shí)例：（約30分鐘）
(一)創(chuàng)建實(shí)例的方法(二)編輯實(shí)例：
1.對實(shí)例進(jìn)行重新命名： 2.編輯實(shí)例的顏色： 3.編輯實(shí)例的尺寸
四、庫：（約20分鐘）
(一)庫的操作
(二)在電影之間復(fù)制庫文件：
1.復(fù)制和粘貼資源 2.拖放復(fù)制資源(三)共享庫資源
1.運(yùn)行時(shí)的共享資源 2.編輯時(shí)的共享資源(四)庫中資源沖突的處理：選擇不同的名稱4.移動(dòng)實(shí)例的位置;5.交換元件實(shí)例：
6.更改實(shí)例類型：分離實(shí)例：
實(shí)驗(yàn)6 網(wǎng)頁廣告動(dòng)畫—“跳動(dòng)的文字”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.掌握Flash對象的基本操作
2.掌握Flash對象的旋轉(zhuǎn)和翻轉(zhuǎn)、【變形】面版的使用 3.掌握Flash元件和實(shí)例的基本概念和優(yōu)點(diǎn) 4.掌握Flash創(chuàng)建和編輯元件的方法
實(shí)驗(yàn)過程：
一、縮放文字：
1.建立大小為400*200的文檔，將圖層1重命名為“背景”，使用矩形工具，繪制舞臺(tái)尺寸大小的矩形（無線條色，填充為藍(lán)到黑的放射狀漸變）；將背景層鎖定。2.新建層輸入文字“welcome”，調(diào)整字體、大小和顏色；將文字打散一次成為單個(gè)字母，使用對齊面板設(shè)置好文字的位置，逐個(gè)轉(zhuǎn)換成相應(yīng)名稱的圖像元件；將所有文字選中使用“修改-時(shí)間軸-分散到圖層”。
3.選中第一個(gè)字母，在第15幀插入關(guān)鍵幀；將第15幀中文字大小設(shè)置為600%，透明度為20%。4.同理制作其他字母動(dòng)畫，設(shè)置以后每個(gè)字母落后5幀。將所有層動(dòng)畫按F5延長到最后一個(gè)字母完成時(shí)的幀。
5.保存原文件，導(dǎo)出動(dòng)畫。
二、跳動(dòng)的文字：
1.建立大小為400*240的文檔，設(shè)置背景色為藍(lán)色。
2.新建影片剪輯元件“跳動(dòng)文字”，在元件中心輸入文字,可按自己喜好輸入。
3.將文字打散一次，使用對齊面板設(shè)置好文字的位置，逐個(gè)轉(zhuǎn)換成相應(yīng)名稱的圖像元件；將所有文字選中使用“修改-時(shí)間軸-分散到圖層”。4.拖動(dòng)出輔助線，設(shè)置好文字預(yù)計(jì)運(yùn)動(dòng)位置。
5.選中第一個(gè)字母，分別在第10幀和第20幀插入關(guān)鍵；拖動(dòng)第10幀中的字母到運(yùn)動(dòng)最高點(diǎn)第20幀落回原位；將第1幀和第10幀的“緩動(dòng)值”分別設(shè)置為“50”和“-50 ” 6.同理制作其他字母動(dòng)畫，設(shè)置以后每個(gè)字母落后5幀。
7.將所有層動(dòng)畫延長到最后一個(gè)字母完成時(shí)的幀；退出元件編輯狀態(tài)，回到場景
8.將圖層1重命名為“背景”，使用矩形工具，繪制大小為舞臺(tái)一半的無線條色，填充為透明度為30%的黑色塊。
9.新建“文字”層，將庫中的剪輯元件“跳動(dòng)文字”拖動(dòng)到舞臺(tái)上，調(diào)整好位置
10.新建“倒影”層，將文字層的影片剪輯元件復(fù)制并垂直翻轉(zhuǎn)，調(diào)整透明度形成倒影 11.保存原文件，導(dǎo)出動(dòng)畫。
第二模塊 Flash 教學(xué)課題：
第二十章 時(shí)間軸、時(shí)間軸特效
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash時(shí)間軸的概念和相關(guān)操作 2.掌握Flash圖層的概念和相關(guān)操作
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.幀和動(dòng)畫的含義和表示 2.幀的種類及相關(guān)操作 3.標(biāo)簽、注釋和錨記的使用 4.圖層的分類、圖層操作 5.時(shí)間軸特效的添加及設(shè)置 教學(xué)難點(diǎn)：
1.圖層的分類、圖層操作 2.運(yùn)動(dòng)引導(dǎo)層和被引導(dǎo)層的作用 3.遮罩層與被遮罩層的作用 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
2.課本第320頁填空題，直接做在書上
本課小結(jié)：時(shí)間軸是Flash8設(shè)計(jì)中能夠形成畫的關(guān)鍵內(nèi)容，無論是制作動(dòng)畫還是播放動(dòng)畫，都離不開對時(shí)間軸的操作。時(shí)間軸特效使得在Flash8創(chuàng)作進(jìn)程、執(zhí)行最少的步驟可制作復(fù)雜的動(dòng)畫，從而免去復(fù)雜的創(chuàng)作過程。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：時(shí)間軸及時(shí)間軸中的動(dòng)畫表示，播放紙張及幀的操作，標(biāo)簽、注釋和錨記，圖層的構(gòu)成及操作，時(shí)間軸特效的應(yīng)用。新課引入：第二十一章 制作動(dòng)畫（1）
···················································································· 教學(xué)過程與時(shí)間分配：
一、時(shí)間軸：（約50分鐘）
(一)時(shí)間軸及動(dòng)畫表示：
1.幀和動(dòng)畫的含義和表示：
2.時(shí)間軸的概念：圖層，幀、播放指針 3.時(shí)間軸中動(dòng)畫表示：(二)播放指針和幀操作：
1.播放指針和幀：
（1）播放指針：控制當(dāng)前舞臺(tái)上顯示時(shí)間軸的幀及幀的內(nèi)容（2）幀：幀的種類
2.幀的顯示方式：大小、顏色、關(guān)聯(lián)等 3.幀的操作：（1）插入關(guān)鍵幀（2）插入空白關(guān)鍵幀（3）插入普通幀（4）選擇幀（5）拖動(dòng)幀(三)標(biāo)簽、注釋和錨記：
1.創(chuàng)建標(biāo)簽： 2.添加注釋： 3.命名錨記： 4.錨記應(yīng)用實(shí)例：
二、圖層：（約20分鐘）
(一)圖層的分類：
1.普通圖層：
2.引導(dǎo)層：在繪圖時(shí)幫助對齊對象
3.運(yùn)動(dòng)引導(dǎo)層和被引導(dǎo)層：使對象沿相應(yīng)軌跡運(yùn)動(dòng) 4.遮罩層與被遮罩層：設(shè)置對象的顯示動(dòng)畫 5.文件夾層：組織和管理圖層(二)圖層操作：
1.創(chuàng)建和刪除圖層及圖層文件夾：
2.圖層的操作：隱藏與顯示、顯示邊框、鎖定與解鎖
3.編輯圖層和圖層文件夾：重命名、選擇、復(fù)制、刪除、改變順尋、移動(dòng) 4.圖層中對象的疊放次序：
三、時(shí)間軸特效：（約50分鐘）
(一)時(shí)間軸特效基礎(chǔ)：
1.時(shí)間軸特效的添加：插入—時(shí)間軸特效 2.時(shí)間軸特效的編輯：設(shè)置參數(shù)、查看預(yù)覽 3.時(shí)間軸特效的刪除：(二)創(chuàng)建時(shí)間軸特效：
5.分離： 6.展開： 7.投影： 8.模糊： 1.變形： 2.轉(zhuǎn)換： 3.分散式重制： 4.復(fù)制到網(wǎng)格：
（6）復(fù)制幀
（7）關(guān)鍵幀與普通幀的相互轉(zhuǎn)換（8）刪除幀（9）清楚幀（10）清除關(guān)鍵幀
第二模塊 Flash 教學(xué)課題：
第二十一章 制作動(dòng)畫（1）21.1-21.4動(dòng)畫
計(jì)劃課時(shí)：2課時(shí) 授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash動(dòng)畫原理 2.掌握Flash逐幀動(dòng)畫的創(chuàng)作 3.掌握Flash直線型運(yùn)動(dòng)漸變動(dòng)畫 4.掌握Flash曲線型運(yùn)動(dòng)漸變動(dòng)畫
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.了解動(dòng)畫的原理 2.了解動(dòng)畫的分類 3.掌握逐幀動(dòng)畫的制作方法 4.掌握直線型運(yùn)動(dòng)漸變動(dòng)制作方法 5.掌握曲線型運(yùn)動(dòng)漸變動(dòng)畫制作方法 教學(xué)難點(diǎn)：
1.逐幀動(dòng)畫的制作方法 2.直線型運(yùn)動(dòng)漸變動(dòng)制作方法 3.曲線型運(yùn)動(dòng)漸變動(dòng)畫制作方 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第343頁填空題，直接做在書上
本課小結(jié)：時(shí)間軸是Flash8設(shè)計(jì)中能夠形成畫的關(guān)鍵內(nèi)容，無論是制作動(dòng)畫還是播放動(dòng)畫，都離不開對時(shí)間軸的操作。時(shí)間軸特效使得在Flash8創(chuàng)作進(jìn)程、執(zhí)行最少的步驟可制作復(fù)雜的動(dòng)畫，從而免去復(fù)雜的創(chuàng)作過程。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：時(shí)間軸及時(shí)間軸中的動(dòng)畫表示，播放紙張及幀的操作，標(biāo)簽、注釋和錨記，圖層的構(gòu)成及操作，時(shí)間軸特效的應(yīng)用。新課引入： 綜合練習(xí)
···················································································· 教學(xué)過程與時(shí)間分配：
一、Flash動(dòng)畫原理：（約50分鐘）
(一)(二)動(dòng)畫的原理：視覺殘留 動(dòng)畫的分類：
1.按照人機(jī)關(guān)系分：非交互式、交互式 2.圖像的繪制方式分： 1)逐幀動(dòng)畫：
2)漸變動(dòng)畫：運(yùn)動(dòng)漸變、形狀漸變
二、逐幀動(dòng)畫：（約50分鐘）每一幀都是關(guān)鍵幀
(一)(二)(一)導(dǎo)入逐幀動(dòng)畫：文件—導(dǎo)入—導(dǎo)入到庫 制作逐幀動(dòng)畫實(shí)例：
直線型運(yùn)動(dòng)漸變動(dòng)畫的創(chuàng)建方法：
三、直線型運(yùn)動(dòng)漸變動(dòng)畫：從對象的兩個(gè)關(guān)鍵幀之間做運(yùn)動(dòng)
1.創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫的方法：三種方法 2.創(chuàng)建補(bǔ)間動(dòng)畫時(shí)在屬性面版中進(jìn)行屬性設(shè)置（1）幀：幀的名稱
（2）標(biāo)簽類型：名稱、注釋、錨記（3）補(bǔ)間：無、動(dòng)作、形狀（4）緩動(dòng)：運(yùn)動(dòng)速度的變化（5）旋轉(zhuǎn)：對象的旋轉(zhuǎn)設(shè)置(二)(三)(四)(一)(二)制作直線運(yùn)動(dòng)漸變動(dòng)畫實(shí)例 制作跳躍運(yùn)動(dòng)漸變動(dòng)畫實(shí)例 制作復(fù)合直線運(yùn)動(dòng)漸變動(dòng)畫實(shí)例
曲線型運(yùn)動(dòng)漸變動(dòng)畫的創(chuàng)作方法：設(shè)置引導(dǎo)層 曲線型運(yùn)動(dòng)漸變動(dòng)畫的創(chuàng)作實(shí)例：
四、曲線型運(yùn)動(dòng)漸變動(dòng)畫制作方法：
第二模塊 Flash
教學(xué)課題：
綜合練習(xí)
計(jì)劃課時(shí)：2課時(shí)
授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash動(dòng)畫原理
2.掌握Flash逐幀動(dòng)畫的創(chuàng)作 3.掌握Flash直線型運(yùn)動(dòng)漸變動(dòng)畫 4.掌握Flash曲線型運(yùn)動(dòng)漸變動(dòng)畫
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.了解動(dòng)畫的原理 2.了解動(dòng)畫的分類
3.掌握逐幀動(dòng)畫的制作方法
4.掌握直線型運(yùn)動(dòng)漸變動(dòng)制作方法 5.掌握曲線型運(yùn)動(dòng)漸變動(dòng)畫制作方法 教學(xué)難點(diǎn)：
1.逐幀動(dòng)畫的制作方法
2.直線型運(yùn)動(dòng)漸變動(dòng)制作方法 3.曲線型運(yùn)動(dòng)漸變動(dòng)畫制作方 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
2.課本第343頁填空題，直接做在書上
本課小結(jié)：時(shí)間軸是Flash8設(shè)計(jì)中能夠形成畫的關(guān)鍵內(nèi)容，無論是制作動(dòng)畫還是播放動(dòng)畫，都離不開對時(shí)間軸的操作。時(shí)間軸特效使得在Flash8創(chuàng)作進(jìn)程、執(zhí)行最少的步驟可制作復(fù)雜的動(dòng)畫，從而免去復(fù)雜的創(chuàng)作過程。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：時(shí)間軸及時(shí)間軸中的動(dòng)畫表示，播放紙張及幀的操作，標(biāo)簽、注釋和錨記，圖層的構(gòu)成及操作，時(shí)間軸特效的應(yīng)用。新課引入：第二十一章 制作動(dòng)畫（1）
21.5-21.7動(dòng)畫
···················································································· 教學(xué)過程與時(shí)間分配：
一、簡單運(yùn)動(dòng)動(dòng)畫制作：（約40分鐘）
(一)殘影效果：
二、引導(dǎo)層：（約50分鐘）
(一)太陽星星升起月落下：
(二)汽車廣告：
第二模塊 Flash 教學(xué)課題：
第二十一章 制作動(dòng)畫（1）21.5-21.7動(dòng)畫
計(jì)劃課時(shí)：2課時(shí)
授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash形狀漸變動(dòng)畫的制作 2.掌握Flash遮罩動(dòng)畫的制作 3.掌握Flash動(dòng)畫的編輯
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.形狀漸變動(dòng)畫的原理
2.不使用形狀提示漸變動(dòng)畫的方法 3.使用形狀提示漸變動(dòng)畫的制作的方法 4.遮罩動(dòng)畫的操作 5.編輯動(dòng)畫的方法 教學(xué)難點(diǎn)：
1.洋蔥皮工具的使用 2.遮罩動(dòng)畫的各典型實(shí)例
3.使用形狀提示漸變動(dòng)畫的創(chuàng)作方法 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
3.課本第343頁填空題，直接做在書上
本課小結(jié)：時(shí)間軸是Flash8設(shè)計(jì)中能夠形成畫的關(guān)鍵內(nèi)容，無論是制作動(dòng)畫還是播放動(dòng)畫，都離不開對時(shí)間軸的操作。時(shí)間軸特效使得在Flash8創(chuàng)作進(jìn)程、執(zhí)行最少的步驟可制作復(fù)雜的動(dòng)畫，從而免去復(fù)雜的創(chuàng)作過程。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：時(shí)間軸及時(shí)間軸中的動(dòng)畫表示，播放紙張及幀的操作，標(biāo)簽、注釋和錨記，圖層的構(gòu)成及操作，時(shí)間軸特效的應(yīng)用。新課引入：第二十二章 簡單的交互動(dòng)畫 ···················································································· 教學(xué)過程與時(shí)間分配：
一、形狀漸變動(dòng)畫：（約20分鐘）
(一)形狀漸變：一個(gè)對象隨著時(shí)間的推移，逐漸演變成另一個(gè)對象所產(chǎn)生的形變效果。(二)不使用形狀提示漸變動(dòng)畫的創(chuàng)作方法：(三)不使用形狀提示漸變動(dòng)畫創(chuàng)作實(shí)例：1變2(四)使用形狀提示漸變動(dòng)畫的創(chuàng)作方法： 1.形狀提示：為系統(tǒng)指出形狀漸變的提示點(diǎn) 2.添加形狀提示：修改-形狀-添加形狀提示 3.移動(dòng)形狀提示： 4.刪除形狀提示：(五)使用形狀提示漸變動(dòng)畫的制作實(shí)例：1變2
二、遮罩動(dòng)畫：（約50分鐘）
(一)遮罩原理：(二)遮罩的操作： 1.創(chuàng)建遮罩
2.將普通層變成遮罩層 3.將遮罩層變?yōu)槠胀▓D層(三)在遮罩層中制作動(dòng)畫實(shí)例——展開的畫卷(四)動(dòng)畫制作實(shí)例——移動(dòng)的放大鏡
三、編輯動(dòng)畫：（約20分鐘）
(一)洋蔥皮工具： 1.洋蔥皮工具： 2.洋蔥皮邊框工具： 3.修改多幀工具：
4.修改洋蔥皮標(biāo)志工具：
5.創(chuàng)建補(bǔ)間動(dòng)畫時(shí)在屬性面版中進(jìn)行屬性設(shè)置(二)移動(dòng)動(dòng)畫 實(shí)驗(yàn)7 網(wǎng)頁廣告—“共青團(tuán)網(wǎng)站橫幅”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.掌握Flash形狀漸變動(dòng)畫的制作 2.掌握Flash遮罩動(dòng)畫的制作 3.掌握Flash動(dòng)畫的編輯
實(shí)驗(yàn)過程：
一、Fireworks部分：
1.將“漢儀綜藝體簡”和“方正黃草體”兩種字體裝入本機(jī)。2.建立大小為643*168的文檔，背景色為#DD060C；將優(yōu)化設(shè)置為jpg。3.導(dǎo)入“國旗.jpg”，并添加放射狀蒙版，使國旗和背景色融合。
4.分別使用“漢儀綜藝體簡”和“方正黃草體”輸入文字，完成如圖背景。
5.保存源文件為“共青團(tuán).png”并導(dǎo)出為“共青團(tuán).jpg”格式。
二、Flash部分：
1.建立大小為643*168的文檔，背景色為#DD060C；導(dǎo)入制作好的背景，將圖層鎖定。2.導(dǎo)入“團(tuán)徽.png”圖片，調(diào)整位置，鎖定圖層。3.制作文字閃光效果：（1）新建“文字閃光層”，輸入同樣大小和字體的“共青團(tuán)網(wǎng)站”字樣，與背景文字重疊，并轉(zhuǎn)換為影片剪輯元件；雙擊進(jìn)入元件（2）文字層下方新建層，使用矩形工具和變形工具繪制“閃光”，并轉(zhuǎn)為“閃光”圖形元件。（3）制作閃光來回移動(dòng)動(dòng)畫，延長文字層；將文字層轉(zhuǎn)為遮罩層。4.制作團(tuán)徽閃光效果：（1）在導(dǎo)入的團(tuán)徽層下新建一層，繪制一個(gè)略大的無線條，填充為黃到透明的圓，并轉(zhuǎn)為“光芒”影片剪輯元件；進(jìn)入元件，將圓轉(zhuǎn)換為“光”圖形元件，制作閃光效果。（2）
回到場景，在導(dǎo)入的團(tuán)徽層上新建一層，繪制一個(gè)略小無填充的圓，轉(zhuǎn)換為為影片剪輯元件；進(jìn)入元件，使用橡皮擦工具擦除部分圓；在圓弧下面新建層，拖入 “光芒”影片剪輯元件，使它沿掩護(hù)做引導(dǎo)動(dòng)畫。
5.返回場景，保存原文件，導(dǎo)出動(dòng)畫。
第二模塊 Flash 教學(xué)課題：
第二十二章 簡單的交互動(dòng)畫
計(jì)劃課時(shí)：2課時(shí)
授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.掌握Flash動(dòng)畫腳本的基本設(shè)置 2.掌握Flash【動(dòng)作】面版的使用 3.領(lǐng)會(huì)、理解常用動(dòng)作腳本指令 4.掌握、運(yùn)用事件與動(dòng)作
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.動(dòng)作腳本的概念 2.3種動(dòng)作子面版
3.【動(dòng)作】面版的使用方法 4.按鈕的各種狀態(tài) 5.電影剪輯事件 教學(xué)難點(diǎn)：
1.主要的動(dòng)畫控制指令 2.流程控制指令 3.事件與動(dòng)作的設(shè)置 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
4.課本第359頁填空題，直接做在書上
本課小結(jié)：制作交互式動(dòng)畫是Flash動(dòng)畫設(shè)計(jì)中比較高級的內(nèi)容，具有一定的難度。而交互式動(dòng)畫是Flash動(dòng)畫作品最為吸引人的地方。通過本科的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：動(dòng)作腳本基礎(chǔ)知識(shí)和使用火動(dòng)作面版，簡單的腳本質(zhì)量，制作簡單的交互式動(dòng)畫。新課引入：第二十三章 優(yōu)化、發(fā)布和導(dǎo)出電影 ···················································································· 教學(xué)過程與時(shí)間分配：
一、動(dòng)畫腳本的基本設(shè)置：（約10分鐘）
(一)動(dòng)作腳本的概念：是Flash 8 的腳本編程語言，是一種面向?qū)ο蟮木幊谭绞健?二)動(dòng)作腳本的基本設(shè)置：編輯-首選參數(shù)-Action Script
二、使用【動(dòng)作】面版：（約10分鐘）
(一)啟用【動(dòng)作】面版：3種子面版：動(dòng)作—幀|電影剪輯|按鈕(二)【動(dòng)作】面版的使用方法： 1.查看動(dòng)作
2.添加動(dòng)作：3種方法
（1）雙擊或拖動(dòng)到腳本編輯區(qū)（2）鼠標(biāo)右鍵—添加到腳本
（3）單擊腳本腳本編輯區(qū)左上角“將新項(xiàng)目添加到腳本” 3.編輯動(dòng)作： 4.查找與替換：
三、常用動(dòng)作腳本指令：（約30分鐘）
(一)主要的動(dòng)畫控制指令： 1.stop（）和play（）：用于停止和播放當(dāng)前電影 2.gotoAndPlay（）和gotoAndStop（）：制定電影的停止和播放位置 3.nextFrame（）和prevFrame（）：用于播放并停止在下一幀或上一幀 4.nextScreen（）和prevScreen（）：用于進(jìn)入電影的下一個(gè)或上一個(gè)場景并停止在第一幀 5.startDray（）和stop Dray（）：用于設(shè)置鼠標(biāo)開始拖動(dòng)電影中指定的電影剪輯元件實(shí)例 6.stopAllSounds（）：停止所有聲音，但不影響電影的播放 7.getURL（）：調(diào)用網(wǎng)頁或郵件地址 8.setProperty（）和getProperty（）：用于設(shè)置或獲取元件實(shí)例的某些屬性(二)流程控制指令
1.if指令：條件轉(zhuǎn)移指令 2.while指令：先判斷再執(zhí)行 3.do while指令：先執(zhí)行再判斷 4.for 指令：循環(huán)指令
四、事件與動(dòng)作：（約20分鐘）
(一)設(shè)置幀事件：(二)設(shè)置按鈕事件：按鈕的各種狀態(tài)(三)設(shè)置電影剪輯事件：電影剪輯事件
五、簡單交互動(dòng)畫實(shí)例：（約20分鐘）
(一)實(shí)例1：天女散花：(二)實(shí)例2：可控制放大鏡(三)實(shí)例3：放飛氣球
第二模塊 Flash 教學(xué)課題：
第二十三章 優(yōu)化、發(fā)布和導(dǎo)出電影
計(jì)劃課時(shí)：2課時(shí)
授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.領(lǐng)會(huì)、理解Flash優(yōu)化電影的原則
2.掌握Flash發(fā)布Flash電影的方法與設(shè)置
3.掌握、運(yùn)用Flash發(fā)布GIF、JPEG、PNG等格式文件 4.掌握Flash導(dǎo)出電影的設(shè)置
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.優(yōu)化電影的一般原則 2.優(yōu)化矢量圖的一般原則 3.優(yōu)化文本和字體的一般原則 4.優(yōu)化顏色的一般原則 5.發(fā)布電影的步驟 教學(xué)難點(diǎn)：
1.布GIF、JPEG、PNG等格式文件 2.導(dǎo)出Flash電影 突破難點(diǎn)的關(guān)鍵：
實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第371頁填空題，直接做在書上
本課小結(jié)：在制作Flash作品時(shí)，應(yīng)該以最小的文件空間，創(chuàng)作最理想的Flash作品，并達(dá)到最佳的作品質(zhì)量和最快的文件下載與播放速度。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：優(yōu)化電影的原則，發(fā)布Flash電影和圖像，導(dǎo)出Flash電影和圖像。
新課引入：第二十三章 優(yōu)化、發(fā)布和導(dǎo)出電影 ·················································································· 教學(xué)過程與時(shí)間分配：
一、優(yōu)化電影：（約10分鐘）
(一)優(yōu)化電影的一般原則：
1.重復(fù)使用的元素應(yīng)該轉(zhuǎn)換為元件 2.盡量不使用逐幀動(dòng)畫
3.盡量使用電影剪輯而不是圖形
4.兩關(guān)鍵幀之間發(fā)生變化的距離越短越好 5.盡量不用位圖制作動(dòng)作 6.聲音文件mp3 7.少用時(shí)間軸特效(二)優(yōu)化矢量圖的一般原則 1.盡量將圖形組成群組
2.將靜態(tài)對象和動(dòng)畫分到不同層 3.對孤立線條進(jìn)行優(yōu)化 4.盡量使用實(shí)線
5.用鉛筆工具繪制的線條占用空間小(三)優(yōu)化文本和字體的一般原則 1.減少字體種類，使用系統(tǒng)字體 2.選擇需要的字符的嵌入字體 3.盡量不打散文字(四)優(yōu)化顏色的一般原則 1.盡量減少顏色使用的種類 2.使用混色器面版默認(rèn)顏色 3.盡量少用漸變填充
4.盡量減少設(shè)置顏色的透明度
二、發(fā)布Flash電影：（約10分鐘）
(一)發(fā)布電影的步驟：
1.準(zhǔn)備完整的Flash應(yīng)用程序所需的所有文件 2.使用發(fā)布命令市場影片和相應(yīng)的附屬文件(二)設(shè)置發(fā)布文件格式：(三)設(shè)置Flash發(fā)布選項(xiàng)：盡量選擇高版本(四)設(shè)置HTML格式文件：
三、發(fā)布GIF、JPEG、PNG等格式文件：（約30分鐘）
(一)設(shè)置GIF格式文件：(二)設(shè)置JPEG格式文件：(三)設(shè)置PNG格式文件
四、導(dǎo)出Flash電影：（約20分鐘）
(一)導(dǎo)出電影：文件—導(dǎo)出—導(dǎo)出影片(二)導(dǎo)出圖像：文件—導(dǎo)出—導(dǎo)出圖像
實(shí)驗(yàn)8 網(wǎng)頁導(dǎo)航欄動(dòng)畫—“產(chǎn)品列表”
實(shí)驗(yàn)課時(shí)：2課時(shí)
實(shí)驗(yàn)環(huán)境：windows XP，網(wǎng)頁三劍客 實(shí)驗(yàn)設(shè)備：電腦 實(shí)驗(yàn)?zāi)康模?/p>
1.掌握Flash動(dòng)畫腳本的基本設(shè)置、【動(dòng)作】面版的使用 2.領(lǐng)會(huì)、理解常用動(dòng)作腳本指令 3.掌握、運(yùn)用事件與動(dòng)作 4.掌握Flash導(dǎo)出電影的設(shè)置
實(shí)驗(yàn)過程：
一、制作產(chǎn)品簡介：
1.建立大小為400*200的文檔，背景為黑色。2.新建按鈕元件“產(chǎn)品簡介”，使用矩形工具和文本工具設(shè)置按鈕的3個(gè)狀態(tài)及反應(yīng)區(qū)。3.修改按鈕的屬性，使其產(chǎn)生動(dòng)態(tài)的凸起和凹下效果。
二、制作菜單命令：
1.復(fù)制“產(chǎn)品簡介”元件，分別命名為“光盤”、“硬盤”
2.修改對應(yīng)元件的文字內(nèi)容，及顯示效果。
三、制作菜單動(dòng)畫片段：
1.新建影片剪輯元件“彈出菜單”，在第1幀拖入“產(chǎn)品簡介”；
2.第2幀分別把“光盤”和“硬盤”拖放到適合位置（可以使用對齊面板）。3.在第10幀插入關(guān)鍵幀
4.給第1幀添加幀動(dòng)作為“stop”，給第10幀添加幀動(dòng)作為“轉(zhuǎn)到并停止在第1幀”。5.給第1幀中的“產(chǎn)品簡介”按鈕添加動(dòng)作
“on(rollOut){ gotoAndPlay(3);} on(rollOver){ gotoAndPlay(2);}”
6.同理給其他按鈕也添加同樣的動(dòng)作語句。
7.將影片剪輯元件“彈出菜單”拖入場景，保存源文件，導(dǎo)出動(dòng)畫。
第三模塊 Dreamweaver
教學(xué)課題：
第一章Dreamweaver 基礎(chǔ)知識(shí)
計(jì)劃課時(shí)：2課時(shí)
授課形式：多媒體教學(xué) 教學(xué)輔助：投影，電腦 教學(xué)目的與要求：
1.了解Dreamweave的功能和新特性
2.掌握Dreamweave的工作界面、工具箱、面板組等
3.掌握Dreamweaver站點(diǎn)操作（新建站點(diǎn)，管理站點(diǎn)和刪除站點(diǎn)）4.掌握Dreamweaver頁面基本操作
知識(shí)點(diǎn)：
教學(xué)重點(diǎn)：
1.Dreamweave的工作界面組成 2.Dreamweave的工作界面操作 3.Dreamweaver站點(diǎn)操作 4.頁面基本操作 教學(xué)難點(diǎn)：
1.創(chuàng)建本地站點(diǎn)的方法
2.本地站點(diǎn)的管理：編輯、刪除、復(fù)制、導(dǎo)入和導(dǎo)出 突破難點(diǎn)的關(guān)鍵：
1.實(shí)例講解，區(qū)別對比
作業(yè)布置：
1.課本第15頁填空題
本課小結(jié)：Dreamweave是一款用來設(shè)計(jì)網(wǎng)頁的多功能應(yīng)用程序。隨著版本的不斷升級，功能的不斷加強(qiáng)，Dreamweave受到愈來愈多網(wǎng)頁制作者的青睞。目前最新版本Dreamweave更是以它方便快捷的操作模式有的諸多好評。通過本課的學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：認(rèn)識(shí)Dreamweaver工作區(qū)，掌握基本的文檔操作，站點(diǎn)操作（新建站點(diǎn)，管理站點(diǎn)和刪除站點(diǎn)）。新課引入：第二章 制作圖文混排網(wǎng)頁 ·················································································· 教學(xué)過程與時(shí)間分配：
一、Dreamweaver 8簡介（約20分鐘）
(一)Dreamweaver優(yōu)點(diǎn)：所見即所得(二)啟動(dòng)和退出Dreamweaver8：
二、Dreamweaver8操作界面（約30分鐘）
(一)標(biāo)題欄：顯示文檔路徑和文件名稱(二)菜單欄：共10個(gè)(三)插入欄：圖像化的插入命令，可插入圖像、聲音、多媒體動(dòng)畫、表格、圖層、框架、表單、Flash Active等元素。(四)文檔工具欄：提供各種文檔窗口視圖—設(shè)計(jì)和代碼(五)文檔窗口：設(shè)計(jì)、代碼、拆分視圖
第二篇：網(wǎng)頁設(shè)計(jì)與制作教案免費(fèi)學(xué)技術(shù)改變生活
網(wǎng)頁設(shè)計(jì)和發(fā)布流程
第一步是對站點(diǎn)進(jìn)行規(guī)劃 第二步是創(chuàng)建站點(diǎn)的基本結(jié)構(gòu) 第三步即可開始具體的網(wǎng)頁創(chuàng)作過程 最后一步是站點(diǎn)的發(fā)布
第一節(jié) 站點(diǎn)的規(guī)劃與創(chuàng)建
【教學(xué)目的與要求】
一、規(guī)劃站點(diǎn)
二、創(chuàng)建一個(gè)站點(diǎn) 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】： 基礎(chǔ)知識(shí)：規(guī)劃站點(diǎn) 重點(diǎn)知識(shí)：創(chuàng)建一個(gè)站點(diǎn) 2課時(shí)
【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、規(guī)劃站點(diǎn)
Web站點(diǎn)是一組具有共享屬性（如相關(guān)主題、類似的設(shè)計(jì)或共同目的等）的鏈接文檔。
本地站點(diǎn)：是本地硬盤中存放遠(yuǎn)程網(wǎng)站所有文檔的地方（文件夾）。建立網(wǎng)站的通常做法是：在要地硬盤中建立一個(gè)文件夾用來存放網(wǎng)站的所有文件，往后就在該文件夾中創(chuàng)建和編輯文檔。待網(wǎng)頁設(shè)計(jì)和測試好之后，再把它們拷貝到網(wǎng)站上供瀏覽者瀏覽。
1、規(guī)劃站點(diǎn)結(jié)構(gòu) 注：規(guī)劃站點(diǎn)的結(jié)構(gòu)之前應(yīng)先用筆繪出站點(diǎn)的結(jié)構(gòu)圖（如下圖所示是一個(gè)典型的學(xué)校站點(diǎn)的結(jié)構(gòu)圖）
2、規(guī)劃站點(diǎn)的瀏覽機(jī)制 一般可采用以下的方法： ? 創(chuàng)建返回主頁的鏈接 ? 顯示網(wǎng)站專題目錄 ? 顯示當(dāng)前位置 ? 搜索和索引
? 反饋（將網(wǎng)頁創(chuàng)作者或網(wǎng)站管理員公布在網(wǎng)頁上，或創(chuàng)建一個(gè)E-MAIL超級鏈接，以使用戶能快速地將信息反饋到網(wǎng)站中）
二、創(chuàng)建一個(gè)站點(diǎn) 步驟：
1、單擊“文件”---“新建”---“站點(diǎn)”命令（或單擊常用工具欄中“新建網(wǎng)頁”按鈕的下拉箭頭，從打開的下拉菜單中選擇“站點(diǎn)”命令）
2、選擇一種站點(diǎn)模板或向?qū)?/p>
3、單擊“確定”按鈕
三、站點(diǎn)的基本操作
1、打開站點(diǎn)：“文件”---“打開站點(diǎn)”
2、刪除站點(diǎn)：
方法一：在Windows資源管理器中刪除一個(gè)站點(diǎn)
方法二：在FrontPage中刪除站點(diǎn)，在“文件夾”視圖或“網(wǎng)頁”視圖的“文件夾列表”中，右擊站點(diǎn)所對應(yīng)的目錄，在快捷菜單中單擊“刪除”命令
3、站點(diǎn)的設(shè)置
“工具”----“站點(diǎn)設(shè)置”，有“常規(guī)”、“參數(shù)”、“高級”、“語言”、“導(dǎo)航”、“數(shù)據(jù)庫”六個(gè)選項(xiàng)卡 【課程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第二節(jié) 利用表格進(jìn)行網(wǎng)頁布局
【教學(xué)目的與要求】
一、插入表格
二、單元格的基本操作 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)： 插入表格 重點(diǎn)知識(shí)：單元格的基本操作 【教學(xué)組織過程】2課時(shí) 2課時(shí)
1．上講回顧 2．教授新知 【授課內(nèi)容】
一、插入表格
1、單擊常用工具上的“插入表格”按鈕
2、單擊“表格”---“插入”---“表格”命令
3、使用表格工具欄（“查看”—“工具欄”---“表格”命令）
4、由文本轉(zhuǎn)換（“表格”—“轉(zhuǎn)換”—“文本到表格”）一般以段落為分行標(biāo)記，以逗號或句號為分列標(biāo)記。
二、單元格的基本操作
1、選擇單元格（“表格”—“選定”—“單元格”）Ctrl：可選擇不相鄰的單元格 Shift：選擇多個(gè)相鄰的單元格
2、插入單元格（“表格”—“插入”—“單元格”）
3、合并單元格（“表格”—“合并單元格”或“表格工具欄”上的“合并單元格”按鈕）
4、拆分單元格（“表格”—“拆分單元格”或“表格工具欄”上的“拆分單元格”按鈕）
三、填充單元格
1、文本與圖像填充（“插入”—“圖片”）
2、對齊文本與圖像（“表格”—“屬性”—“單元格”，“水平對齊方式”、“垂直對齊方式”）
3、修改單元格背景（“表格”—“屬性”—“單元格”，“背景”）
4、調(diào)整邊框顏色（“表格”—“屬性”—“單元格”，“邊框”）
5、改變單元格尺寸（“表格”—“屬性”—“單元格”，“指定寬度”、“指定高度”）
四、修改表格的行與列
1、選擇行與列
2、插入行與列（“表格”—“插入”—“行或列”）
3、均分行與列（“表格工具欄”中的“平均分配行高”或“平均分配列寬”）
4、刪除行與列（“表格工具欄”中的“刪除單元格”按鈕或“表格”—“刪除單元格”命令）【課程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第三節(jié) 利用框架設(shè)計(jì)網(wǎng)頁布局
【教學(xué)目的與要求】
一、認(rèn)識(shí)框架網(wǎng)頁
二、創(chuàng)建框架網(wǎng)頁
三、框架網(wǎng)頁的保存和打開 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】： 基礎(chǔ)知識(shí)：認(rèn)識(shí)框架網(wǎng)頁 重點(diǎn)知識(shí)：創(chuàng)建框架網(wǎng)頁 【教學(xué)組織過程】2課時(shí) 2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、認(rèn)識(shí)框架網(wǎng)頁
1、框架的概念 框架網(wǎng)頁是一種特殊的網(wǎng)頁，它將自身分成幾個(gè)區(qū)域，每個(gè)區(qū)域稱作一個(gè)框架窗口（通常簡稱為框架）
框架具有以下特性：
每個(gè)框架都可以獨(dú)立地顯示一個(gè)網(wǎng)頁，各個(gè)框架窗口之間可以設(shè)立超鏈接。每個(gè)框架窗口可以賦予一個(gè)名字，以便其他URL作為目標(biāo)調(diào)用。
2、框架的使用場合（如郵箱、論壇）
通常用框架來顯示在同一個(gè)站點(diǎn)中的多個(gè)超鏈接，這樣可以不用瀏覽器中的“后退”按鈕而方便的進(jìn)行瀏覽。
框架也適用于類似在線書籍的應(yīng)用，將目錄顯示在左邊的框架中，單擊目錄，右邊框架中顯示相關(guān)的章節(jié)
二、創(chuàng)建框架網(wǎng)頁
1、框架網(wǎng)頁的創(chuàng)建
“文件”—“新建”—“網(wǎng)頁”，選擇“框架網(wǎng)頁”選項(xiàng)卡
2、框架網(wǎng)頁模板（10種）“設(shè)置初始網(wǎng)頁” “新建網(wǎng)頁”
三、框架網(wǎng)頁的保存和打開
框架網(wǎng)頁的保存包括框架網(wǎng)頁自身的保存和框架窗口中網(wǎng)頁的保存。
1、框架網(wǎng)頁的保存
“文件”—“保存文件”或“框架”—“保存網(wǎng)頁”
2、框架網(wǎng)頁的打開 “框架”—“在新窗口中打開網(wǎng)頁”
四、框架網(wǎng)頁的屬性
1、框架網(wǎng)頁的屬性 “文件”—“屬性” “框架間距”、“顯示邊框”
2、框架的屬性 “框架”—“框架屬性”
五、調(diào)整框架布局
1、調(diào)整框架窗口的大?。ㄓ檬髽?biāo)拖動(dòng)或在“框架屬性”對話框中調(diào)整）
2、框架的拆分
方法一：“框架”—“拆分框架”（按行或按列拆分）方法二：用鼠標(biāo)拖動(dòng)拆分（按Ctrl鍵）
3、框架的刪除 “框架”—“刪除框架”
六、目標(biāo)框架
當(dāng)在框架網(wǎng)頁的某一個(gè)框架中定義超鏈接時(shí)，需要指定被鏈接的網(wǎng)頁顯示在哪一個(gè)框架中，即指定超鏈接的目標(biāo)框架。
選擇要設(shè)置超鏈接的文字或圖像，“插入”—“超鏈接”，單擊“目標(biāo)框架”、“更改目標(biāo)框架” 【課程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第四節(jié) 使用導(dǎo)航欄
【教學(xué)目的與要求】
一、定義導(dǎo)航結(jié)構(gòu)
二、認(rèn)識(shí)導(dǎo)航欄屬性
三、創(chuàng)建導(dǎo)航欄 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)：定義導(dǎo)航結(jié)構(gòu) 重點(diǎn)知識(shí)：認(rèn)識(shí)導(dǎo)航欄屬性 【教學(xué)組織過程】2課時(shí)2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、定義導(dǎo)航結(jié)構(gòu)
在網(wǎng)頁內(nèi)添加導(dǎo)航欄之前，先建立該站點(diǎn)的導(dǎo)航結(jié)構(gòu) “視圖”—“導(dǎo)航”按鈕
二、認(rèn)識(shí)導(dǎo)航欄屬性 “插入”—“導(dǎo)航欄”按鈕
“父層”：創(chuàng)建指向當(dāng)前網(wǎng)頁上一級網(wǎng)頁的超鏈接，并將上一級網(wǎng)頁的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。
三、創(chuàng)建導(dǎo)航欄（要在瀏覽器中才可看到實(shí)際導(dǎo)航欄效果）
四、創(chuàng)建共享邊框
用創(chuàng)建導(dǎo)航欄的方法只能在一個(gè)網(wǎng)頁中創(chuàng)建導(dǎo)航欄，若需要導(dǎo)航欄出現(xiàn)在站點(diǎn)內(nèi)多個(gè)網(wǎng)頁的相同位置，則可將導(dǎo)航欄插入網(wǎng)頁的共享邊框內(nèi)。
右擊編輯窗口，單擊“共享邊框”命令 練習(xí)
二、利用框架設(shè)計(jì)一個(gè)企業(yè)網(wǎng)站的布局 要求有如下內(nèi)容：關(guān)于我們、商品展示、在線訂購、網(wǎng)上留言、聯(lián)系我們、產(chǎn)品目錄、友情鏈接等?！菊n程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第五節(jié) 網(wǎng)頁布局功能的應(yīng)用
【教學(xué)目的與要求】
一、創(chuàng)建布局表格
二、繪制布局表格 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】： 基礎(chǔ)知識(shí)：創(chuàng)建布局表格 重點(diǎn)知識(shí)：繪制布局表格 【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、創(chuàng)建布局表格
1、創(chuàng)建布局表格
打開一個(gè)空白網(wǎng)頁，并切換到“設(shè)計(jì)”視圖下，單擊“表格”菜單中的“布局表格和單元格”命令，隨后在右側(cè)彈出一個(gè)任務(wù)窗口，在該任務(wù)窗口下面程序提供了多種表格布局模板，在此單擊其中需要的模板即可將該模板添加到網(wǎng)頁中。
2.繪制布局表格
如果你對模板中提供的布局表格不太滿意，還可以用手工繪制的方法創(chuàng)建一個(gè)布局表格。創(chuàng)建時(shí)首先在“新建表格和單元格”項(xiàng)中單擊“繪制布局表格”，隨后將指針移到操作窗口最左端，然后拖動(dòng)鼠標(biāo)即可繪制表格。
3、設(shè)置表格屬性 插入表格后，還需對表格屬性進(jìn)行設(shè)置。在“表格屬性”項(xiàng)中設(shè)置該表格所需的屬性。
提示：在設(shè)置表格時(shí)，如果要想覆蓋網(wǎng)頁的默認(rèn)邊距，并讓布局表格跨到文檔窗口的邊緣，可以將表格中的各個(gè)邊距的屬性都設(shè)置為0。
在設(shè)計(jì)框架時(shí)經(jīng)常需要調(diào)整某一行或列的屬性，這時(shí)可以通過表格中列寬和行高的標(biāo)簽來完成。在操作窗口中單擊布局表格需要調(diào)整的邊框，每一側(cè)都會(huì)出現(xiàn)顯示列寬和行高的標(biāo)簽。每個(gè)標(biāo)簽都包括一個(gè)下拉箭頭，如更改行高度時(shí)，單擊此下拉箭頭彈出一個(gè)下拉菜單，選擇“更改行高”命令，在彈出的“行屬性”對話框中重新輸入該行高度值即可。
練習(xí)
三、使用布局功能設(shè)計(jì)學(xué)校網(wǎng)站
要求包括有以下內(nèi)容：學(xué)校簡介、校園新聞、教育教學(xué)、學(xué)生天地、校園論壇、教師之家等 【課程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第六節(jié) 網(wǎng)頁布局設(shè)計(jì)
【教學(xué)目的與要求】
一、文本的美化（“格式”—“字體”）
二、運(yùn)用邊框與陰影（“格式”—“邊框與陰影”）
1、設(shè)置邊框
2、設(shè)置陰影
【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)：文本的美化（“格式”—“字體”）
重點(diǎn)知識(shí)：運(yùn)用邊框與陰影（“格式”—“邊框與陰影”）
1、設(shè)置邊框
2、設(shè)置陰影
【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、文本的美化（“格式”—“字體”）
1、輸入文本
2、美化文本（設(shè)置文本字體、字號）注：字符的大小共有6級，其中默認(rèn)級別是3。
3、設(shè)置文本效果
4、改變文本顏色
5、設(shè)置字符間距
二、運(yùn)用邊框與陰影（“格式”—“邊框與陰影”）
1、設(shè)置邊框
2、設(shè)置陰影
三、使用列表（“格式”—“項(xiàng)目符號和編號方式”）
1、添加項(xiàng)目列表。
項(xiàng)目列表也稱為無序列表，它將在項(xiàng)目前添加標(biāo)志符號。可以將圖片作為新的項(xiàng)目標(biāo)志。經(jīng)常使用的項(xiàng)目符號有3種：實(shí)心黑點(diǎn)、空心圓圈和實(shí)心方塊。
2、添加編號列表
在網(wǎng)頁中的內(nèi)容存在順序關(guān)系時(shí)，可應(yīng)用編號列表。
3、添加定義列表
定義列表就是在網(wǎng)頁內(nèi)定義詞匯、術(shù)語的列表，具體的定義內(nèi)容將以首行縮進(jìn)的方式出現(xiàn)在列表的下一行。（格式工具欄的“樣式”—“定義的術(shù)語”，輸入要詞匯、術(shù)語，按回車鍵）
4、設(shè)置嵌套列表
要建立組合列表，可以先生成第1級列表，然后再生成第2級列表，依此類推。
建立組合列表的具體操作步驟如下：（1）先生成第1級列表（2）將光標(biāo)移動(dòng)到擁有第2級列表的第1級列表項(xiàng)目的末尾，然后按回車鍵。將出現(xiàn)一個(gè)空的列表行。
（3）單擊“格式工具欄”中的“增加縮進(jìn)”圖標(biāo)。該行變?yōu)橐粋€(gè)空白行，是沒有列表編號或項(xiàng)目符號的。再單擊一次“增加縮進(jìn)”圖標(biāo)。（4）此時(shí)再按照建立列表的方法構(gòu)造第2級列表。
（5）輸入第2級列表。輸入過程中每次接回車鍵就自動(dòng)生成第2級列表項(xiàng)目。（6）第2級列表輸入完畢后，將光標(biāo)移到別的位置或者用鼠標(biāo)在頁面的空白處單擊一下即可完成第2級列表的設(shè)置操作。
嵌套列表可以轉(zhuǎn)變?yōu)榭烧郫B大綱，這樣在瀏覽器中瀏覽時(shí)，就可以展開或折疊大綱中的各個(gè)級次。生成可折疊大綱的具體操作步驟如下：（l）按生成復(fù)合列表的方法構(gòu)造好這個(gè)復(fù)合列表所有的列表級次。
（2）選擇“格式”菜單中的“項(xiàng)目符號和編號方式”命令，打開“項(xiàng)目符號和編號方式”對話框，或者在列表中單擊右鍵，從彈出的菜單中選擇“列表屬性”命令。
（3）在打開的對話框中，選中“啟用可折疊大綱”復(fù)選框。（4）單擊“確定”按鈕。
練習(xí)
四、設(shè)計(jì)一個(gè)介紹陽江風(fēng)景及特產(chǎn)的網(wǎng)頁
要求：設(shè)計(jì)一個(gè)網(wǎng)頁介紹陽江的風(fēng)景及特產(chǎn)，要用到折疊列表的方式來分別介紹陽東、陽西、陽春等的不同地區(qū)的風(fēng)景名勝及特產(chǎn)?！菊n程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第七節(jié) 網(wǎng)頁裝飾設(shè)計(jì)
【教學(xué)目的與要求】
一、添加圖像
二、處理圖像 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)：添加圖像 重點(diǎn)知識(shí)：
二、處理圖像 【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、添加圖像
在瀏覽器中，能處理的圖片格式只有GIF、JPEG格式和PNG格式等少數(shù)幾種圖片。
1、GIF格式圖片
GIF格式最多能支持256種顏色（8位顏色）。可以具有透明、動(dòng)畫等特殊效果。
2、JPEG格式文件
JPEG格式可以處理高達(dá)1670萬種顏色（24位顏色），所以在需要顯示細(xì)微的變化和使用大量的色彩處理照片時(shí)經(jīng)常使用這種格式保存文件。
插入本地計(jì)算機(jī)上的圖像（“插入”—“圖片”—“來自文件”，“從計(jì)算機(jī)選擇一個(gè)文件”）
插入WEB上的圖像（“插入”—“圖片”—“來自文件”，“從WEB瀏覽器來選擇網(wǎng)頁或文件”）
二、處理圖像
1、剪裁圖像（“圖片”工具欄—“剪裁”按鈕）
2、設(shè)置透明背景（“圖片”工具欄—“設(shè)置透明色”按鈕）
三、添加文本（“圖片”工具欄—“文本”按鈕）
四、保存圖像
注：默認(rèn)情況下，當(dāng)前站點(diǎn)的圖像文件保存在Images文件夾中
五、運(yùn)用特殊效果
1、調(diào)整圖片的亮度和對比度
2、圖片的翻轉(zhuǎn)與旋轉(zhuǎn)
3、圖片的沖蝕和黑白處理
4、凹凸效果
六、設(shè)置圖片對齊方式（“圖片屬性”—“外觀”—“布局”—“對齊方式”）
七、使用水平線
水平線是貫穿網(wǎng)頁寬度的細(xì)灰條，用于分隔文本或加著重符。添加水平線后，可以修改其屬性來更改寬度、高度、對齊方式和顏色。如果網(wǎng)頁使用了主題，則會(huì)使用圖形來代替水平線以匹配主題。
1、插入水平線
2、設(shè)置水平線屬性
八、修改網(wǎng)頁背景（“格式”—“背景”）
1、調(diào)整背景色彩
2、調(diào)整背景圖案
九、創(chuàng)建交換圖像（DW 2004）
1、插入交換圖像（“插入”—“圖像對象”—“鼠標(biāo)經(jīng)過圖像”）“原始圖像”、“鼠標(biāo)經(jīng)過圖像”、“按下時(shí)，前往的URL”
2、預(yù)覽交換圖像：F12 【課程小結(jié)】a 【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第八節(jié) 創(chuàng)建超鏈接
【教學(xué)目的與要求】
一、與當(dāng)前站點(diǎn)的鏈接
二、與空白網(wǎng)頁的鏈接
三、與電子信箱的鏈接 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)：創(chuàng)建熱點(diǎn) 重點(diǎn)知識(shí)：與電子信箱的鏈接 【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、與當(dāng)前站點(diǎn)的鏈接（“插入”—“ 超鏈接”，“搜索”當(dāng)前站點(diǎn)的文件夾位置）
二、與空白網(wǎng)頁的鏈接（“插入”—“ 超鏈接”，“創(chuàng)建一網(wǎng)頁并鏈接到該網(wǎng)頁”）
三、與電子信箱的鏈接（“插入”—“ 超鏈接”，“制作發(fā)送電子郵件的超鏈接”）
四、與Web的鏈接（“插入”—“超鏈接”，“使用WEB瀏覽器來選擇網(wǎng)頁或文件”，ALT+TAB，則網(wǎng)頁地址自動(dòng)添加到URL中）
五、修改鏈接顏色（“網(wǎng)頁屬性”—“背景”，“顏色”—“超鏈接”、“已訪問的超鏈接”、“當(dāng)前超鏈接”）
六、使用圖像地圖
1、創(chuàng)建熱點(diǎn)
在圖片中創(chuàng)建熱點(diǎn)的具體操作步驟如下： 選中要建立熱點(diǎn)的圖片。圖片被選中后，四周將出現(xiàn)8個(gè)控制方塊，并且“圖片工具欄”被激活。
在“圖片工具欄”中，選擇熱點(diǎn)的形狀的圖標(biāo)?？梢赃x擇長方形、圓形或多邊形。
將鼠標(biāo)移動(dòng)到圖片中。這時(shí)，鼠標(biāo)指針變成一支筆的模樣。
用鼠標(biāo)左鍵單擊圖片中要建立熱點(diǎn)的區(qū)域并拖動(dòng)鼠標(biāo)來繪制熱點(diǎn)。盡量讓熱點(diǎn)和圖片上的特征區(qū)域相配合
熱點(diǎn)繪制完畢，圖片中將出現(xiàn)該熱點(diǎn)的邊框。打開“插入超鏈接”對話框，建立到熱點(diǎn)上的超鏈接的過程與建立到文本上的超鏈接的過程基本相同。
練習(xí)
五、設(shè)計(jì)一個(gè)介紹一年四季風(fēng)景的網(wǎng)站 要求：
用到嵌套列表、框架、超鏈接、圖像熱點(diǎn)等技術(shù)。【課程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第九節(jié) 表單設(shè)計(jì)
【教學(xué)目的與要求】
一、認(rèn)識(shí)表單
二、生成表單
三、表單內(nèi)容編輯 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)：認(rèn)識(shí)表單 重點(diǎn)知識(shí)： 表單內(nèi)容編輯 【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、認(rèn)識(shí)表單
表單的作用：表單就是瀏覽者可以在網(wǎng)頁中填寫信息的表格，其作用是接收瀏覽者填寫的信息并將其提交給表單處理程序進(jìn)行處理。
二、生成表單
1、表單的創(chuàng)建與表單字段的添加 “插入”—“表單”
2、表單向?qū)?/p>
“文件”—“新建”—“網(wǎng)頁”--“常規(guī)”——“表單網(wǎng)頁向?qū)А?/p>
三、表單內(nèi)容編輯
1、單行文本框
2、滾動(dòng)文本框
3、復(fù)選框
4、單選按鈕
5、下拉菜單
6、按鈕
7、圖片
8、標(biāo)簽
9、隱藏的表單字段
四、驗(yàn)證性表單字段（“驗(yàn)證有效性按鈕”）
五、表單處理程序
右擊表單，選擇“表單屬性”命令，提供了保存表單數(shù)據(jù)的三種不同處理方式：
1、發(fā)送到文件（單擊“選項(xiàng)”按鈕”，進(jìn)行設(shè)置）
2、發(fā)送到數(shù)據(jù)庫
3、討論表單處理程序
4、注冊表單處理程序
5、自定義ISAPI、NSAPI、CGI或ASP腳本 練習(xí)六：制作表單
制作一個(gè)注冊信息表單，要求包括下面的內(nèi)容：會(huì)員帳號、您的姓名、您的性別、輸入密碼、密碼確認(rèn)、密碼提示問題、密碼提示答案、電子郵件、常用電話、收貨地址、郵政編碼、提交按鈕、重填按鈕 【課程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第十節(jié) 層及應(yīng)用（DW 2004）
【教學(xué)目的與要求】
一、層概述
二、創(chuàng)建層 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)：層概述 重點(diǎn)知識(shí)：創(chuàng)建層 【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、層概述
層（Layer）是一種 HTML 頁面元素，您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現(xiàn)使網(wǎng)頁從二維平面拓展到三維?？梢允鬼撁嫔显剡M(jìn)行重疊和復(fù)雜的布局。
二、創(chuàng)建層
方法一：“插入”—“布局對象”—“層”
方法二：“插入”工具欄—“布局”—“ 描繪層”，按住鼠標(biāo)拖動(dòng) 方法三：“插入”工具欄—“布局”，拖動(dòng)“ 描繪層”按鈕到文檔窗口（按CTRL鍵，可繪制多層）
三、通過拖動(dòng)周圍的黑色調(diào)整柄控制層的大小
四、拖動(dòng)層左上角的選擇柄可以移動(dòng)層的位置。
五、單擊層標(biāo)記可以選中一個(gè)層。（顯示層標(biāo)記的方法：“編輯”—“首選參數(shù)”—“分類”—“不可見元素”
六、顯示層面板（“窗口”—“層”）
1、層的隱藏與顯示
2、層數(shù)
3、層重疊
七、層和表格之間的轉(zhuǎn)換（在轉(zhuǎn)換為表格之前，請確保層沒有重疊。）“修改”—“轉(zhuǎn)換”—“層到表格”
若要將表格轉(zhuǎn)換為層，請選擇“修改”—“轉(zhuǎn)換”—“表格到層” 【課程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)、第十一節(jié) 行為
【教學(xué)目的與要求】
一、行為概述 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)：行為概述 【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、行為概述
行為是一種利用簡單直觀的語句設(shè)置手段，為網(wǎng)頁對象添加一些動(dòng)態(tài)效果和簡單的交互功能的技術(shù)。行為是事件和由該事件觸發(fā)的動(dòng)作的組合。
下面給出一些常見事件的一些解釋
onClick 單擊
onDbclick 雙擊
onKeypress按鍵
onMouseDown鼠標(biāo)按下
onMouseOut鼠標(biāo)移出
onMouseOver鼠標(biāo)移上
onMouseUp鼠標(biāo)抬起。
實(shí)例：dreamweaver中網(wǎng)頁折疊菜單的制作
第一步：先插入一個(gè)一行、兩列的表格，方法：單擊菜單上的“插入”，再選取“表格”，在“行”中輸入1，在列中輸入2，在單擊“確定”。
把寬和高分別設(shè)為200px和30px 在兩個(gè)單元格內(nèi)分別輸入 內(nèi)容
第二步，在單元格內(nèi)插入一個(gè)層。把寬和高分別設(shè)為100px和90px 第三步：在層中插入一個(gè)三行、一列的表格，方法同第一步。并把寬和高分別設(shè)為100px和90px,以填滿這個(gè)層。在三個(gè)單元格中輸入內(nèi)容
在層的屬性欄中將“可視”設(shè)為“隱藏”，這樣在打開網(wǎng)頁時(shí)便看不見這個(gè)層
在“行為目標(biāo)”中選擇一個(gè)合適的瀏覽器，一般是選擇“IE 4.0”。然后單擊左邊的“+”按鈕，來添加行為。在彈出的菜單中選擇“顯示或隱藏層”，在彈出的窗口中選擇 “Layer1”，就是我們剛才添加的那個(gè)層了，再單擊“顯示”
接著單擊“事件”下面右邊的那個(gè)向下箭頭按鈕，在彈出菜單中選擇“當(dāng)鼠標(biāo)移上”（OnMouseOver）。
再單擊“+”按鈕，選取“顯示或隱藏層”，還是選取“Layer1”，不過這次我們點(diǎn)擊的是“隱藏”（Hide）了，再確定。然后選擇“事件”，單擊“當(dāng)鼠標(biāo)移開”(OnMouseOut)?！菊n程小結(jié)】
【作業(yè)】
1．5 課后練習(xí)書本課后練習(xí)作業(yè)
第十二節(jié) HTML語言基礎(chǔ)
【教學(xué)目的與要求】
一、HTML語言概述
二、HTML文件基本架構(gòu) 【教學(xué)方法與手段】
多媒體教學(xué)：借助多媒體手段，進(jìn)行課堂理論教學(xué)；
啟發(fā)式教學(xué)：教學(xué)活動(dòng)關(guān)注的重點(diǎn)從結(jié)果轉(zhuǎn)向過程。激發(fā)思維，師生互動(dòng)，增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性、積極性和創(chuàng)造性； 【教學(xué)重點(diǎn)與難點(diǎn)】：
基礎(chǔ)知識(shí)： HTML語言概述 重點(diǎn)知識(shí)：HTML文件基本架構(gòu) 【教學(xué)組織過程】2課時(shí) 1．上講回顧 2．教授新知 【授課內(nèi)容】
一、HTML語言概述
當(dāng)我們暢游Internet時(shí)，我們透過瀏覽器所看到的網(wǎng)站，是由HTML(HyperText Markup Language)語言所構(gòu)成。HTML(超文件標(biāo)記語言)是一種建立網(wǎng)頁文件的語言，透過標(biāo)記式的指令(Tag)，將影像、聲音、圖片、文字等連結(jié)顯示出來。
HTML標(biāo)記是由 < 和 > 所括住的指令，主要分為 : 單標(biāo)記指令、雙標(biāo)記指令(由 < 起始標(biāo)記 >，< / 結(jié)束標(biāo)記 >所構(gòu)成)。HTML網(wǎng)頁文件可由任何文本編輯器或網(wǎng)頁專用編輯器編輯，完成后(以.htm 或.html 為文件后綴保存)將HTML網(wǎng)頁文件由瀏覽器打開顯示，若測試沒有問題則可以放到服務(wù)器(Server)上，對外發(fā)布信息。
二、HTML文件基本架構(gòu)
文件開始
標(biāo)頭區(qū)開始第三篇：教學(xué)論文-網(wǎng)頁制作技術(shù)
《網(wǎng)頁制作技術(shù)》教學(xué)方法初探
網(wǎng)頁制作技術(shù)課程在目前的職業(yè)學(xué)校中幾乎成為必開課程，但由于網(wǎng)絡(luò)技術(shù)更新日新月異，教學(xué)方法很難于最新技術(shù)達(dá)到一致，因此在連續(xù)4年的教學(xué)當(dāng)中，我考慮是否應(yīng)當(dāng)在教學(xué)方法上進(jìn)行更新。課程的傳統(tǒng)教學(xué)方式是先由教師在多媒體機(jī)房授課，然后安排學(xué)生在上機(jī)驗(yàn)證教師所講內(nèi)容。這種方式忽略了學(xué)生的積極性、主動(dòng)性，學(xué)生學(xué)到的知識(shí)比較零碎，很難開發(fā)實(shí)際項(xiàng)目。而且我們軟件課程的特點(diǎn)就是易學(xué)也易忘，因此為了將零散的知識(shí)點(diǎn)，一點(diǎn)一滴的灌輸?shù)綄W(xué)生的知識(shí)庫中是每個(gè)計(jì)算機(jī)專業(yè)教師必須思考的問題。
隨著課程內(nèi)容的深入，很多學(xué)生逐漸失去了學(xué)習(xí)興趣，喪失了主動(dòng)參與的意識(shí)，以致課程結(jié)束時(shí)，幾乎沒有學(xué)生能夠設(shè)計(jì)出具有一定水平的網(wǎng)站。為打破傳統(tǒng)的教學(xué)模式，突出學(xué)生的主體地位，讓學(xué)生成為教學(xué)的中心。我分析了該課程的特點(diǎn)，并結(jié)合任課教師為企業(yè)開發(fā)網(wǎng)站的經(jīng)驗(yàn)，讓教師將所承擔(dān)的網(wǎng)站建設(shè)項(xiàng)目引入課堂教學(xué)，引導(dǎo)學(xué)生共同開發(fā)項(xiàng)目。
此類課程要想取得好的效果，項(xiàng)目教學(xué)法便是首選。2003年7月德國聯(lián)邦職教所制定以行動(dòng)為導(dǎo)向的項(xiàng)目教學(xué)法，它把整個(gè)學(xué)習(xí)過程分解為一個(gè)個(gè)具體的工程或事件，設(shè)計(jì)出一個(gè)個(gè)項(xiàng)目教學(xué)方案。按行動(dòng)回路設(shè)計(jì)教學(xué)思路，不僅傳授給學(xué)生理論知識(shí)和操作技能，更重要的是培養(yǎng)他們的職業(yè)能力，這里的能力已不僅是知識(shí)或是專業(yè)能力，而是涵蓋了如何解決問題的能力：方法能力、接納新知識(shí)的學(xué)習(xí)能力以及與人協(xié)作和進(jìn)行項(xiàng)目動(dòng)作的社會(huì)能力等幾個(gè)方面。
項(xiàng)目教學(xué)法的核心追求是：不再把教師掌握的現(xiàn)成知識(shí)技能傳授給學(xué)生，而是在教師的指導(dǎo)下，學(xué)生去尋找得到這個(gè)結(jié)果的途徑，最終得到這個(gè)結(jié)果，并進(jìn)行展示和自我評價(jià)。學(xué)習(xí)的重點(diǎn)在學(xué)習(xí)過程而非學(xué)習(xí)結(jié)果，他們在這個(gè)過程中鍛煉各種能力。教師已經(jīng)不是教學(xué)中的主導(dǎo)地位，成為學(xué)生學(xué)習(xí)過程中的引導(dǎo)者、指導(dǎo)者和監(jiān)督者，學(xué)生具有較高的積極性。
網(wǎng)頁制作是職業(yè)學(xué)校計(jì)算機(jī)類專業(yè)所特有的實(shí)訓(xùn)項(xiàng)目之一，即通過30到60學(xué)時(shí)，學(xué)生必須完成一個(gè)完整網(wǎng)站的制作。主要嘗試從以下幾個(gè)步驟實(shí)施項(xiàng)目教學(xué)：分組
在先學(xué)生自愿組合、后教師調(diào)配安排下，對全班同學(xué)進(jìn)行分組，3—4人一組，采取組長負(fù)責(zé)制，由組長統(tǒng)籌安排其組員的分工。2 規(guī)劃網(wǎng)站
在制作網(wǎng)站前，給學(xué)生介紹不同類型的專題網(wǎng)站，讓學(xué)生上網(wǎng)找出自己感興趣的網(wǎng)站，要求學(xué)生在網(wǎng)站瀏覽的同時(shí)，總結(jié)此網(wǎng)站的風(fēng)格特點(diǎn)，并把自己的心得介紹給老師與同學(xué)，這樣不但能提高學(xué)生的學(xué)習(xí)興趣，而且為引入項(xiàng)目教學(xué)法做好了鋪墊。課前讓學(xué)生進(jìn)行網(wǎng)站需求的調(diào)查，在調(diào)查過程中尋找具有一定的應(yīng)用價(jià)值的網(wǎng)站項(xiàng)目。課堂上讓學(xué)生結(jié)合各自調(diào)查情況，提出一個(gè)網(wǎng)站設(shè)計(jì)的項(xiàng)目，參考《網(wǎng)頁設(shè)計(jì)與制作》教材制定好一份初步計(jì)劃書，確定網(wǎng)站主題。3 細(xì)化任務(wù)。分工合作
本著發(fā)揮學(xué)生個(gè)人特長，讓每一位學(xué)生溶入網(wǎng)站設(shè)計(jì)的全過程，結(jié)合《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)內(nèi)容，在學(xué)生制定好具有一定應(yīng)用價(jià)值網(wǎng)站設(shè)計(jì)計(jì)劃書的基礎(chǔ)上，通過課堂討論，列出將要實(shí)施的幾個(gè)網(wǎng)站方案，成立項(xiàng)目小組，設(shè)立項(xiàng)目經(jīng)理來負(fù)責(zé)每個(gè)小組完成一個(gè)網(wǎng)站。實(shí)施項(xiàng)目
學(xué)生確定各自在小組內(nèi)的分工及小組成員問合作形式后，按照已確定的方案進(jìn)入具體的網(wǎng)站制作。在這個(gè)過程中，學(xué)生必然會(huì)碰到許多新問題，此時(shí)教師就可以把問題集中起來，要求各小組在回答問題時(shí)充分發(fā)表意見，同學(xué)問可相互提示幫助，教師根據(jù)學(xué)生的掌握情況進(jìn)行及時(shí)補(bǔ)充，對學(xué)生在應(yīng)用上有困難的地方，教師提供給他們解決問題的方法。讓班上絕大多數(shù)學(xué)生能完成基本的教學(xué)內(nèi)容。5 小組成果展示
網(wǎng)站制作結(jié)束前，經(jīng)過教師核準(zhǔn)驗(yàn)收后，可以宣布整個(gè)項(xiàng)目工作結(jié)束。作者要向教師及同學(xué)展示自己的網(wǎng)站，并進(jìn)行作品答辯。以團(tuán)隊(duì)形式完成作品的，分模塊展示，體現(xiàn)合作的同時(shí)還應(yīng)有細(xì)致分工，這會(huì)更加促進(jìn)學(xué)生的團(tuán)隊(duì)意識(shí)。評估總結(jié)
學(xué)生在完成網(wǎng)站設(shè)計(jì)后，教師要求他們進(jìn)行網(wǎng)站的自評、互評。這個(gè)過程可以與成果展示同時(shí)進(jìn)行。學(xué)生對各自網(wǎng)站自評，不僅有利于學(xué)生的自主學(xué)習(xí)，且可以改進(jìn)課程或教學(xué)的設(shè)計(jì)；學(xué)生互評，讓學(xué)生對學(xué)習(xí)成果進(jìn)行共享，從學(xué)生的角度發(fā)現(xiàn)問題以及提出改進(jìn)意見。最后教師對各項(xiàng)目組的網(wǎng)站進(jìn)行綜合評價(jià)，這一工作是最主要的。教
師在評價(jià)學(xué)生網(wǎng)站時(shí)，不能只進(jìn)行優(yōu)劣評價(jià)，而應(yīng)該指出問題所在，給出具體改進(jìn)及修改建議等，讓學(xué)生去完善網(wǎng)站。小結(jié)
網(wǎng)頁制作課程作為職業(yè)學(xué)校計(jì)算機(jī)基礎(chǔ)教育的重要組成部分，如何采取合適的教學(xué)方法，提高教學(xué)質(zhì)量，是每一個(gè)計(jì)算機(jī)專業(yè)教師很重視的問題。除了進(jìn)行教學(xué)方法改革外，只有各部門、教師和學(xué)生協(xié)作和支持，才可能真正提高網(wǎng)頁制作課程的教學(xué)質(zhì)量。項(xiàng)目教學(xué)對提高職業(yè)學(xué)校學(xué)生的專業(yè)技能有了很大的幫助，這也同時(shí)給老師提出了更高的要求。身為一位職業(yè)學(xué)校的專業(yè)教師，一個(gè)計(jì)算機(jī)專業(yè)的授業(yè)者，必須身體力行，加強(qiáng)學(xué)習(xí)，提高自身素質(zhì)，用最先進(jìn)的教育理論引領(lǐng)自己做好職業(yè)教育。
第四篇：《動(dòng)態(tài)網(wǎng)頁制作技術(shù)》實(shí)習(xí)周方案
2013—2014第一學(xué)期
《動(dòng)態(tài)網(wǎng)頁制作技術(shù)》實(shí)習(xí)周方案
班級：信息工程系網(wǎng)絡(luò)12普招、網(wǎng)絡(luò)12對口
課程：《動(dòng)態(tài)網(wǎng)頁制作技術(shù)》任課教師：何保榮
一、實(shí)習(xí)周要求
在規(guī)定時(shí)間內(nèi)完成特定項(xiàng)目的設(shè)計(jì)、編寫及調(diào)試。
二、實(shí)習(xí)周具體內(nèi)容
設(shè)計(jì)一個(gè)學(xué)生管理系統(tǒng)，要求如下：
1、學(xué)生通管理系統(tǒng)內(nèi)容至少包含兩個(gè)數(shù)據(jù)表，其中學(xué)生基本情況表1至少包含如下字段：學(xué)號、姓名、性別、班級、電話，學(xué)生成績表2至少包含學(xué)號、姓名、科目成績等(10分)；學(xué)生管理系統(tǒng)要包含注冊登錄模塊(25分);注冊信息至少要用到單選鈕列表框、復(fù)選鈕列表框、下拉列表控件(10分)；注冊頁面要有必要的驗(yàn)證(5分)。
2、超級用戶可以對學(xué)生管理系統(tǒng)進(jìn)行在線編輯和在線添加(25分)；普通用戶可以對學(xué)生管理系統(tǒng)信息查看和在線添加(10)。
3、數(shù)據(jù)顯示要有美觀的外觀設(shè)計(jì)(5分)。
4、總結(jié)系統(tǒng)設(shè)計(jì)，編程、調(diào)試心得感悟（10分）。
三、實(shí)習(xí)周具體考核辦法
1.根據(jù)系里邊實(shí)習(xí)周的統(tǒng)一安排時(shí)間，通知學(xué)生在規(guī)定時(shí)間、在規(guī)定機(jī)房完成特定項(xiàng)目《學(xué)生管理系統(tǒng)》的設(shè)計(jì)、編寫及調(diào)試。
2.實(shí)習(xí)周最后一天，將系統(tǒng)打包上傳至服務(wù)器特定文件夾。
3.實(shí)習(xí)周成績滿分100分。
四、輔導(dǎo)老師
何保榮馬金素
2013.12.3
第五篇：技術(shù)改變世界
技術(shù)改變世界
技術(shù)改變世界，創(chuàng)新驅(qū)動(dòng)未來。對于很多人來說，這也許是一句看起來假大空的話，但是無數(shù)過往的事實(shí)幫我們驗(yàn)證了這一觀點(diǎn)。蒸汽機(jī)的發(fā)明引發(fā)了第一次工業(yè)革命，喬布斯的iphone推動(dòng)了智能手機(jī)的發(fā)展，幫助人們進(jìn)入個(gè)人媒體時(shí)代??
新時(shí)代的技術(shù)，新時(shí)代的發(fā)展。不可否認(rèn)，新技術(shù)往往會(huì)迅速改變對整個(gè)產(chǎn)業(yè)的思考方式，并潛移默化地改變市場主體的運(yùn)行軌跡和前進(jìn)方向。以汽修行業(yè)為例，新技術(shù)的發(fā)展讓傳統(tǒng)敲敲打打的修理方式退伍，取而代之的是全新的“汽車醫(yī)生”為汽車進(jìn)行檢測與維修。高大上的職業(yè)，高大上的技術(shù)瞬間吸引了無數(shù)人投身這一行業(yè)，成為眾人眼中技術(shù)型男。曾經(jīng)人們會(huì)問上哪個(gè)大學(xué)最好，現(xiàn)在人們會(huì)說學(xué)什么技術(shù)最有前途？技術(shù)作為經(jīng)濟(jì)社會(huì)發(fā)展的最強(qiáng)動(dòng)力，愈發(fā)受到了人們的重視。技術(shù)型人才也逐漸取代了學(xué)術(shù)型人才備受市場和企業(yè)的關(guān)注。就在每年的六七月份，一大批充滿活力的年輕人開始面臨人生中的重要選擇。曾經(jīng)他們也許會(huì)因?yàn)闆]有考上理想的學(xué)校而難過，會(huì)復(fù)讀，現(xiàn)在卻有不少的學(xué)生選擇了學(xué)技術(shù)。因?yàn)閷λ麄儊碚f，技術(shù)職業(yè)院校也許才是真正的“象牙塔”，才是改變自己命運(yùn)和出路的最好選擇。
技術(shù)發(fā)展推動(dòng)的是整個(gè)市場經(jīng)濟(jì)的進(jìn)步，職業(yè)教育院校的人才培養(yǎng)則為社會(huì)輸送了最優(yōu)秀的力量。就像德國等西方發(fā)達(dá)國家，技術(shù)型人才是最受歡迎的。未來的中國市場上，技能型人才也真正成為社會(huì)經(jīng)濟(jì)發(fā)展的中堅(jiān)力量，成為人們最尊敬的對象。對于不少希望通過選擇來改變命運(yùn)的年輕人來說，把握未來經(jīng)濟(jì)發(fā)展的“命門”，才能真正走向人生發(fā)展的康莊大道，成就屬于自己的人生精彩。
當(dāng)然，選擇技術(shù)行業(yè)能夠?yàn)樽约旱娜松鹆藗€(gè)好頭，想要在行業(yè)里取得一個(gè)全新的發(fā)展，就需要有創(chuàng)新的思想和行動(dòng)。就像文章開頭提到的“技術(shù)改變世界，創(chuàng)新驅(qū)動(dòng)未來”，沒有哪一個(gè)行業(yè)不是在創(chuàng)新發(fā)展中逐步走向進(jìn)步的。只有不斷提升自己，不斷創(chuàng)新發(fā)展，才能推動(dòng)行業(yè)的進(jìn)步，才能為經(jīng)濟(jì)社會(huì)的發(fā)展開辟更大的空間。也許有一天，會(huì)因?yàn)槟愕囊粋€(gè)小小行動(dòng)而改變了世界。
山??東??萬??通??技??術(shù)??改??變??世??界
點(diǎn)擊咨詢 