久久99精品久久久久久琪琪,久久人人爽人人爽人人片亞洲,熟妇人妻无码中文字幕,亚洲精品无码久久久久久久

網頁制作技術教案免費學技術改變生活

時間:2019-05-15 02:30:26下載本文作者:會員上傳
簡介:寫寫幫文庫小編為你整理了多篇相關的《網頁制作技術教案免費學技術改變生活》,但愿對你工作學習有幫助,當然你在寫寫幫文庫還可以找到更多《網頁制作技術教案免費學技術改變生活》。

第一篇:網頁制作技術教案免費學技術改變生活

第一模塊 Fireworks 教學課題:

第十章Fireworks8入門

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.了解Fireworks的功能和新特性

2.掌握Fireworks的工作界面、工具箱、面版組等 3.掌握Fireworks基本文檔操作 4.掌握有關圖像編輯的基本概念

知識點:

教學重點:

1.Fireworks的工作界面 2.文檔的基本操作 3.像素的概念 教學難點:

1.Fireworks的工作界面 2.矢量圖和位圖的區別 突破難點的關鍵:

1.實例講解,區別對比

作業布置:

1.課本第125頁填空題,直接做在書上 2.作業本:寫出矢量圖與位圖的區別

本課小結:Fireworks8是一款用來設計網頁圖形的多功能應用程序。隨著版本的不斷升級,功能的不斷加強,Fireworks受到愈來愈多圖像網頁制作者的青睞。目前最新版本Fireworks8更是以它方便快捷的操作沒事和在位圖編輯、矢量圖形處理與GIF動畫制作功能上的多方面優秀整合,有的諸多好評。通過本課的學習,應該掌握以下內容:認識Fireworks8工作區,掌握基本的文檔操作,掌握圖像編輯的基本概念。

新課引入:第十一章使用Fireworks8制作圖片

11.1路徑的繪制與編輯; 11.文本的創建與編輯

···················································································· 教學過程與時間分配:

一、Fireworks8界面與功能簡介:(約50分鐘)

(一)(二)Fireworks8的新功能:

Fireworks8的工作區域:標題欄、菜單欄、工具欄、工具箱、屬性面板、面版組合、文檔窗口、標尺輔助線、二、基本文檔操作:(約20分鐘)(一)(二)(三)(四)(五)(一)創建新文檔: 打開和關閉已有文檔: 保存文檔:

還原打開的文檔:文件-還原

使用【歷史記錄】面版撤銷和重復多個動作: 矢量圖形:

三、有關圖像編輯的基本概念:(約30分鐘)

1.概念:使用“矢量”的線條和曲線(包含顏色和位置信息)呈現的圖形。2.特點:

(1)用數學方式來描述曲線的組成(2)組成基本單元是錨點和路徑(3)與分辨率無關(二)位圖圖像:(點陣圖,格柵圖)

1.概念:有排列成網絡的像素點組成。2.特點:

(1)與分辨率無關(2)放大后會失真(三)像素:

1.概念:組成位圖圖像的基本單位。2.兩個屬性:特定的位置和顏色值 3.圖像的大小和像素尺寸成正比(四)分辨率:

1.概念:圖像單位長度內含有的像素量。2.特點:分辨率越高,圖像質量越好

3.分類:顯示分辨率,打印機分辨率(輸出分辨率)

第一模塊 Fireworks 教學課題:

第十一章 使用Fireworks8制作圖片(1)11.1路徑的繪制與編輯; 11.文本的創建與編輯

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.了解Fireworks路徑繪制與編輯 2.掌握Fireworks的文本的創建與編輯 3.掌握Fireworks編輯位圖對象的方法

知識點:

教學重點:

1.路徑繪制 2.路徑對象的編輯

3.為路徑對象設置描邊、填充、不透明度及效果 4.文本的創建與編輯 5.編輯位圖對象 教學難點:

1.繪制自動形狀:自動形狀是矢量對象組 2.鋼筆工具:繪制直線或者曲線 3.通過編輯節點變形路徑

4.按路徑改變文本的排列方式:文本-附加到路徑 5.選區制作與調整 突破難點的關鍵:

實例講解,區別對比

作業布置:

3.課本第174頁填空題,直接做在書上 4.作業本:寫出如何設置描邊類型

本課小結:在Fireworks8中,可以創建及編輯多種對象,如路徑對象,文本對象及位圖對象等。通過本章的學習,應該掌握以下內容:路徑的繪制與編輯,文本的創建與編輯,編輯位圖對象,對象操作,使用圖層和蒙版。

新課引入:第十一章使用Fireworks8制作圖片

11.3編輯位圖對象; 11.4對象操作

···················································································· 教學過程與時間分配:

一、路徑繪制與編輯:(約50分鐘)(一)路徑繪制工具簡介:

1.直線工具:

2.矩形、圓角矩形、橢圓及多邊形工具: 3.繪制自動形狀:自動形狀是矢量對象組 4.鋼筆工具:繪制直線或者曲線 5.矢量路徑工具:(二)路徑對象的編輯:

1.通過編輯節點變形路徑:指針工具或自動選取工具 2.使用矢量工具進行編輯:彎曲、推拉、重畫、分割路徑

3.通過路徑操作命令編輯路徑:路徑的混合、簡化、擴展收縮、變形和扭曲 4.對象的變形和扭曲

5.使用 “自動形狀屬性”面版編輯形狀(三)為路徑對象設置描邊、填充、不透明度及效果

1.設置顏色

2.設置描邊類型:屬性—描邊類型 3.設置效果(四)(一)(二)(三)使用【樣式】面版:描邊,填充、和效果設置的綜合運用 輸入與編輯文本:屬性面版

對文本設置描邊、填充、效果和樣式: 按路徑改變文本的排列方式:

二、文本的創建與編輯:(約50分鐘)

1.將文本附加到路徑:文本—附加到路徑 2.改變文本路徑: 3.將文本從路徑上脫離(四)(五)

文本變形

將文本轉換為路徑:文本-轉化為路徑 實驗1:網頁廣告的設計—“香巴拉牛肉干”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.了解Fireworks的功能和新特性

2.掌握Fireworks的工作界面、工具箱、面版組等 3.掌握Fireworks基本文檔操作 4.掌握有關圖像編輯的基本概念 5.了解Fireworks路徑繪制與編輯 6.掌握Fireworks的文本的創建與編輯 7.掌握Fireworks編輯位圖對象的方法

實驗過程:

一、新建Fireworks文檔,設置大小為800*600,分辨率默認

二、使用矩形工具繪制800*600的矩形作為廣告背景設,并填充紅到黃的漸變色

三、使用智能多邊形—星型工具繪制多角形(角數大于8),設置漸變填充色為黃到紅

四、調整星形的內徑和外徑及圓度,最后成為放射狀

五、使用多邊形工具繪制白色無邊框五角星,縮小,調整透明度

六、將五角星復制多個,并拖到合適的位置,圍成圓形

七、使用文本工具,添加“香巴拉”和“牛肉干”字樣

八、為文本設置字體,大小,填充黑色,白色描邊

九、使用變形工具中的“扭曲工具”,將文字調整角度,呈現立體效果

十、保存源文件為“香巴拉牛肉干廣告”

十一、再導出jpg網頁格式圖片

第一模塊 Fireworks 教學課題:

第十一章 使用Fireworks8制作圖片(2)11.3編輯位圖對象; 11.4對象操作

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Fireworks編輯位圖對像 2.掌握Fireworks對象操作

知識點:

教學重點:

1.創建位圖對象的方法 2.選區制作與調整

3.圖像的擦除、填充、復制與修飾 4.編輯位圖對象 5.對象操作 教學難點:

1.繪制位圖對象

2.使用濾鏡和插件:可以增強和改善圖像效果 3.對象的堆疊、成組與對齊 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第174頁填空題,直接做在書上

2.作業本:如要一次撤銷或重復多步操作,應采用什么方法

本課小結:在Fireworks8中,可以創建及編輯多種對象,如路徑對象,文本對象及位圖對象等。通過本章的學習,應該掌握以下內容:路徑的繪制與編輯,文本的創建與編輯,編輯位圖對象,對象操作,使用圖層和蒙版。

新課引入:第十一章使用Fireworks8制作圖片(3)

11.5使用圖層和蒙版

···················································································· 教學過程與時間分配:

一、編輯位圖對象:(約50分鐘)

(一)(二)創建位圖對象的方法:5種方法 選區制作與調整:

1.制作選區 2.調整選區(三)繪制位圖對象:

1.使用鉛筆工具繪制位圖對象 2.使用刷子工具繪制位圖對象(四)圖像的擦除、填充、復制與修飾:

1.使用橡皮擦工具擦除像素 2.使用油漆桶和漸變工具填充像素 3.使用橡皮圖章工具復制像素(五)(六)(七)(一)裁剪位圖 選區的變形

使用濾鏡和插件:可以增強和改善圖像效果 對象的選擇、移動、復制與刪除

二、對象操作:(約50分鐘)

1.對象的選擇方法 2.移動、復制和刪除對象(二)對象的堆疊、成組與對齊

1.對象堆疊

2.對象成組:修改—組合 3.對其對象:修改—對齊(三)操作的撤銷與恢復:歷史記錄面版

第一模塊 Fireworks 教學課題:

第十一章 使用Fireworks8制作圖片(3)11.5使用圖層和蒙版 11.6 綜合練習

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Fireworks使用圖層和蒙版 2.掌握Fireworks圖像編輯實例

知識點:

教學重點:

1.圖層和蒙版的概念

2.圖層操作:展開、折疊、顯示、隱藏、鎖定、取消、設置當前圖層、新建、復制等 3.設置對象子層的不同透明度和顏色混合模式 教學難點:

1.使用蒙版

2.蒙版的替換,禁用和刪除 3.對象與蒙版的鏈接 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第174頁填空題,直接做在書上

2.作業本:圖層和蒙版的概念是什么,有什么作用?

本課小結:在Fireworks8中,可以創建及編輯多種對象,如路徑對象,文本對象及位圖對象等。通過本章的學習,應該掌握以下內容:路徑的繪制與編輯,文本的創建與編輯,編輯位圖對象,對象操作,使用圖層和蒙版。

新課引入:第十二章 Web圖像制作技術

···················································································· 教學過程與時間分配:

一、使用圖層和蒙版:(約50分鐘)

(一)圖層和蒙版的概念: 式,以及管理蒙版等。

2.蒙版:實際上是256色的荼毒圖像,必須與圖層的基本內同配合才能發揮作用。白色為透明區,黑色為不透明去,灰色為半透明區。(二)(三)【層】面版組成:

:設置對象子層的不同透明度和顏色混合模式 1.圖層:可以方便的調整對象的疊加順序,顯示或隱藏,對未向設置透明度與顏色混合模1.展開、折疊圖層 2.顯示、隱藏 3.鎖定、取消 4.設置當前圖層 5.新建(四)

6.復制 7.重命名 8.刪除 9.調整順序 10.移動

11.分散各層 12.隱藏其它層 13.鎖定其它層

設置對象子層的不同透明度和顏色混合模式:

1.色彩增值 7.飽和度 2.屏幕 8.顏色 3.暗變 9.發光度 4.亮度 10.反轉 5.差異 11.色調 6.色相 12.擦除

(五)使用蒙版:

1.關于蒙版:(1)矢量蒙版:(2)位圖蒙版: 2.創建和使用蒙版:

(1)使用“粘貼為蒙版”命令遮罩對象(2)使用“粘貼為內部”命令遮罩對象 3.編輯蒙版:

(1)蒙版的替換,禁用和刪除(2)對象與蒙版的鏈接

(3)向被遮罩對象的選區添加對象

二、圖像編輯:(約50分鐘)

(一)通過路徑操作命令編輯一組圖像(二)使用筆觸和蒙版打造殘破照片邊緣效果(三)綜合實例:制作網站徽標

13.平均 14.顏色加深 15.反轉顏色 16.柔化加深 17.顏色漸淡 18.反選顏色

漸淡 19.柔化簡單 20.柔光 21.模糊光 22.強光 實驗2:網站LOGO—“旅游網站徽標”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.掌握Fireworks編輯位圖對像 2.掌握Fireworks對象操作 3.掌握Fireworks使用圖層和蒙版 4.掌握Fireworks圖像編輯實例

實驗過程:

一、新建Fireworks文檔,設置大小為640*480,分辨率默認

二、拖動標尺,調整出輔助線

三、使用橢圓工具繪制同心圓,修改—組合路徑—打孔

四、使用矩形工具繪制矩形,克隆矩形,并旋轉,將兩個矩形聯合

五、選中矩形和圓形,打孔,拆分

六、改變填充色

七、使用矩形工具繪制矩形,克隆并打孔,刪除不必要形狀

八、導入位圖圖像,粘貼于小圓內部

九、輸入文本,調整么屬性和位置

十、保存最終作品

第一模塊 Fireworks 教學課題:

第十二章 Web圖像制作技術 12.1切片; 12.2熱點和圖像映射

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Fireworks切片使用

2.掌握Fireworks熱點和圖像映射的使用

知識點:

教學重點:

1.切片的概念和作用 2.創建不同切片的方法操作 3.切片的交互

4.熱點和圖像映射的作用 教學難點:

1.切片的交互 2.熱點和圖像映射 3.用熱點常見變換圖像 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第208頁填空題,直接做在書上 2.作業本:課本第208頁簡答題第一題,第二題

本課小結:熱點、切片、按鈕編輯器及彈出菜單編輯器使Fireworks8能夠輕松地創建具有交互性的Web圖像。利用Fireworks8更可以創建包含活動的橫幅廣告,徽標和卡通形象的動畫圖形。通過本課的學習,應該掌握以下內容:創建熱點,創建圖像切片,為切片或熱點附加行為,創建按鈕及導航條,創建簡單的GIF動畫。

新課引入: 12.3按鈕和彈出來的菜單; 12.4創建簡單的GIF動畫

···················································································· 教學過程與時間分配:

一、切片:(約50分鐘)

(一)切片的概念:

1.用于創建交互的性的基本構造塊 2.優點:(1)優化:(2)交互性

(3)更新網頁的某些部分:(二)創建切片:

1.創建矩形切片: 2.創建多邊形切片:

3.基于對象創建切片:編輯—插入—熱點

4.創建HTML切片:指定瀏覽器中出現普通HTML文本的區域(三)顯示和隱藏切片:

1.隱藏切片:不會影響該對象導出到HTML 2.顯示切片:(四)編輯切片:

1.移動切片輔助線以編輯切片:使用工具編輯切片對象: 2.使用屬性面版編輯切片對象:(五)切片的交互:

1.使切片具有簡單的交互效果 2.使用行為面版向切片添加交互效果

二、熱點和圖像映射:(約50分鐘)

(一)(二)(三)(四)(五)概念:使較大圖像中的各個小部分產生交互,并將網頁圖形的卻與鏈接到URL 創建熱點:工具面版—web區域 編輯熱點: 創建圖像映射:

用熱點常見變換圖像:一個熱點只能出發一個不相交的變換圖形。

第一模塊 Fireworks 教學課題:

第十二章 Web圖像制作技術 12.3按鈕和彈出來的菜單 12.4創建簡單的GIF動畫

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Fireworks按鈕和彈出來的菜單的制作 2.掌握Fireworks創建簡單的GIF動畫的操作

知識點:

教學重點:

1.關于按鈕狀態的特點和功能 2.創建按鈕和編輯按鈕的方法 3.創建導航欄的作用和創建方法 4.彈出菜單的功能和創建方法 教學難點:

1.創建幀-幀GIF動畫 2.通過元件和實例制作動畫 3.結合使用層和幀制作動畫 突破難點的關鍵:

實例講解,區別對比

作業布置:

3.課本第208頁填空題,直接做在書上 4.作業本:課本第208頁簡答題第三題,第四題

本課小結:熱點、切片、按鈕編輯器及彈出菜單編輯器使Fireworks8能夠輕松地創建具有交互性的Web圖像。利用Fireworks8更可以創建包含活動的橫幅廣告,徽標和卡通形象的動畫圖形。通過本課的學習,應該掌握以下內容:創建熱點,創建圖像切片,為切片或熱點附加行為,創建按鈕及導航條,創建簡單的GIF動畫。

新課引入: 第十三章圖像優化與導出

13.1圖像優化; 13.2圖像導出

···················································································· 教學過程與時間分配:

一、按鈕和彈出來的菜單:(約50分鐘)

(一)創建按鈕元件:

1.在按鈕編輯器中創建的按鈕具有的特點:(7點)2.關于按鈕狀態:(1)釋放狀態:按鈕的迷人外觀或靜止時的外觀(2)滑過狀態:指針滑過按鈕的外觀(3)按下狀態:單擊后的按鈕

(4)按下時滑過:用戶將指針滑過出獄按下狀態的按鈕時的外觀 3.創建按鈕:編輯—插入—新建按鈕 4.編輯按鈕:修改—元件—編輯元件(二)使用系統提供的元件按鈕:編輯—庫—(主題、動畫、按鈕、項目符號)(三)創建導航欄:

1.導航欄的概念:提供到網站不同區域鏈接的一組按鈕 2.創建方法:創建按鈕元件,復制多次,修改:(四)創建彈出菜單: 1.彈出菜單編輯器:彈出菜單是一個帶有選項卡的對話框創建彈出菜單:置彈出菜單

二、常見簡單的GIF動畫:(約50分鐘)

(一)創建動畫的準備工作:

1.創建新文檔:

2.創建簡單的“幀—幀”動畫,或過度動畫 3.設置幀延遲 4.觀察動畫播放速度 5.優化和輸出文檔為GIF動畫(二)幀-幀GIF動畫實例

(三)使用“分散到幀”按鈕制作動畫:(四)通過元件和實例制作動畫:

1.建立和編輯元件

2.使用“補間實例”制作動畫 3.使用“選擇動畫”制作動畫(五)結合使用層和幀制作動畫

1.添加、移動、復制、編輯和刪除幀 2.設立背景

行為面版—設

實驗3 網頁效果圖—“國慶60周年”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.掌握Fireworks切片使用

2.掌握Fireworks熱點和圖像映射的使用 3.掌握Fireworks按鈕和彈出來的菜單的制作 4.掌握Fireworks創建簡單的GIF動畫的操作

實驗過程:

1.建立大小為800*600的文檔,設置背景色為紅色#EC2623 2.頁面上方字樣 “熱烈慶祝中華人民共和國成立”和“周年”,發光效果(#FF9900)3.“60”顏色為紅#EC2623到黃#FF9900的漸變色,使用浮雕效果

復制“60”,放大,使用高斯模糊,并調整到文字后方 4.使用鋼筆工具繪制光暈,復制,調整顏色和透明度及角度

5.頁面四角騰龍圖案(30分)使用圖層混合效果,盡量與背景融合。

6.“首頁”圖片,發光效果#DF0000,且鏈接到新疆交通學校的主頁:http://www.tmdps.cn 7.“殷殷賀詞”添加濾鏡效果 8.頁底英文,發光效果

9.把做好的圖片利用切片工具生成網頁,圖片放入”image”文件夾

第一模塊 Fireworks 教學課題:

第十三章圖像優化與導出 13.1圖像優化; 13.2圖像導出

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Fireworks圖像優化 2.掌握Fireworks圖像導出

知識點:

教學重點:

1.最佳文件格式的選擇 2.了解每種格式特定的選項 3.調整圖形中的顏色 4.導出參數設置

5.在Dreamweaver8中使用Fireworks8文檔 教學難點:

1.每種文件格式的特點和區別 2.文件格式各個參數的設置 3.導出文件格式選項 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第216頁填空題,直接做在書上 2.作業本:課本第216頁簡答題第一題

本課小結:網頁圖形設計的最終目標是創建能夠盡可能的快的消災就沒圖像。為此,必須在最大限度的保障圖像配置的同時,還要選擇壓縮質量最高的文件格式。這種平衡就是優化,即尋找顏色、壓縮和配置的最佳組合。通過本章的學習,應該掌握以下內容:優化圖像,導出多種格式圖像文件。新課引入: 第十四章 初識Flash8 ···················································································· 教學過程與時間分配:

一、圖像優化:(約50分鐘)

(一)關于優化:

1.選擇最佳文件格式: 2.設置格式特定的選項: 3.調整圖形中的顏色:(二)使用【優化】面版:窗口—優化

二、圖像導出:(約50分鐘)

(一)導出參數設置:

1.設置導出文件的名稱: 2.設置保存類型:(1)HTML和圖像(2)僅圖像

3.設置HTML代碼的導出方法:(1)導出HTML文件(2)復制到剪貼板 4.設置切片的導出方法:(1)無(2)導出切片(3)沿沿引導線切片 5.其他設置: 6.導出文件:(二)(三)導出選定區域的方法:工具—選擇—導出區域

在Dreamweaver8中使用Fireworks8文檔:插入—圖像對象

三、實踐——導出圖像:文件—圖像預覽

第一模塊 Fireworks 教學課題:

綜合練習

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Fireworks綜合使用技巧 2.掌握Fireworks網頁圖像處理技巧

知識點:

教學重點:

1.圖像的繪制 2.色彩的調節 3.調整圖形中的顏色 4.庫和樣式的應用 5.圖像的優化和導出 教學難點:

1.特殊圖像的繪制和編輯技巧 2.文件格式各個參數的設置 3.交互功能的使用 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第216頁填空題,直接做在書上

本課小結:網頁圖形設計的最終目標是創建能夠盡可能的快的消災就沒圖像。為此,必須在最大限度的保障圖像配置的同時,還要選擇壓縮質量最高的文件格式。這種平衡就是優化,即尋找顏色、壓縮和配置的最佳組合。通過本課的學習,應該掌握以下內容:優化圖像,導出多種格式圖像文件。新課引入: 第十四章 初識Flash8 ···················································································· 教學過程與時間分配:

一、制作按鈕:(約10分鐘)

(一)插入按鈕元件:

1.制作按鈕釋放狀態:圓角矩形、形狀編輯、填充變形、文本編輯 2.制作按鈕釋放狀態: 3.制作按鈕釋放狀態: 4.制作按鈕釋放狀態:(二)(三)剪裁畫布: 導出圖像:

二、導航欄的制作:(約20分鐘)(一)(二)(三)(四)將按鈕保存:: 新建文件,導入元件

多次將元件拖入畫布,并設置其對齊和間距 預覽

三、彈出菜單的制作:(約20分鐘)

(一)(二)(三)(四)選中需要設置彈出菜單的圖像: 在行為面版添加“設置彈出菜單” 設置菜單的內容、外觀、位置等參數 預覽

四、制作幀幀動畫:月亮升起(約50分鐘)

(一)(二)(三)(四)新建畫布,設置背景: 繪制各種形狀的月亮 將月亮分布在幀上 預覽動畫

第二模塊 Flash 教學課題:

第十四章 初識Flash8 計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Fireworks圖像優化 2.掌握Fireworks圖像導出

知識點:

教學重點:

1.Flash8的用途與特點 2.Flash8的特點 3.Flash8的工作環境 4.創建Flash文件 教學難點:

1.Flash8的特點 2.Flash8的工作環境 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第227頁填空題,直接做在書上

本課小結:本課主要介紹Flash的誕生、用途、特點、工作環境、基本概念及基本操作等基礎知識。通過本章的學習,應該掌握以下內容:Flash的用途、特點和基本概念,Flash的工作環境,Flash的基本操作。

新課引入:第十五章 繪制與編輯適量

···················································································· 教學過程與時間分配:

一、Flash8簡介:(約20分鐘)

二、Flash8的用途與特點:(約30分鐘)

(一)Flash8的用途:

1.繪制矢量圖: 2.制作動畫: 3.開發游戲:(二)Flash8的特點:

1.矢量圖形模式:占用空間小 2.文件的小型化:重復運用元件

3.支持交互:通過鍵盤、鼠標等工具,通過單擊按鈕、選擇菜單等方式控制動畫的播放 4.作品下載方便:流媒體 5.支持導入聲音、視頻:

6.支持跨平臺動畫播放:與其他軟件很好的兼容性

三、Flash8的工作環境::(約30分鐘)

(一)(二)(三)(四)(五)(六)(七)(八)(一)(二)(三)菜單欄:10個

工具欄:窗口—工具欄—主工具欄 工具箱:4個區域 時間軸:圖層、時間軸

舞臺:工作界面中央的的空白區域 場景:影片的片段 浮動面版:

屬性面版:用于顯示當前選擇對象的屬性 建新文件:兩種方法 打開文件:三種方法 保存文件:三種方法

四、創建Flash文件:(約20分鐘)

第二模塊 Flash 教學課題:

第十五章 繪制與編輯適量

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash繪制工具的使用及矢量圖的繪制 2.掌握Flash圖像選取與控制 3.掌握Flash輔助工具的使用 4.掌握Flash修改矢量圖形的操作 5.掌握Flash選項修改矢量圖

知識點:

教學重點:

1.利用繪制工具繪圖

2.利用鋼筆工具繪制曲線并修改曲線 3.標尺、網格、輔助線的使用 4.任意變形工具的使用 教學難點:

1.鎖定填充的理解和使用 2.使用箭頭工具修改圖形 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第252頁填空題,直接做在書上

本課小結:本章介紹繪圖和編輯矢量圖形的基本知識,為后面的Flash動畫創作打下堅實的基礎。通過本章的學習,應該掌握以下內容:熟悉工具箱中的各種繪圖工具并能夠使用繪圖工具繪圖,掌握視圖的選取與控制方法,使用輔助工具進行繪圖,適量圖之間的覆蓋關系,使用工具箱中的各種工具來修改矢量圖。

新課引入:第十六章 編輯顏色和文本

···················································································· 教學過程與時間分配:

一、繪制工具及矢量圖:(約10分鐘)

(一)(一)工具中的繪圖工具:shift+字母 直線:

二、利用繪制工具繪圖:(約40分鐘)

1.兩種模式:對象繪制模式、普通模式 2.貼緊至對象:

3.水平、垂直、45度角的直線繪制:shift(二)橢圓

1.兩種模式:對象繪制模式、普通模式 2.貼緊至對象: 3.正圓的繪制:shift(三)多邊形

1.矩形:圓角的設置

2.多邊形和星型:邊數和頂點大小(四)鉛筆

1.對象繪制:

2.繪圖模式:伸直、平滑、墨水瓶(五)鋼筆:可以精確的繪制直線或平滑曲線,并可以分段繪制

1.設置鋼筆工具的參數:編輯—首選參數—繪畫—鋼筆工具 2.利用鋼筆工具繪制直線段、曲線段(1)繪制直線段:點擊(2)繪制曲線段:拖動

3.結束使用鋼筆工具的方法:雙擊、點擊鋼筆工具按鈕或按CTRL鍵在路徑外點擊(六)刷子:模仿真實畫筆繪制矢量圖形,繪制的是填充而不是線條

1.涂色模式:標準繪畫、顏料填充、后面繪畫、顏料選擇、內部繪畫 2.刷子大小與形狀:

3.鎖定填充;所有使用相同填充的區域將作為一個連續的填充圖形

三、圖像選取與控制:(約10分鐘)

(一)箭頭工具:選擇工具

1.功能:

(1)選擇對象:選擇填充、選擇線條、整體選擇,選擇多個(2)修改圖形:修改邊緣、修改頂點(3)移動對象:

2.箭頭工具選項:平滑、拉伸(二)部分選取工具:

1.調整路徑上的錨記點:

2.曲線段與直線段的相互轉換:alt鍵 3.調整直線段的長度、角度和曲線段的斜率(三)套索工具:選擇填充圖形中的某一不規則部分

1.套索工具:

2.魔術棒工具:魔術棒工具 3.多邊形套索:(四)(五)(一)(二)放大鏡工具: 手形移動工具: 使用標尺:視圖—標尺

使用網格:視圖—網格—顯示網格|編輯網格

四、使用輔助工具:(約10分鐘)(三)(四)(一)(二)使用輔助線:視圖—輔助線 使用貼緊:視圖—貼緊

矢量圖之間的覆蓋關系:兩個矢量圖有部分互相重疊的時候,會分割和重組 利用工具箱中的工具修改矢量圖:

五、修改矢量圖形(約20分鐘)

1.箭頭工具 2.部分選取工具 3.橡皮擦工具:

(1)擦除模式:標準擦除、擦除線條、擦除填色、擦除所選填充;(2)水龍頭:快速擦除所選填充(3)橡皮擦形狀和大小: 4.任意變形工具:

(1)具有箭頭工具部分作用:選擇、移動(2)特有功能:縮放、翻轉、傾斜、旋轉(3)選項:貼緊至對象、旋轉與傾斜、縮放

5.填充變形工具:修改漸變色,移動變色中心,調整填充大小和方向

六、利用菜單欄選項修改矢量圖(約10分鐘)

(一)(二)(三)(四)優化曲線:修改—形狀—優化

將線條變為填充圖:修改—形狀—將線條轉化為填充 寬展填充圖:修改—形狀—擴展填充 柔化填充邊緣:修改—形狀—柔化填充邊緣 實驗4繪制矢量圖——“和尚與魚”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.掌握Flash繪制工具的使用及矢量圖的繪制 2.掌握Flash圖像選取與控制 3.掌握Flash輔助工具的使用 4.掌握Flash修改矢量圖形的操作 5.掌握Flash選項修改矢量圖

實驗過程:

1.建立大小為550*400的文檔,設置背景色為#D2DAC2 2.將層命名為“臉”,使用橢圓繪制頭,邊框為#E9CC9C填充為#F5EAD3,并使用箭頭進行輪廓的修改 3.新建“耳朵”層,使用橢圓工具以同樣填充和線條色繪制耳朵,使用鉛筆工具平滑模式,繪制耳郭,將耳朵復制、翻轉,移動到相應位置。最后將耳朵層移至臉下方

4.新建“煙頭燙”圖層,使用刷子工具,填充色設置為#E9CC9C,進行和尚頭部的燙點繪制 5.新建“左眼”層,使用橢圓工具,設置填充為黑色,線條無色繪制左側黑色眼睛;使用刷子工具,填充色為白色,調整刷子大小,為眼睛添加白色反光。

6.新建“右眼”層,使用線條工具,顏色為黑色,調整線條粗細,拖動出眨眼眼型

7.新建“舌頭”層,使用鉛筆工具,平滑模式,線條色為#FF3366,繪制舌頭,并使用填充工具填充顏色為#FF99CC 8.新建“臉紅”層,使用橢圓工具,設置填充為粉紅到透明的漸變,使用變形工具壓扁,復制,并調整到相應位置

9.新建“袈裟”層,使用線條繪制梯形,使用箭頭工具改變形狀,并填充藍白漸變,調整到“臉”層下方

10.新建“魚”層,使用線條工具,設置顏色為#999966,繪制線條,使用箭頭工具將其拖彎;使用變形工具將其移動到合適位置并拼合和魚的形狀,使用線條工具為魚添加魚鰭和魚眼;將魚復制多個,調整大小和方向 11.使用刷子工具,填充色為#999966,不斷調整大小繪制裝飾的點 12.保存原文件,導出動畫

第二模塊 Flash 教學課題:

第十六章 編輯顏色和文本

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash編輯顏色的方法 2.掌握Flash編輯文本的方法

知識點:

教學重點:

1.多種更改填充和線條顏色的方法 2.如何設置漸變填充 3.如何使用位圖進行填充

4.使用墨水瓶工具改變線條和給填充描邊 5.了解文本的類型和使用 6.創建不同類型的文本的方法 7.分離文本的方法的作用 教學難點:

1.設置填充色、填充漸變的操作

2.創建自動伸縮和固定寬度的靜態文本,及屬性設置 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第267頁填空題,直接做在書上

本課小結:在前面學習了繪圖基礎和修改矢量圖的基本方法。本課學習的內容是編輯矢量圖的顏色,使用、創建、編輯文本,文本的鏈接、文本的圖形化及制作藝術字。通過本章的學習,應該掌握以下內容:使用工具箱或熟悉面版中的顏色按鈕編輯矢量圖的顏色,使用混色器編輯顏色及工具編輯顏色,使用漸變色或位圖進行填充,使用、創建、編輯文本并設置文本屬性和格式,文本的分離、制作藝術字。新課引入:第十七章 使用外部資源

···················································································· 教學過程與時間分配:

一、編輯顏色:(約50分鐘)

(一)利用工具想的顏色按鈕編輯線條和填充

1.線條顏色工具 2.填充顏色工具

3.默認填充和線條顏色按鈕 4.無色按鈕

5.交換填充顏色和線條顏色按鈕(二)利用混色器編輯純色與漸變色:窗口—設計面版—混色器

1.編輯純色:兩種模式的顏色(RGB、HSB)2.編輯漸變色:兩種(線性、放射狀)(三)油漆桶工具:兩個選項(缺口尺寸、鎖定填充)

1.使用漸變色進行填充:點擊、拖動 2.使用位圖進行填充:首先需要導入位圖到庫(四)墨水瓶工具:用于改變線條的顏色、寬度、類型,也可為填充添加輪廓

1.修改已有的線條:點擊 2.為填充圖添加輪廓線:點擊 3.使用漸變色和位圖繪制線條:

(1)使用漸變色繪制線條:筆觸顏色-混色器(2)使用位圖繪制線條(五)(一)吸管工具:從現有的線條或填充圖形總獲取顏色和類型信息 文本的類型:

二、編輯文本:(約50分鐘)

1.靜態文本:用于顯示固定不變的文字,影片運行時不產生變化,可以創建超鏈接 2.動態文本:用于顯示可以更新的文字 3.輸入文本:用于影片運行時用戶輸入的內容(二)文本的創建:

1.創建靜態文本

(1)靜態文本的樣式:橫板和豎版、可擴展和固定寬度(2)創建方法:點擊或者拖動

2.創建動態文本、輸入文本及其滾動文本(3)動態和輸入文本沒有豎版(4)動態和輸入文本可設置為滾動文本(三)設置文本屬性和格式

1.設置靜態文本屬性

2.設置動態文本和輸入文本的屬性 3.分離文本

(1)一次分離文本:成為獨立文字(2)二次分離文本:成為圖形

第二模塊 Flash 教學課題:

第十七章 使用外部資源

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash導入和編輯矢量圖或位圖 2.掌握Flash導入和編輯聲音文件 3.掌握Flash導入和編輯矢量圖或位圖 4.掌握Flash導入和編輯聲音文件

知識點:

教學重點:

1.導入矢量圖和位圖的方法 2.編輯導入的位圖圖像 3.編輯聲音文件屬性 4.編輯聲音文件 教學難點:

1.轉換位圖為矢量圖

2.編輯屬性的4個選項有什么不同 突破難點的關鍵:

實例講解,區別對比

作業布置:

2.課本第277頁填空題,直接做在書上

本課小結:本課學習的的內容就是如何使用外部資源中的圖像、聲音。通過本章的學習,應該掌握以下內容:導入編輯圖像,導入和編輯聲音。新課引入:第十八章 編輯對象

···················································································· 教學過程與時間分配:

一、導入和編輯矢量圖或位圖:(約50分鐘)

(一)導入矢量圖和位圖

1.三種方法: 2.圖像序列的導入:(二)編輯導入的位圖圖像

1.使用屬性面版編輯位圖 2.設置位圖的屬性 3.分離位圖:修改—分離

4.使用套索工具的魔術棒工具編輯位圖:與之、平滑 5.轉換位圖為矢量圖:修改—位圖——轉換位圖為矢量圖

二、導入和編輯聲音文件:(約50分鐘)

(一)(二)可添加的聲音文件類型:wav、mp3、aiff等。添加聲音文件:

1.導入聲音:文件—導入到庫 2.編輯屬性:(1)選擇相應的聲音

(2)選擇默認的聲音效果:7種選擇(3)設置聲音同步類型:

1)事件:將聲音和一個時間的發生過程同步起來 2)開始:當聲音播放時不會播放新的聲音 3)停止:將指定的聲音停止 4)數據流:重復和循環(三)聲音文件:編輯—編輯封套

1.設置顯示狀態:幀、時間 2.設置開始和結束位置 3.設置聲音的大小、聲道 4.設置聲音的效果(四)使用聲音實例——砸賭 實驗5網頁廣告動畫—“五一勞動節”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.掌握Flash編輯顏色的方法 2.掌握Flash編輯文本的方法

實驗過程:

1.建立大小為640*240的文檔,背景色為白色

2.新建“背景”層,設置黃到紅的反射狀漸變,漸變中心在舞臺偏左上的位置

3.新建“光芒”層,使用矩形工具繪制很窄的無邊框長條矩形,設置填充色為黃到透明的線性漸變;調整矩形的變形中心到黃色一端,使用變形面版,設置旋轉角度為15,復制并應用變形,直到形成光芒圖形。將整個光芒選中,組合。

4.將組合后的光芒選中,轉換成元件。在第60幀插入關鍵幀,生成補間動畫,在i設置旋轉。5.新建“文字1”,從Fireworks文檔中復制設置好樣式的文本,粘貼到相應位置。同理,生成“文字2”層。

6.將兩個文字層延長到第60幀。

7.新建“星星”圖形元件,繪制五角星,調整透明度為60% 8.新建“星星閃”影片剪輯元件,將“星星”圖形元件拖入,制作星星閃的動畫:在影片剪輯的第5、10、15幀插入關鍵幀,添加補間動畫,設置第1幀和最后一幀的透明度為0 9.新建“星1-N”圖層,將“星星閃”元件拖入舞臺多次,分布在不同的層上,調整不同的大小、角度、透明度。并將動畫延長到第60幀。10.保存原文件,導出動畫

第二模塊 Flash 教學課題:

第十八章 編輯對象

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash對象的基本操作 2.掌握Flash對象的旋轉和翻轉 3.掌握Flash【變形】面版的使用

知識點:

教學重點:

1.對象的不同選擇方式

2.對象的組合、及組合對象的編輯 3.對象的移動、復制和刪除 4.對象的旋轉和翻轉 5.使用【變形】面版 教學難點:

1.對象的旋轉和翻轉

2.使用復制并應用變形功能創建多彩圖形 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第284頁填空題,直接做在書上

本課小結:本課主要介紹舞臺元素上的各種編輯方法。通過本章的學習,應該掌握以下內容:使用箭頭、套索等工具選擇對象,對象的移動、復制和刪除。,對象的對齊、旋轉和翻轉。新課引入:第十九章 元件、實例和庫

···················································································· 教學過程與時間分配:

一、對象的基本操作:(約50分鐘)

(一)對象的選擇:

1.使用箭頭工具選擇對象:

(1)單擊:可選擇單一線條,填充、群組、實例或文本(2)雙擊:同時選擇一個矢量圖的全部線條和填充(3)框選:選區內的所有對象 2.使用套索工具選擇對象:(1)以曲線繪制選擇區域:(2)以直線繪制選擇區域:

(3)以曲線、直線混合繪制選擇區域:(二)對象的組合:

1.組合:修改—組合 2.取消組合:修改—取消組合

3.選擇組合體或組合體內的對象:編輯—編輯所選項目,或雙擊(三)對象的移動、復制和刪除

1.移動對象:(1)直接拖動:(2)使用方向鍵移動:

(3)使用信息面版:注意調節對象中心 2.復制對象:

(1)拖動法:按下alt或ctrl鍵(2)剪貼板法:

(3)變換操作法:窗口—變形 3.刪除對象:

(1)按delete鍵或backspace鍵(2)編輯—清除(3)編輯—剪切(4)鼠標右鍵菜單—剪切

二、對象的旋轉和翻轉:(約30分鐘)

(一)(二)(一)對象的旋轉:修改—變形

對象的翻轉:變形—垂直翻轉|水平翻轉

【變形】對話框的變形設置:窗口—設計面版—變形

三、使用【變形】對話框:(約20分鐘)

1.按比例變形: 2.旋轉: 3.傾斜:(二)【變形】對話框的變形操作

1.復制并應用變形: 2.重置:(三)【變形】對話框的應用實例——多彩的海螺

第二模塊 Flash 教學課題:

第十九章 元件、實例和庫

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash元件的基本概念和優點 2.掌握Flash實例的基本概念和特點 3.掌握Flash創建和編輯元件的方法

知識點:

教學重點:

1.元件的基本概念和優點 2.實例的基本概念和特點 3.庫的使用

4.元件的分類和創建方法對象的旋轉和翻轉 5.實例創建和編輯、修改 教學難點:

1.在電影之間復制庫文件 2.元件和實例之間的修改關系 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第299頁填空題,直接做在書上

本課小結:元件、實例和庫是動畫設計中非常重要的概念,本課主要介紹元件、實例和庫的概念,元件、實例的創建,庫的操作。通過本章的學習,應該掌握以下內容:元件、實例和庫的概念,創建圖形、按鈕、一片剪輯元件的方法,創建實例的方法,庫的操作,共享庫資源及處理庫中資源沖突。新課引入:第二十章 時間軸、時間軸特效

···················································································· 教學過程與時間分配:

一、基本概念:(約20分鐘)

(一)元件:元件是進行影片設計的基本單位,是構成影片的最基本的部分

1.創建元件的用途:

(1)圖形元件:用于繪制靜態圖像

(2)按鈕元件:用于創建響應鼠標時間的交互式按鈕(3)影片剪輯元件: 創建可重復使用的動畫片段 2.元件的主要優點:(1)可以重復使用

(2)使用元件可以簡化影片編輯

(3)可以顯著的縮減影片文件的大小(4)加快影片瀏覽和播放速度(5)制作漸變動畫的前提(二)實例:

1.概念:舞臺上或嵌套在另一個元件內部的元件副本,2.特點:

(1)一個元件可以有多個副本(2)修改元件,實例隨即變化(3)修改實例,不影響元件(三)庫:可以重復使用的元件的儲存倉庫

二、創建元件:(約30分鐘)

(一)創建元件的方法

1.將舞臺上的對象轉化為元件:(1)將對象拖放到庫中(2)右鍵菜單—轉換為元件 2.創建一個空元件:(1)插入—新建元件(2)庫面版——新建元件按鈕 3.退出:

(1)舞臺左上角的退出按鈕(2)編輯—編輯文檔(3)點擊場景按鈕(二)復制元件:重置元件,修改元件(三)創建按鈕元件實例

(四)創建圖形元件、影片剪輯元件實例

三、創建實例:(約30分鐘)

(一)創建實例的方法(二)編輯實例:

1.對實例進行重新命名: 2.編輯實例的顏色: 3.編輯實例的尺寸

四、庫:(約20分鐘)

(一)庫的操作

(二)在電影之間復制庫文件:

1.復制和粘貼資源 2.拖放復制資源(三)共享庫資源

1.運行時的共享資源 2.編輯時的共享資源(四)庫中資源沖突的處理:選擇不同的名稱4.移動實例的位置;5.交換元件實例:

6.更改實例類型:分離實例:

實驗6 網頁廣告動畫—“跳動的文字”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.掌握Flash對象的基本操作

2.掌握Flash對象的旋轉和翻轉、【變形】面版的使用 3.掌握Flash元件和實例的基本概念和優點 4.掌握Flash創建和編輯元件的方法

實驗過程:

一、縮放文字:

1.建立大小為400*200的文檔,將圖層1重命名為“背景”,使用矩形工具,繪制舞臺尺寸大小的矩形(無線條色,填充為藍到黑的放射狀漸變);將背景層鎖定。2.新建層輸入文字“welcome”,調整字體、大小和顏色;將文字打散一次成為單個字母,使用對齊面板設置好文字的位置,逐個轉換成相應名稱的圖像元件;將所有文字選中使用“修改-時間軸-分散到圖層”。

3.選中第一個字母,在第15幀插入關鍵幀;將第15幀中文字大小設置為600%,透明度為20%。4.同理制作其他字母動畫,設置以后每個字母落后5幀。將所有層動畫按F5延長到最后一個字母完成時的幀。

5.保存原文件,導出動畫。

二、跳動的文字:

1.建立大小為400*240的文檔,設置背景色為藍色。

2.新建影片剪輯元件“跳動文字”,在元件中心輸入文字,可按自己喜好輸入。

3.將文字打散一次,使用對齊面板設置好文字的位置,逐個轉換成相應名稱的圖像元件;將所有文字選中使用“修改-時間軸-分散到圖層”。4.拖動出輔助線,設置好文字預計運動位置。

5.選中第一個字母,分別在第10幀和第20幀插入關鍵;拖動第10幀中的字母到運動最高點第20幀落回原位;將第1幀和第10幀的“緩動值”分別設置為“50”和“-50 ” 6.同理制作其他字母動畫,設置以后每個字母落后5幀。

7.將所有層動畫延長到最后一個字母完成時的幀;退出元件編輯狀態,回到場景

8.將圖層1重命名為“背景”,使用矩形工具,繪制大小為舞臺一半的無線條色,填充為透明度為30%的黑色塊。

9.新建“文字”層,將庫中的剪輯元件“跳動文字”拖動到舞臺上,調整好位置

10.新建“倒影”層,將文字層的影片剪輯元件復制并垂直翻轉,調整透明度形成倒影 11.保存原文件,導出動畫。

第二模塊 Flash 教學課題:

第二十章 時間軸、時間軸特效

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash時間軸的概念和相關操作 2.掌握Flash圖層的概念和相關操作

知識點:

教學重點:

1.幀和動畫的含義和表示 2.幀的種類及相關操作 3.標簽、注釋和錨記的使用 4.圖層的分類、圖層操作 5.時間軸特效的添加及設置 教學難點:

1.圖層的分類、圖層操作 2.運動引導層和被引導層的作用 3.遮罩層與被遮罩層的作用 突破難點的關鍵:

實例講解,區別對比

作業布置:

2.課本第320頁填空題,直接做在書上

本課小結:時間軸是Flash8設計中能夠形成畫的關鍵內容,無論是制作動畫還是播放動畫,都離不開對時間軸的操作。時間軸特效使得在Flash8創作進程、執行最少的步驟可制作復雜的動畫,從而免去復雜的創作過程。通過本課的學習,應該掌握以下內容:時間軸及時間軸中的動畫表示,播放紙張及幀的操作,標簽、注釋和錨記,圖層的構成及操作,時間軸特效的應用。新課引入:第二十一章 制作動畫(1)

···················································································· 教學過程與時間分配:

一、時間軸:(約50分鐘)

(一)時間軸及動畫表示:

1.幀和動畫的含義和表示:

2.時間軸的概念:圖層,幀、播放指針 3.時間軸中動畫表示:(二)播放指針和幀操作:

1.播放指針和幀:

(1)播放指針:控制當前舞臺上顯示時間軸的幀及幀的內容(2)幀:幀的種類

2.幀的顯示方式:大小、顏色、關聯等 3.幀的操作:(1)插入關鍵幀(2)插入空白關鍵幀(3)插入普通幀(4)選擇幀(5)拖動幀(三)標簽、注釋和錨記:

1.創建標簽: 2.添加注釋: 3.命名錨記: 4.錨記應用實例:

二、圖層:(約20分鐘)

(一)圖層的分類:

1.普通圖層:

2.引導層:在繪圖時幫助對齊對象

3.運動引導層和被引導層:使對象沿相應軌跡運動 4.遮罩層與被遮罩層:設置對象的顯示動畫 5.文件夾層:組織和管理圖層(二)圖層操作:

1.創建和刪除圖層及圖層文件夾:

2.圖層的操作:隱藏與顯示、顯示邊框、鎖定與解鎖

3.編輯圖層和圖層文件夾:重命名、選擇、復制、刪除、改變順尋、移動 4.圖層中對象的疊放次序:

三、時間軸特效:(約50分鐘)

(一)時間軸特效基礎:

1.時間軸特效的添加:插入—時間軸特效 2.時間軸特效的編輯:設置參數、查看預覽 3.時間軸特效的刪除:(二)創建時間軸特效:

5.分離: 6.展開: 7.投影: 8.模糊: 1.變形: 2.轉換: 3.分散式重制: 4.復制到網格:

(6)復制幀

(7)關鍵幀與普通幀的相互轉換(8)刪除幀(9)清楚幀(10)清除關鍵幀

第二模塊 Flash 教學課題:

第二十一章 制作動畫(1)21.1-21.4動畫

計劃課時:2課時 授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash動畫原理 2.掌握Flash逐幀動畫的創作 3.掌握Flash直線型運動漸變動畫 4.掌握Flash曲線型運動漸變動畫

知識點:

教學重點:

1.了解動畫的原理 2.了解動畫的分類 3.掌握逐幀動畫的制作方法 4.掌握直線型運動漸變動制作方法 5.掌握曲線型運動漸變動畫制作方法 教學難點:

1.逐幀動畫的制作方法 2.直線型運動漸變動制作方法 3.曲線型運動漸變動畫制作方 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第343頁填空題,直接做在書上

本課小結:時間軸是Flash8設計中能夠形成畫的關鍵內容,無論是制作動畫還是播放動畫,都離不開對時間軸的操作。時間軸特效使得在Flash8創作進程、執行最少的步驟可制作復雜的動畫,從而免去復雜的創作過程。通過本課的學習,應該掌握以下內容:時間軸及時間軸中的動畫表示,播放紙張及幀的操作,標簽、注釋和錨記,圖層的構成及操作,時間軸特效的應用。新課引入: 綜合練習

···················································································· 教學過程與時間分配:

一、Flash動畫原理:(約50分鐘)

(一)(二)動畫的原理:視覺殘留 動畫的分類:

1.按照人機關系分:非交互式、交互式 2.圖像的繪制方式分: 1)逐幀動畫:

2)漸變動畫:運動漸變、形狀漸變

二、逐幀動畫:(約50分鐘)每一幀都是關鍵幀

(一)(二)(一)導入逐幀動畫:文件—導入—導入到庫 制作逐幀動畫實例:

直線型運動漸變動畫的創建方法:

三、直線型運動漸變動畫:從對象的兩個關鍵幀之間做運動

1.創建運動漸變動畫的方法:三種方法 2.創建補間動畫時在屬性面版中進行屬性設置(1)幀:幀的名稱

(2)標簽類型:名稱、注釋、錨記(3)補間:無、動作、形狀(4)緩動:運動速度的變化(5)旋轉:對象的旋轉設置(二)(三)(四)(一)(二)制作直線運動漸變動畫實例 制作跳躍運動漸變動畫實例 制作復合直線運動漸變動畫實例

曲線型運動漸變動畫的創作方法:設置引導層 曲線型運動漸變動畫的創作實例:

四、曲線型運動漸變動畫制作方法:

第二模塊 Flash

教學課題:

綜合練習

計劃課時:2課時

授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash動畫原理

2.掌握Flash逐幀動畫的創作 3.掌握Flash直線型運動漸變動畫 4.掌握Flash曲線型運動漸變動畫

知識點:

教學重點:

1.了解動畫的原理 2.了解動畫的分類

3.掌握逐幀動畫的制作方法

4.掌握直線型運動漸變動制作方法 5.掌握曲線型運動漸變動畫制作方法 教學難點:

1.逐幀動畫的制作方法

2.直線型運動漸變動制作方法 3.曲線型運動漸變動畫制作方 突破難點的關鍵:

實例講解,區別對比

作業布置:

2.課本第343頁填空題,直接做在書上

本課小結:時間軸是Flash8設計中能夠形成畫的關鍵內容,無論是制作動畫還是播放動畫,都離不開對時間軸的操作。時間軸特效使得在Flash8創作進程、執行最少的步驟可制作復雜的動畫,從而免去復雜的創作過程。通過本課的學習,應該掌握以下內容:時間軸及時間軸中的動畫表示,播放紙張及幀的操作,標簽、注釋和錨記,圖層的構成及操作,時間軸特效的應用。新課引入:第二十一章 制作動畫(1)

21.5-21.7動畫

···················································································· 教學過程與時間分配:

一、簡單運動動畫制作:(約40分鐘)

(一)殘影效果:

二、引導層:(約50分鐘)

(一)太陽星星升起月落下:

(二)汽車廣告:

第二模塊 Flash 教學課題:

第二十一章 制作動畫(1)21.5-21.7動畫

計劃課時:2課時

授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash形狀漸變動畫的制作 2.掌握Flash遮罩動畫的制作 3.掌握Flash動畫的編輯

知識點:

教學重點:

1.形狀漸變動畫的原理

2.不使用形狀提示漸變動畫的方法 3.使用形狀提示漸變動畫的制作的方法 4.遮罩動畫的操作 5.編輯動畫的方法 教學難點:

1.洋蔥皮工具的使用 2.遮罩動畫的各典型實例

3.使用形狀提示漸變動畫的創作方法 突破難點的關鍵:

實例講解,區別對比

作業布置:

3.課本第343頁填空題,直接做在書上

本課小結:時間軸是Flash8設計中能夠形成畫的關鍵內容,無論是制作動畫還是播放動畫,都離不開對時間軸的操作。時間軸特效使得在Flash8創作進程、執行最少的步驟可制作復雜的動畫,從而免去復雜的創作過程。通過本課的學習,應該掌握以下內容:時間軸及時間軸中的動畫表示,播放紙張及幀的操作,標簽、注釋和錨記,圖層的構成及操作,時間軸特效的應用。新課引入:第二十二章 簡單的交互動畫 ···················································································· 教學過程與時間分配:

一、形狀漸變動畫:(約20分鐘)

(一)形狀漸變:一個對象隨著時間的推移,逐漸演變成另一個對象所產生的形變效果。(二)不使用形狀提示漸變動畫的創作方法:(三)不使用形狀提示漸變動畫創作實例:1變2(四)使用形狀提示漸變動畫的創作方法: 1.形狀提示:為系統指出形狀漸變的提示點 2.添加形狀提示:修改-形狀-添加形狀提示 3.移動形狀提示: 4.刪除形狀提示:(五)使用形狀提示漸變動畫的制作實例:1變2

二、遮罩動畫:(約50分鐘)

(一)遮罩原理:(二)遮罩的操作: 1.創建遮罩

2.將普通層變成遮罩層 3.將遮罩層變為普通圖層(三)在遮罩層中制作動畫實例——展開的畫卷(四)動畫制作實例——移動的放大鏡

三、編輯動畫:(約20分鐘)

(一)洋蔥皮工具: 1.洋蔥皮工具: 2.洋蔥皮邊框工具: 3.修改多幀工具:

4.修改洋蔥皮標志工具:

5.創建補間動畫時在屬性面版中進行屬性設置(二)移動動畫 實驗7 網頁廣告—“共青團網站橫幅”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.掌握Flash形狀漸變動畫的制作 2.掌握Flash遮罩動畫的制作 3.掌握Flash動畫的編輯

實驗過程:

一、Fireworks部分:

1.將“漢儀綜藝體簡”和“方正黃草體”兩種字體裝入本機。2.建立大小為643*168的文檔,背景色為#DD060C;將優化設置為jpg。3.導入“國旗.jpg”,并添加放射狀蒙版,使國旗和背景色融合。

4.分別使用“漢儀綜藝體簡”和“方正黃草體”輸入文字,完成如圖背景。

5.保存源文件為“共青團.png”并導出為“共青團.jpg”格式。

二、Flash部分:

1.建立大小為643*168的文檔,背景色為#DD060C;導入制作好的背景,將圖層鎖定。2.導入“團徽.png”圖片,調整位置,鎖定圖層。3.制作文字閃光效果:(1)新建“文字閃光層”,輸入同樣大小和字體的“共青團網站”字樣,與背景文字重疊,并轉換為影片剪輯元件;雙擊進入元件(2)文字層下方新建層,使用矩形工具和變形工具繪制“閃光”,并轉為“閃光”圖形元件。(3)制作閃光來回移動動畫,延長文字層;將文字層轉為遮罩層。4.制作團徽閃光效果:(1)在導入的團徽層下新建一層,繪制一個略大的無線條,填充為黃到透明的圓,并轉為“光芒”影片剪輯元件;進入元件,將圓轉換為“光”圖形元件,制作閃光效果。(2)

回到場景,在導入的團徽層上新建一層,繪制一個略小無填充的圓,轉換為為影片剪輯元件;進入元件,使用橡皮擦工具擦除部分圓;在圓弧下面新建層,拖入 “光芒”影片剪輯元件,使它沿掩護做引導動畫。

5.返回場景,保存原文件,導出動畫。

第二模塊 Flash 教學課題:

第二十二章 簡單的交互動畫

計劃課時:2課時

授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.掌握Flash動畫腳本的基本設置 2.掌握Flash【動作】面版的使用 3.領會、理解常用動作腳本指令 4.掌握、運用事件與動作

知識點:

教學重點:

1.動作腳本的概念 2.3種動作子面版

3.【動作】面版的使用方法 4.按鈕的各種狀態 5.電影剪輯事件 教學難點:

1.主要的動畫控制指令 2.流程控制指令 3.事件與動作的設置 突破難點的關鍵:

實例講解,區別對比

作業布置:

4.課本第359頁填空題,直接做在書上

本課小結:制作交互式動畫是Flash動畫設計中比較高級的內容,具有一定的難度。而交互式動畫是Flash動畫作品最為吸引人的地方。通過本科的學習,應該掌握以下內容:動作腳本基礎知識和使用火動作面版,簡單的腳本質量,制作簡單的交互式動畫。新課引入:第二十三章 優化、發布和導出電影 ···················································································· 教學過程與時間分配:

一、動畫腳本的基本設置:(約10分鐘)

(一)動作腳本的概念:是Flash 8 的腳本編程語言,是一種面向對象的編程方式。(二)動作腳本的基本設置:編輯-首選參數-Action Script

二、使用【動作】面版:(約10分鐘)

(一)啟用【動作】面版:3種子面版:動作—幀|電影剪輯|按鈕(二)【動作】面版的使用方法: 1.查看動作

2.添加動作:3種方法

(1)雙擊或拖動到腳本編輯區(2)鼠標右鍵—添加到腳本

(3)單擊腳本腳本編輯區左上角“將新項目添加到腳本” 3.編輯動作: 4.查找與替換:

三、常用動作腳本指令:(約30分鐘)

(一)主要的動畫控制指令: 1.stop()和play():用于停止和播放當前電影 2.gotoAndPlay()和gotoAndStop():制定電影的停止和播放位置 3.nextFrame()和prevFrame():用于播放并停止在下一幀或上一幀 4.nextScreen()和prevScreen():用于進入電影的下一個或上一個場景并停止在第一幀 5.startDray()和stop Dray():用于設置鼠標開始拖動電影中指定的電影剪輯元件實例 6.stopAllSounds():停止所有聲音,但不影響電影的播放 7.getURL():調用網頁或郵件地址 8.setProperty()和getProperty():用于設置或獲取元件實例的某些屬性(二)流程控制指令

1.if指令:條件轉移指令 2.while指令:先判斷再執行 3.do while指令:先執行再判斷 4.for 指令:循環指令

四、事件與動作:(約20分鐘)

(一)設置幀事件:(二)設置按鈕事件:按鈕的各種狀態(三)設置電影剪輯事件:電影剪輯事件

五、簡單交互動畫實例:(約20分鐘)

(一)實例1:天女散花:(二)實例2:可控制放大鏡(三)實例3:放飛氣球

第二模塊 Flash 教學課題:

第二十三章 優化、發布和導出電影

計劃課時:2課時

授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.領會、理解Flash優化電影的原則

2.掌握Flash發布Flash電影的方法與設置

3.掌握、運用Flash發布GIF、JPEG、PNG等格式文件 4.掌握Flash導出電影的設置

知識點:

教學重點:

1.優化電影的一般原則 2.優化矢量圖的一般原則 3.優化文本和字體的一般原則 4.優化顏色的一般原則 5.發布電影的步驟 教學難點:

1.布GIF、JPEG、PNG等格式文件 2.導出Flash電影 突破難點的關鍵:

實例講解,區別對比

作業布置:

1.課本第371頁填空題,直接做在書上

本課小結:在制作Flash作品時,應該以最小的文件空間,創作最理想的Flash作品,并達到最佳的作品質量和最快的文件下載與播放速度。通過本課的學習,應該掌握以下內容:優化電影的原則,發布Flash電影和圖像,導出Flash電影和圖像。

新課引入:第二十三章 優化、發布和導出電影 ·················································································· 教學過程與時間分配:

一、優化電影:(約10分鐘)

(一)優化電影的一般原則:

1.重復使用的元素應該轉換為元件 2.盡量不使用逐幀動畫

3.盡量使用電影剪輯而不是圖形

4.兩關鍵幀之間發生變化的距離越短越好 5.盡量不用位圖制作動作 6.聲音文件mp3 7.少用時間軸特效(二)優化矢量圖的一般原則 1.盡量將圖形組成群組

2.將靜態對象和動畫分到不同層 3.對孤立線條進行優化 4.盡量使用實線

5.用鉛筆工具繪制的線條占用空間小(三)優化文本和字體的一般原則 1.減少字體種類,使用系統字體 2.選擇需要的字符的嵌入字體 3.盡量不打散文字(四)優化顏色的一般原則 1.盡量減少顏色使用的種類 2.使用混色器面版默認顏色 3.盡量少用漸變填充

4.盡量減少設置顏色的透明度

二、發布Flash電影:(約10分鐘)

(一)發布電影的步驟:

1.準備完整的Flash應用程序所需的所有文件 2.使用發布命令市場影片和相應的附屬文件(二)設置發布文件格式:(三)設置Flash發布選項:盡量選擇高版本(四)設置HTML格式文件:

三、發布GIF、JPEG、PNG等格式文件:(約30分鐘)

(一)設置GIF格式文件:(二)設置JPEG格式文件:(三)設置PNG格式文件

四、導出Flash電影:(約20分鐘)

(一)導出電影:文件—導出—導出影片(二)導出圖像:文件—導出—導出圖像

實驗8 網頁導航欄動畫—“產品列表”

實驗課時:2課時

實驗環境:windows XP,網頁三劍客 實驗設備:電腦 實驗目的:

1.掌握Flash動畫腳本的基本設置、【動作】面版的使用 2.領會、理解常用動作腳本指令 3.掌握、運用事件與動作 4.掌握Flash導出電影的設置

實驗過程:

一、制作產品簡介:

1.建立大小為400*200的文檔,背景為黑色。2.新建按鈕元件“產品簡介”,使用矩形工具和文本工具設置按鈕的3個狀態及反應區。3.修改按鈕的屬性,使其產生動態的凸起和凹下效果。

二、制作菜單命令:

1.復制“產品簡介”元件,分別命名為“光盤”、“硬盤”

2.修改對應元件的文字內容,及顯示效果。

三、制作菜單動畫片段:

1.新建影片剪輯元件“彈出菜單”,在第1幀拖入“產品簡介”;

2.第2幀分別把“光盤”和“硬盤”拖放到適合位置(可以使用對齊面板)。3.在第10幀插入關鍵幀

4.給第1幀添加幀動作為“stop”,給第10幀添加幀動作為“轉到并停止在第1幀”。5.給第1幀中的“產品簡介”按鈕添加動作

“on(rollOut){ gotoAndPlay(3);} on(rollOver){ gotoAndPlay(2);}”

6.同理給其他按鈕也添加同樣的動作語句。

7.將影片剪輯元件“彈出菜單”拖入場景,保存源文件,導出動畫。

第三模塊 Dreamweaver

教學課題:

第一章Dreamweaver 基礎知識

計劃課時:2課時

授課形式:多媒體教學 教學輔助:投影,電腦 教學目的與要求:

1.了解Dreamweave的功能和新特性

2.掌握Dreamweave的工作界面、工具箱、面板組等

3.掌握Dreamweaver站點操作(新建站點,管理站點和刪除站點)4.掌握Dreamweaver頁面基本操作

知識點:

教學重點:

1.Dreamweave的工作界面組成 2.Dreamweave的工作界面操作 3.Dreamweaver站點操作 4.頁面基本操作 教學難點:

1.創建本地站點的方法

2.本地站點的管理:編輯、刪除、復制、導入和導出 突破難點的關鍵:

1.實例講解,區別對比

作業布置:

1.課本第15頁填空題

本課小結:Dreamweave是一款用來設計網頁的多功能應用程序。隨著版本的不斷升級,功能的不斷加強,Dreamweave受到愈來愈多網頁制作者的青睞。目前最新版本Dreamweave更是以它方便快捷的操作模式有的諸多好評。通過本課的學習,應該掌握以下內容:認識Dreamweaver工作區,掌握基本的文檔操作,站點操作(新建站點,管理站點和刪除站點)。新課引入:第二章 制作圖文混排網頁 ·················································································· 教學過程與時間分配:

一、Dreamweaver 8簡介(約20分鐘)

(一)Dreamweaver優點:所見即所得(二)啟動和退出Dreamweaver8:

二、Dreamweaver8操作界面(約30分鐘)

(一)標題欄:顯示文檔路徑和文件名稱(二)菜單欄:共10個(三)插入欄:圖像化的插入命令,可插入圖像、聲音、多媒體動畫、表格、圖層、框架、表單、Flash Active等元素。(四)文檔工具欄:提供各種文檔窗口視圖—設計和代碼(五)文檔窗口:設計、代碼、拆分視圖

第二篇:網頁設計與制作教案免費學技術改變生活

網頁設計和發布流程

第一步是對站點進行規劃 第二步是創建站點的基本結構 第三步即可開始具體的網頁創作過程 最后一步是站點的發布

第一節 站點的規劃與創建

【教學目的與要求】

一、規劃站點

二、創建一個站點 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】: 基礎知識:規劃站點 重點知識:創建一個站點 2課時

【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、規劃站點

Web站點是一組具有共享屬性(如相關主題、類似的設計或共同目的等)的鏈接文檔。

本地站點:是本地硬盤中存放遠程網站所有文檔的地方(文件夾)。建立網站的通常做法是:在要地硬盤中建立一個文件夾用來存放網站的所有文件,往后就在該文件夾中創建和編輯文檔。待網頁設計和測試好之后,再把它們拷貝到網站上供瀏覽者瀏覽。

1、規劃站點結構 注:規劃站點的結構之前應先用筆繪出站點的結構圖(如下圖所示是一個典型的學校站點的結構圖)

2、規劃站點的瀏覽機制 一般可采用以下的方法: ? 創建返回主頁的鏈接 ? 顯示網站專題目錄 ? 顯示當前位置 ? 搜索和索引

? 反饋(將網頁創作者或網站管理員公布在網頁上,或創建一個E-MAIL超級鏈接,以使用戶能快速地將信息反饋到網站中)

二、創建一個站點 步驟:

1、單擊“文件”---“新建”---“站點”命令(或單擊常用工具欄中“新建網頁”按鈕的下拉箭頭,從打開的下拉菜單中選擇“站點”命令)

2、選擇一種站點模板或向導

3、單擊“確定”按鈕

三、站點的基本操作

1、打開站點:“文件”---“打開站點”

2、刪除站點:

方法一:在Windows資源管理器中刪除一個站點

方法二:在FrontPage中刪除站點,在“文件夾”視圖或“網頁”視圖的“文件夾列表”中,右擊站點所對應的目錄,在快捷菜單中單擊“刪除”命令

3、站點的設置

“工具”----“站點設置”,有“常規”、“參數”、“高級”、“語言”、“導航”、“數據庫”六個選項卡 【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第二節 利用表格進行網頁布局

【教學目的與要求】

一、插入表格

二、單元格的基本操作 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識: 插入表格 重點知識:單元格的基本操作 【教學組織過程】2課時 2課時

1.上講回顧 2.教授新知 【授課內容】

一、插入表格

1、單擊常用工具上的“插入表格”按鈕

2、單擊“表格”---“插入”---“表格”命令

3、使用表格工具欄(“查看”—“工具欄”---“表格”命令)

4、由文本轉換(“表格”—“轉換”—“文本到表格”)一般以段落為分行標記,以逗號或句號為分列標記。

二、單元格的基本操作

1、選擇單元格(“表格”—“選定”—“單元格”)Ctrl:可選擇不相鄰的單元格 Shift:選擇多個相鄰的單元格

2、插入單元格(“表格”—“插入”—“單元格”)

3、合并單元格(“表格”—“合并單元格”或“表格工具欄”上的“合并單元格”按鈕)

4、拆分單元格(“表格”—“拆分單元格”或“表格工具欄”上的“拆分單元格”按鈕)

三、填充單元格

1、文本與圖像填充(“插入”—“圖片”)

2、對齊文本與圖像(“表格”—“屬性”—“單元格”,“水平對齊方式”、“垂直對齊方式”)

3、修改單元格背景(“表格”—“屬性”—“單元格”,“背景”)

4、調整邊框顏色(“表格”—“屬性”—“單元格”,“邊框”)

5、改變單元格尺寸(“表格”—“屬性”—“單元格”,“指定寬度”、“指定高度”)

四、修改表格的行與列

1、選擇行與列

2、插入行與列(“表格”—“插入”—“行或列”)

3、均分行與列(“表格工具欄”中的“平均分配行高”或“平均分配列寬”)

4、刪除行與列(“表格工具欄”中的“刪除單元格”按鈕或“表格”—“刪除單元格”命令)【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第三節 利用框架設計網頁布局

【教學目的與要求】

一、認識框架網頁

二、創建框架網頁

三、框架網頁的保存和打開 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】: 基礎知識:認識框架網頁 重點知識:創建框架網頁 【教學組織過程】2課時 2課時 1.上講回顧 2.教授新知 【授課內容】

一、認識框架網頁

1、框架的概念 框架網頁是一種特殊的網頁,它將自身分成幾個區域,每個區域稱作一個框架窗口(通常簡稱為框架)

框架具有以下特性:

每個框架都可以獨立地顯示一個網頁,各個框架窗口之間可以設立超鏈接。每個框架窗口可以賦予一個名字,以便其他URL作為目標調用。

2、框架的使用場合(如郵箱、論壇)

通常用框架來顯示在同一個站點中的多個超鏈接,這樣可以不用瀏覽器中的“后退”按鈕而方便的進行瀏覽。

框架也適用于類似在線書籍的應用,將目錄顯示在左邊的框架中,單擊目錄,右邊框架中顯示相關的章節

二、創建框架網頁

1、框架網頁的創建

“文件”—“新建”—“網頁”,選擇“框架網頁”選項卡

2、框架網頁模板(10種)“設置初始網頁” “新建網頁”

三、框架網頁的保存和打開

框架網頁的保存包括框架網頁自身的保存和框架窗口中網頁的保存。

1、框架網頁的保存

“文件”—“保存文件”或“框架”—“保存網頁”

2、框架網頁的打開 “框架”—“在新窗口中打開網頁”

四、框架網頁的屬性

1、框架網頁的屬性 “文件”—“屬性” “框架間距”、“顯示邊框”

2、框架的屬性 “框架”—“框架屬性”

五、調整框架布局

1、調整框架窗口的大小(用鼠標拖動或在“框架屬性”對話框中調整)

2、框架的拆分

方法一:“框架”—“拆分框架”(按行或按列拆分)方法二:用鼠標拖動拆分(按Ctrl鍵)

3、框架的刪除 “框架”—“刪除框架”

六、目標框架

當在框架網頁的某一個框架中定義超鏈接時,需要指定被鏈接的網頁顯示在哪一個框架中,即指定超鏈接的目標框架。

選擇要設置超鏈接的文字或圖像,“插入”—“超鏈接”,單擊“目標框架”、“更改目標框架” 【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第四節 使用導航欄

【教學目的與要求】

一、定義導航結構

二、認識導航欄屬性

三、創建導航欄 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識:定義導航結構 重點知識:認識導航欄屬性 【教學組織過程】2課時2課時 1.上講回顧 2.教授新知 【授課內容】

一、定義導航結構

在網頁內添加導航欄之前,先建立該站點的導航結構 “視圖”—“導航”按鈕

二、認識導航欄屬性 “插入”—“導航欄”按鈕

“父層”:創建指向當前網頁上一級網頁的超鏈接,并將上一級網頁的標題名稱顯示在導航欄內。

三、創建導航欄(要在瀏覽器中才可看到實際導航欄效果)

四、創建共享邊框

用創建導航欄的方法只能在一個網頁中創建導航欄,若需要導航欄出現在站點內多個網頁的相同位置,則可將導航欄插入網頁的共享邊框內。

右擊編輯窗口,單擊“共享邊框”命令 練習

二、利用框架設計一個企業網站的布局 要求有如下內容:關于我們、商品展示、在線訂購、網上留言、聯系我們、產品目錄、友情鏈接等。【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第五節 網頁布局功能的應用

【教學目的與要求】

一、創建布局表格

二、繪制布局表格 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】: 基礎知識:創建布局表格 重點知識:繪制布局表格 【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、創建布局表格

1、創建布局表格

打開一個空白網頁,并切換到“設計”視圖下,單擊“表格”菜單中的“布局表格和單元格”命令,隨后在右側彈出一個任務窗口,在該任務窗口下面程序提供了多種表格布局模板,在此單擊其中需要的模板即可將該模板添加到網頁中。

2.繪制布局表格

如果你對模板中提供的布局表格不太滿意,還可以用手工繪制的方法創建一個布局表格。創建時首先在“新建表格和單元格”項中單擊“繪制布局表格”,隨后將指針移到操作窗口最左端,然后拖動鼠標即可繪制表格。

3、設置表格屬性 插入表格后,還需對表格屬性進行設置。在“表格屬性”項中設置該表格所需的屬性。

提示:在設置表格時,如果要想覆蓋網頁的默認邊距,并讓布局表格跨到文檔窗口的邊緣,可以將表格中的各個邊距的屬性都設置為0。

在設計框架時經常需要調整某一行或列的屬性,這時可以通過表格中列寬和行高的標簽來完成。在操作窗口中單擊布局表格需要調整的邊框,每一側都會出現顯示列寬和行高的標簽。每個標簽都包括一個下拉箭頭,如更改行高度時,單擊此下拉箭頭彈出一個下拉菜單,選擇“更改行高”命令,在彈出的“行屬性”對話框中重新輸入該行高度值即可。

練習

三、使用布局功能設計學校網站

要求包括有以下內容:學校簡介、校園新聞、教育教學、學生天地、校園論壇、教師之家等 【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第六節 網頁布局設計

【教學目的與要求】

一、文本的美化(“格式”—“字體”)

二、運用邊框與陰影(“格式”—“邊框與陰影”)

1、設置邊框

2、設置陰影

【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識:文本的美化(“格式”—“字體”)

重點知識:運用邊框與陰影(“格式”—“邊框與陰影”)

1、設置邊框

2、設置陰影

【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、文本的美化(“格式”—“字體”)

1、輸入文本

2、美化文本(設置文本字體、字號)注:字符的大小共有6級,其中默認級別是3。

3、設置文本效果

4、改變文本顏色

5、設置字符間距

二、運用邊框與陰影(“格式”—“邊框與陰影”)

1、設置邊框

2、設置陰影

三、使用列表(“格式”—“項目符號和編號方式”)

1、添加項目列表。

項目列表也稱為無序列表,它將在項目前添加標志符號。可以將圖片作為新的項目標志。經常使用的項目符號有3種:實心黑點、空心圓圈和實心方塊。

2、添加編號列表

在網頁中的內容存在順序關系時,可應用編號列表。

3、添加定義列表

定義列表就是在網頁內定義詞匯、術語的列表,具體的定義內容將以首行縮進的方式出現在列表的下一行。(格式工具欄的“樣式”—“定義的術語”,輸入要詞匯、術語,按回車鍵)

4、設置嵌套列表

要建立組合列表,可以先生成第1級列表,然后再生成第2級列表,依此類推。

建立組合列表的具體操作步驟如下:(1)先生成第1級列表(2)將光標移動到擁有第2級列表的第1級列表項目的末尾,然后按回車鍵。將出現一個空的列表行。

(3)單擊“格式工具欄”中的“增加縮進”圖標。該行變為一個空白行,是沒有列表編號或項目符號的。再單擊一次“增加縮進”圖標。(4)此時再按照建立列表的方法構造第2級列表。

(5)輸入第2級列表。輸入過程中每次接回車鍵就自動生成第2級列表項目。(6)第2級列表輸入完畢后,將光標移到別的位置或者用鼠標在頁面的空白處單擊一下即可完成第2級列表的設置操作。

嵌套列表可以轉變為可折疊大綱,這樣在瀏覽器中瀏覽時,就可以展開或折疊大綱中的各個級次。生成可折疊大綱的具體操作步驟如下:(l)按生成復合列表的方法構造好這個復合列表所有的列表級次。

(2)選擇“格式”菜單中的“項目符號和編號方式”命令,打開“項目符號和編號方式”對話框,或者在列表中單擊右鍵,從彈出的菜單中選擇“列表屬性”命令。

(3)在打開的對話框中,選中“啟用可折疊大綱”復選框。(4)單擊“確定”按鈕。

練習

四、設計一個介紹陽江風景及特產的網頁

要求:設計一個網頁介紹陽江的風景及特產,要用到折疊列表的方式來分別介紹陽東、陽西、陽春等的不同地區的風景名勝及特產。【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第七節 網頁裝飾設計

【教學目的與要求】

一、添加圖像

二、處理圖像 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識:添加圖像 重點知識:

二、處理圖像 【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、添加圖像

在瀏覽器中,能處理的圖片格式只有GIF、JPEG格式和PNG格式等少數幾種圖片。

1、GIF格式圖片

GIF格式最多能支持256種顏色(8位顏色)。可以具有透明、動畫等特殊效果。

2、JPEG格式文件

JPEG格式可以處理高達1670萬種顏色(24位顏色),所以在需要顯示細微的變化和使用大量的色彩處理照片時經常使用這種格式保存文件。

插入本地計算機上的圖像(“插入”—“圖片”—“來自文件”,“從計算機選擇一個文件”)

插入WEB上的圖像(“插入”—“圖片”—“來自文件”,“從WEB瀏覽器來選擇網頁或文件”)

二、處理圖像

1、剪裁圖像(“圖片”工具欄—“剪裁”按鈕)

2、設置透明背景(“圖片”工具欄—“設置透明色”按鈕)

三、添加文本(“圖片”工具欄—“文本”按鈕)

四、保存圖像

注:默認情況下,當前站點的圖像文件保存在Images文件夾中

五、運用特殊效果

1、調整圖片的亮度和對比度

2、圖片的翻轉與旋轉

3、圖片的沖蝕和黑白處理

4、凹凸效果

六、設置圖片對齊方式(“圖片屬性”—“外觀”—“布局”—“對齊方式”)

七、使用水平線

水平線是貫穿網頁寬度的細灰條,用于分隔文本或加著重符。添加水平線后,可以修改其屬性來更改寬度、高度、對齊方式和顏色。如果網頁使用了主題,則會使用圖形來代替水平線以匹配主題。

1、插入水平線

2、設置水平線屬性

八、修改網頁背景(“格式”—“背景”)

1、調整背景色彩

2、調整背景圖案

九、創建交換圖像(DW 2004)

1、插入交換圖像(“插入”—“圖像對象”—“鼠標經過圖像”)“原始圖像”、“鼠標經過圖像”、“按下時,前往的URL”

2、預覽交換圖像:F12 【課程小結】a 【作業】

1.5 課后練習書本課后練習作業

第八節 創建超鏈接

【教學目的與要求】

一、與當前站點的鏈接

二、與空白網頁的鏈接

三、與電子信箱的鏈接 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識:創建熱點 重點知識:與電子信箱的鏈接 【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、與當前站點的鏈接(“插入”—“ 超鏈接”,“搜索”當前站點的文件夾位置)

二、與空白網頁的鏈接(“插入”—“ 超鏈接”,“創建一網頁并鏈接到該網頁”)

三、與電子信箱的鏈接(“插入”—“ 超鏈接”,“制作發送電子郵件的超鏈接”)

四、與Web的鏈接(“插入”—“超鏈接”,“使用WEB瀏覽器來選擇網頁或文件”,ALT+TAB,則網頁地址自動添加到URL中)

五、修改鏈接顏色(“網頁屬性”—“背景”,“顏色”—“超鏈接”、“已訪問的超鏈接”、“當前超鏈接”)

六、使用圖像地圖

1、創建熱點

在圖片中創建熱點的具體操作步驟如下: 選中要建立熱點的圖片。圖片被選中后,四周將出現8個控制方塊,并且“圖片工具欄”被激活。

在“圖片工具欄”中,選擇熱點的形狀的圖標。可以選擇長方形、圓形或多邊形。

將鼠標移動到圖片中。這時,鼠標指針變成一支筆的模樣。

用鼠標左鍵單擊圖片中要建立熱點的區域并拖動鼠標來繪制熱點。盡量讓熱點和圖片上的特征區域相配合

熱點繪制完畢,圖片中將出現該熱點的邊框。打開“插入超鏈接”對話框,建立到熱點上的超鏈接的過程與建立到文本上的超鏈接的過程基本相同。

練習

五、設計一個介紹一年四季風景的網站 要求:

用到嵌套列表、框架、超鏈接、圖像熱點等技術。【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第九節 表單設計

【教學目的與要求】

一、認識表單

二、生成表單

三、表單內容編輯 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識:認識表單 重點知識: 表單內容編輯 【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、認識表單

表單的作用:表單就是瀏覽者可以在網頁中填寫信息的表格,其作用是接收瀏覽者填寫的信息并將其提交給表單處理程序進行處理。

二、生成表單

1、表單的創建與表單字段的添加 “插入”—“表單”

2、表單向導

“文件”—“新建”—“網頁”--“常規”——“表單網頁向導”

三、表單內容編輯

1、單行文本框

2、滾動文本框

3、復選框

4、單選按鈕

5、下拉菜單

6、按鈕

7、圖片

8、標簽

9、隱藏的表單字段

四、驗證性表單字段(“驗證有效性按鈕”)

五、表單處理程序

右擊表單,選擇“表單屬性”命令,提供了保存表單數據的三種不同處理方式:

1、發送到文件(單擊“選項”按鈕”,進行設置)

2、發送到數據庫

3、討論表單處理程序

4、注冊表單處理程序

5、自定義ISAPI、NSAPI、CGI或ASP腳本 練習六:制作表單

制作一個注冊信息表單,要求包括下面的內容:會員帳號、您的姓名、您的性別、輸入密碼、密碼確認、密碼提示問題、密碼提示答案、電子郵件、常用電話、收貨地址、郵政編碼、提交按鈕、重填按鈕 【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第十節 層及應用(DW 2004)

【教學目的與要求】

一、層概述

二、創建層 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識:層概述 重點知識:創建層 【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、層概述

層(Layer)是一種 HTML 頁面元素,您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現使網頁從二維平面拓展到三維。可以使頁面上元素進行重疊和復雜的布局。

二、創建層

方法一:“插入”—“布局對象”—“層”

方法二:“插入”工具欄—“布局”—“ 描繪層”,按住鼠標拖動 方法三:“插入”工具欄—“布局”,拖動“ 描繪層”按鈕到文檔窗口(按CTRL鍵,可繪制多層)

三、通過拖動周圍的黑色調整柄控制層的大小

四、拖動層左上角的選擇柄可以移動層的位置。

五、單擊層標記可以選中一個層。(顯示層標記的方法:“編輯”—“首選參數”—“分類”—“不可見元素”

六、顯示層面板(“窗口”—“層”)

1、層的隱藏與顯示

2、層數

3、層重疊

七、層和表格之間的轉換(在轉換為表格之前,請確保層沒有重疊。)“修改”—“轉換”—“層到表格”

若要將表格轉換為層,請選擇“修改”—“轉換”—“表格到層” 【課程小結】

【作業】

1.5 課后練習書本課后練習作業、第十一節 行為

【教學目的與要求】

一、行為概述 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識:行為概述 【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、行為概述

行為是一種利用簡單直觀的語句設置手段,為網頁對象添加一些動態效果和簡單的交互功能的技術。行為是事件和由該事件觸發的動作的組合。

下面給出一些常見事件的一些解釋

onClick 單擊

onDbclick 雙擊

onKeypress按鍵

onMouseDown鼠標按下

onMouseOut鼠標移出

onMouseOver鼠標移上

onMouseUp鼠標抬起。

實例:dreamweaver中網頁折疊菜單的制作

第一步:先插入一個一行、兩列的表格,方法:單擊菜單上的“插入”,再選取“表格”,在“行”中輸入1,在列中輸入2,在單擊“確定”。

把寬和高分別設為200px和30px 在兩個單元格內分別輸入 內容

第二步,在單元格內插入一個層。把寬和高分別設為100px和90px 第三步:在層中插入一個三行、一列的表格,方法同第一步。并把寬和高分別設為100px和90px,以填滿這個層。在三個單元格中輸入內容

在層的屬性欄中將“可視”設為“隱藏”,這樣在打開網頁時便看不見這個層

在“行為目標”中選擇一個合適的瀏覽器,一般是選擇“IE 4.0”。然后單擊左邊的“+”按鈕,來添加行為。在彈出的菜單中選擇“顯示或隱藏層”,在彈出的窗口中選擇 “Layer1”,就是我們剛才添加的那個層了,再單擊“顯示”

接著單擊“事件”下面右邊的那個向下箭頭按鈕,在彈出菜單中選擇“當鼠標移上”(OnMouseOver)。

再單擊“+”按鈕,選取“顯示或隱藏層”,還是選取“Layer1”,不過這次我們點擊的是“隱藏”(Hide)了,再確定。然后選擇“事件”,單擊“當鼠標移開”(OnMouseOut)。【課程小結】

【作業】

1.5 課后練習書本課后練習作業

第十二節 HTML語言基礎

【教學目的與要求】

一、HTML語言概述

二、HTML文件基本架構 【教學方法與手段】

多媒體教學:借助多媒體手段,進行課堂理論教學;

啟發式教學:教學活動關注的重點從結果轉向過程。激發思維,師生互動,增強學生學習的主動性、積極性和創造性; 【教學重點與難點】:

基礎知識: HTML語言概述 重點知識:HTML文件基本架構 【教學組織過程】2課時 1.上講回顧 2.教授新知 【授課內容】

一、HTML語言概述

當我們暢游Internet時,我們透過瀏覽器所看到的網站,是由HTML(HyperText Markup Language)語言所構成。HTML(超文件標記語言)是一種建立網頁文件的語言,透過標記式的指令(Tag),將影像、聲音、圖片、文字等連結顯示出來。

HTML標記是由 < 和 > 所括住的指令,主要分為 : 單標記指令、雙標記指令(由 < 起始標記 >,< / 結束標記 >所構成)。HTML網頁文件可由任何文本編輯器或網頁專用編輯器編輯,完成后(以.htm 或.html 為文件后綴保存)將HTML網頁文件由瀏覽器打開顯示,若測試沒有問題則可以放到服務器(Server)上,對外發布信息。

二、HTML文件基本架構

文件開始 標頭區開始 ... 標題區 標頭區結束

本文區開始 本文區內容

第三篇:教學論文-網頁制作技術

《網頁制作技術》教學方法初探

網頁制作技術課程在目前的職業學校中幾乎成為必開課程,但由于網絡技術更新日新月異,教學方法很難于最新技術達到一致,因此在連續4年的教學當中,我考慮是否應當在教學方法上進行更新。課程的傳統教學方式是先由教師在多媒體機房授課,然后安排學生在上機驗證教師所講內容。這種方式忽略了學生的積極性、主動性,學生學到的知識比較零碎,很難開發實際項目。而且我們軟件課程的特點就是易學也易忘,因此為了將零散的知識點,一點一滴的灌輸到學生的知識庫中是每個計算機專業教師必須思考的問題。

隨著課程內容的深入,很多學生逐漸失去了學習興趣,喪失了主動參與的意識,以致課程結束時,幾乎沒有學生能夠設計出具有一定水平的網站。為打破傳統的教學模式,突出學生的主體地位,讓學生成為教學的中心。我分析了該課程的特點,并結合任課教師為企業開發網站的經驗,讓教師將所承擔的網站建設項目引入課堂教學,引導學生共同開發項目。

此類課程要想取得好的效果,項目教學法便是首選。2003年7月德國聯邦職教所制定以行動為導向的項目教學法,它把整個學習過程分解為一個個具體的工程或事件,設計出一個個項目教學方案。按行動回路設計教學思路,不僅傳授給學生理論知識和操作技能,更重要的是培養他們的職業能力,這里的能力已不僅是知識或是專業能力,而是涵蓋了如何解決問題的能力:方法能力、接納新知識的學習能力以及與人協作和進行項目動作的社會能力等幾個方面。

項目教學法的核心追求是:不再把教師掌握的現成知識技能傳授給學生,而是在教師的指導下,學生去尋找得到這個結果的途徑,最終得到這個結果,并進行展示和自我評價。學習的重點在學習過程而非學習結果,他們在這個過程中鍛煉各種能力。教師已經不是教學中的主導地位,成為學生學習過程中的引導者、指導者和監督者,學生具有較高的積極性。

網頁制作是職業學校計算機類專業所特有的實訓項目之一,即通過30到60學時,學生必須完成一個完整網站的制作。主要嘗試從以下幾個步驟實施項目教學:分組

在先學生自愿組合、后教師調配安排下,對全班同學進行分組,3—4人一組,采取組長負責制,由組長統籌安排其組員的分工。2 規劃網站

在制作網站前,給學生介紹不同類型的專題網站,讓學生上網找出自己感興趣的網站,要求學生在網站瀏覽的同時,總結此網站的風格特點,并把自己的心得介紹給老師與同學,這樣不但能提高學生的學習興趣,而且為引入項目教學法做好了鋪墊。課前讓學生進行網站需求的調查,在調查過程中尋找具有一定的應用價值的網站項目。課堂上讓學生結合各自調查情況,提出一個網站設計的項目,參考《網頁設計與制作》教材制定好一份初步計劃書,確定網站主題。3 細化任務。分工合作

本著發揮學生個人特長,讓每一位學生溶入網站設計的全過程,結合《網頁設計與制作》課程的教學內容,在學生制定好具有一定應用價值網站設計計劃書的基礎上,通過課堂討論,列出將要實施的幾個網站方案,成立項目小組,設立項目經理來負責每個小組完成一個網站。實施項目

學生確定各自在小組內的分工及小組成員問合作形式后,按照已確定的方案進入具體的網站制作。在這個過程中,學生必然會碰到許多新問題,此時教師就可以把問題集中起來,要求各小組在回答問題時充分發表意見,同學問可相互提示幫助,教師根據學生的掌握情況進行及時補充,對學生在應用上有困難的地方,教師提供給他們解決問題的方法。讓班上絕大多數學生能完成基本的教學內容。5 小組成果展示

網站制作結束前,經過教師核準驗收后,可以宣布整個項目工作結束。作者要向教師及同學展示自己的網站,并進行作品答辯。以團隊形式完成作品的,分模塊展示,體現合作的同時還應有細致分工,這會更加促進學生的團隊意識。評估總結

學生在完成網站設計后,教師要求他們進行網站的自評、互評。這個過程可以與成果展示同時進行。學生對各自網站自評,不僅有利于學生的自主學習,且可以改進課程或教學的設計;學生互評,讓學生對學習成果進行共享,從學生的角度發現問題以及提出改進意見。最后教師對各項目組的網站進行綜合評價,這一工作是最主要的。教

師在評價學生網站時,不能只進行優劣評價,而應該指出問題所在,給出具體改進及修改建議等,讓學生去完善網站。小結

網頁制作課程作為職業學校計算機基礎教育的重要組成部分,如何采取合適的教學方法,提高教學質量,是每一個計算機專業教師很重視的問題。除了進行教學方法改革外,只有各部門、教師和學生協作和支持,才可能真正提高網頁制作課程的教學質量。項目教學對提高職業學校學生的專業技能有了很大的幫助,這也同時給老師提出了更高的要求。身為一位職業學校的專業教師,一個計算機專業的授業者,必須身體力行,加強學習,提高自身素質,用最先進的教育理論引領自己做好職業教育。

第四篇:《動態網頁制作技術》實習周方案

2013—2014第一學期

《動態網頁制作技術》實習周方案

班級:信息工程系網絡12普招、網絡12對口

課程:《動態網頁制作技術》任課教師:何保榮

一、實習周要求

在規定時間內完成特定項目的設計、編寫及調試。

二、實習周具體內容

設計一個學生管理系統,要求如下:

1、學生通管理系統內容至少包含兩個數據表,其中學生基本情況表1至少包含如下字段:學號、姓名、性別、班級、電話,學生成績表2至少包含學號、姓名、科目成績等(10分);學生管理系統要包含注冊登錄模塊(25分);注冊信息至少要用到單選鈕列表框、復選鈕列表框、下拉列表控件(10分);注冊頁面要有必要的驗證(5分)。

2、超級用戶可以對學生管理系統進行在線編輯和在線添加(25分);普通用戶可以對學生管理系統信息查看和在線添加(10)。

3、數據顯示要有美觀的外觀設計(5分)。

4、總結系統設計,編程、調試心得感悟(10分)。

三、實習周具體考核辦法

1.根據系里邊實習周的統一安排時間,通知學生在規定時間、在規定機房完成特定項目《學生管理系統》的設計、編寫及調試。

2.實習周最后一天,將系統打包上傳至服務器特定文件夾。

3.實習周成績滿分100分。

四、輔導老師

何保榮馬金素

2013.12.3

第五篇:技術改變世界

技術改變世界

技術改變世界,創新驅動未來。對于很多人來說,這也許是一句看起來假大空的話,但是無數過往的事實幫我們驗證了這一觀點。蒸汽機的發明引發了第一次工業革命,喬布斯的iphone推動了智能手機的發展,幫助人們進入個人媒體時代??

新時代的技術,新時代的發展。不可否認,新技術往往會迅速改變對整個產業的思考方式,并潛移默化地改變市場主體的運行軌跡和前進方向。以汽修行業為例,新技術的發展讓傳統敲敲打打的修理方式退伍,取而代之的是全新的“汽車醫生”為汽車進行檢測與維修。高大上的職業,高大上的技術瞬間吸引了無數人投身這一行業,成為眾人眼中技術型男。曾經人們會問上哪個大學最好,現在人們會說學什么技術最有前途?技術作為經濟社會發展的最強動力,愈發受到了人們的重視。技術型人才也逐漸取代了學術型人才備受市場和企業的關注。就在每年的六七月份,一大批充滿活力的年輕人開始面臨人生中的重要選擇。曾經他們也許會因為沒有考上理想的學校而難過,會復讀,現在卻有不少的學生選擇了學技術。因為對他們來說,技術職業院校也許才是真正的“象牙塔”,才是改變自己命運和出路的最好選擇。

技術發展推動的是整個市場經濟的進步,職業教育院校的人才培養則為社會輸送了最優秀的力量。就像德國等西方發達國家,技術型人才是最受歡迎的。未來的中國市場上,技能型人才也真正成為社會經濟發展的中堅力量,成為人們最尊敬的對象。對于不少希望通過選擇來改變命運的年輕人來說,把握未來經濟發展的“命門”,才能真正走向人生發展的康莊大道,成就屬于自己的人生精彩。

當然,選擇技術行業能夠為自己的人生起了個好頭,想要在行業里取得一個全新的發展,就需要有創新的思想和行動。就像文章開頭提到的“技術改變世界,創新驅動未來”,沒有哪一個行業不是在創新發展中逐步走向進步的。只有不斷提升自己,不斷創新發展,才能推動行業的進步,才能為經濟社會的發展開辟更大的空間。也許有一天,會因為你的一個小小行動而改變了世界。

山??東??萬??通??技??術??改??變??世??界

下載網頁制作技術教案免費學技術改變生活word格式文檔
下載網頁制作技術教案免費學技術改變生活.doc
將本文檔下載到自己電腦,方便修改和收藏,請勿使用迅雷等下載。
點此處下載文檔

文檔為doc格式


聲明:本文內容由互聯網用戶自發貢獻自行上傳,本網站不擁有所有權,未作人工編輯處理,也不承擔相關法律責任。如果您發現有涉嫌版權的內容,歡迎發送郵件至:645879355@qq.com 進行舉報,并提供相關證據,工作人員會在5個工作日內聯系你,一經查實,本站將立刻刪除涉嫌侵權內容。

相關范文推薦

    網頁制作教案

    網頁制作與設計教案 第一講 網頁設計概述 .................................................................................................................... 3 1.......

    網頁制作教案

    第一節 制作簡單的網頁 (一)教學對象分析 學生在學習本內容前,已經學習了利用Word制作簡單的網頁,并且初步掌握了制作網頁的一般流程及基本操作,具有進一步學習的能力。 (二)教學目......

    網頁制作教案

    HTML第一節課 1.本課程主要目標 使用DIV+CSS布局網頁使用CSS美化網頁制作精美的商業網站 2.整體課程內容 3.本課程授課目標3.1了解HTML整體課程 3.2 會使用HTML標簽 3.3 了......

    教學設計:《Dreamweaver網頁制作實用教程》----框架技術

    教學設計:《Dreamweaver網頁制作實用教程》----框架技術 《Dreamweaver網頁制作實用教程》----框架技術 教學預案設計:羅執清(沙洋職教中心)一、創意說明 網頁制作是計算機應用......

    網頁制作基本技術實習大綱(五篇范文)

    Dreamweaver基本操作 具體要求: (1)網上搜索Dreamweaver軟件,下載并安裝。 (2)http://www1.ujs.edu.cn/fy/ec/new/“軟件下載”中的“Dreamweaver教程”,下載至本地硬盤并學習。 (3)h......

    動態網頁制作技術PHP的基礎知識總結

    計 算 機 輔 修C++程 序 設 計姓名:班級:學號:動態網頁制作技術PHP的基礎知識總結 1、在HTML嵌入PHP腳本有三種辦法: <scriptlanguage="php"> //嵌入方式一 echo("test"); </scrip......

    《高級網頁制作技術》課程教學大綱(精)大全

    《高級網頁制作技術》課程教學大綱 一、 課程的地位、作用與任務 本課程是計算機科學與技術(本科)應用軟件開發方向選修的專業課,通過本課程的學習,培養學生的網頁制作技術與......

    《電視制作技術》實驗教學教案

    《電視制作技術》實驗教學教案修訂時間:2013.2 課程名稱:電視制作技術 課程編號:050278 課程性質:專業基礎課 實驗時數:36學時 適應專業:攝影攝像專業、新聞采編專業 實 驗 室:演播......

主站蜘蛛池模板: 国产成人精品日本亚洲第一区| 欧美日韩精品人妻狠狠躁免费视频| 久久婷婷色综合一区二区| 内射无码专区久久亚洲| 伊伊综合在线视频无码| av无码av在线a∨天堂毛片| 婷婷五月综合色视频| 亚洲国产av精品一区二区蜜芽| 国产精品成人av在线观看| 亚洲一区精品二人人爽久久| 国产精品久线在线观看| 久久久久国产精品人妻aⅴ牛牛| 人妻少妇精品无码专区app| 日本乱偷人妻中文字幕在线| 性欧美丰满熟妇xxxx性| 国产精品久久国产三级国不卡顿| 偷窥自拍性综合图区| 天天摸夜夜摸夜夜狠狠添| 东北老头嫖妓猛对白精彩| 国产人妻精品区一区二区三区| 亚洲欧美日产综合在线网| 自偷自拍亚洲综合精品麻豆| 欧美亚洲精品一区二区| 国产亚洲精品bt天堂精选| 99久久99久久久精品齐齐| 亚洲综合日韩av无码毛片| 亚洲国产成人无码av在线播放| 噜噜噜亚洲色成人网站| 欧美老妇与zozoz0交| 伊人成色综合人夜夜久久| 国产成人av一区二区三区| 欧美亚洲国产一区二区三区| 久久精品成人无码观看免费| 九月婷婷人人澡人人添人人爽| 精品人人妻人人澡人人爽牛牛| 少妇爆乳无码专区网站| 日本熟妇色xxxxx日本妇| 色欲色香天天天综合网www| 国产精品高潮呻吟av久久黄| 国产精品毛片久久久久久久| 成人性生交大片免费看r链接|