word版可編輯-網頁設計與制作教案精心整理-資料下載頁

　　

【正文】 2． 窗口菜單—行為(Shift+F3)3． 附加行為4． 窗口菜單—行為—“＋”5． 刪除行為6． 窗口菜單—行為—“－” 7． 調整行為順序8． 設置瀏覽器版本9． 為附加的行為選擇事件 認識事件（15分鐘左右）　　行為是事件與動作的聯合，事件用于指明執行某項動作的條件。常用事件包含有鼠標事件、鍵盤事件、窗體事件和其它事件等，如以下等。　　 onClick：單擊選定元素（如超鏈接、圖片、按鈕）將觸發該事件。　　 onMouseOver：當鼠標首次移動指向特定對象時觸發該事件。　　 onMouseMove：當鼠標停留在對象邊界內時觸發該事件。　　 onMouseOut：當鼠標離開在對象邊界內時觸發該事件。　　 onLoad：當圖片或頁面完成載入后觸發該事件。　　 onMouseDown：當按下鼠標按鈕時觸發該事件。 各種行為的使用（50分鐘左右）1． 交換圖像l 插入第一幅圖像l 選中圖像添加行為交換圖像，實現鼠標經過圖像變化效果2． 彈出信息l 選中body標簽，通過添加行為，彈出歡迎信息l 將行為面板事件設置為onloadl 給按鈕添加彈出信息l 給鏈接文字添加彈出信息3． 恢復交換圖像4． 播放聲音l 選中按鈕，在按鈕上添加該行為，通過點擊按忸播放聲音l 需將行為事件設置為onclick5． 拖動層l 選中body標簽，添加該行為l 設置網頁中的層具備可拖動的效果（預覽狀態）6． 打開瀏覽器窗口l 選中body標簽，添加該行為l 制作進入頁面時的彈出窗口效果l 在按鈕上添加該行為7． 顯示隱藏層l 設置好圖層l 在鏈接上添加該行為，將行為事件設置為onmouseover8． 顯示彈出式菜單l 在鏈接上添加該行為，將行為事件設置為onmouseoverl 設置鼠標離開時恢復菜單9． 檢查表單l 在表單的提交按鈕上添加該行為l 行為事件設置為onclick10． 設置狀態欄文本l 選中body標簽，添加該行為作業/思考題：1． 什么是事件、動作和行為？2． 單擊“行為”面板中“獲取更多行為”命令，到Adobe公司的網站中下載更多的行為。教學后記：介紹Javascript相關介紹說明。課程教案（№:23）授課內容應用行為實例課 型163。理論 R實踐授課學時2教學方法與手段實例講解法教學目的與要求通過本次實訓，學員掌握Dreamweaver中行為的使用，并能利用行為制作動態的網頁效果。教學重點與難點教學重點：1． 行為面板2． 行為的創建3． 行為的應用教學難點行為使用時的注意事項教學過程設計實訓內容：各類行為的使用實訓步驟：1． 交換圖像l 插入第一幅圖像l 選中圖像添加行為交換圖像，實現鼠標經過圖像變化效果2． 彈出信息l 選中body標簽，通過添加行為，彈出歡迎信息l 將行為面板事件設置為onloadl 給按鈕添加彈出信息l 給鏈接文字添加彈出信息3． 恢復交換圖像4． 播放聲音l 選中按鈕，在按鈕上添加該行為，通過點擊按忸播放聲音l 需將行為事件設置為onclick5． 拖動層l 選中body標簽，添加該行為l 設置網頁中的層具備可拖動的效果（預覽狀態）6． 打開瀏覽器窗口l 選中body標簽，添加該行為l 制作進入頁面時的彈出窗口效果l 在按鈕上添加該行為7． 顯示隱藏層l 設置好圖層l 在鏈接上添加該行為，將行為事件設置為onmouseover8． 顯示彈出式菜單l 在鏈接上添加該行為，將行為事件設置為onmouseoverl 設置鼠標離開時恢復菜單9． 檢查表單l 在表單的提交按鈕上添加該行為l 行為事件設置為onclick10． 設置狀態欄文本l 選中body標簽，添加該行為實訓結果：作業/思考題：1． 什么是事件、動作和行為？2． 單擊“行為”面板中“獲取更多行為”命令，到Adobe公司的網站中下載更多的行為。教學后記：介紹Javascript相關介紹說明。課程教案（№:24）授課內容時間軸的使用課 型R理論 163。實踐授課學時2教學方法與手段講授法教學目的與要求本次課程將學習時間軸的功能及使用、應用場合等知識。教學重點與難點教學重點：1． 時間軸的設置2． 創建簡單的動畫教學難點： 浮動廣告的制作教學過程設計一、 顯示時間軸面板（10分鐘左右）1． 窗口菜單時間軸（alt+F9）2． 時間軸面板的介紹二、 時間軸的基本操作（10分鐘左右）1． 修改菜單時間軸選擇項目2． 通過上下文菜單或右鍵菜單來操作三、 層與時間軸結合實現動畫（10分鐘左右）1． 直接動畫：設置兩個關鍵幀時層的屬性2． 曲線動畫：ctrl鍵按住點鼠標添加更多的關鍵幀3． 任意路徑動畫：錄制層路徑四、 時間軸與行為的結合（10分鐘左右）1． 在時間軸上添加行為2． 用行為控制時間軸的播放/停止五、 實例：浮動廣告的制作（50分鐘左右）作業/思考題：1． 什么是時間軸？時間軸有何用途？教學后記：腳本結合可制作很多漂亮的網頁效果，本章應通過大量實例教學。如制作小鳥飛翔或人物行走動畫等。課程教案（№:25）授課內容框架課 型R理論 163。實踐授課學時2教學方法與手段講授法教學目的與要求本次課程將學習框架的功能及使用、應用場合等知識。教學重點與難點教學重點：1． 框架的操作2． 框架的保存3． 框架內的鏈接教學難點：浮動框架的使用教學過程設計一、 框架概述（5分鐘左右）1． 什么是框架將多個HTML頁面以不同的區域放置在同一個頁面中，每個HTML頁面都有自己一塊獨立的區域，頁面之間相互不干擾。2． 框架的組成：框架集+框架頁二、 創建框架及框架的刪除（15分鐘左右）1． 系統預定義的框架集(1) 文件新建框架集(2) 插入html框架(3) 插入欄布局框架2． 手動拆分修改框架3． 框架的嵌套4． 框架的刪除5． 既要刪除單個頁面，也要刪除整個集三、 框架及對象的選擇（10分鐘左右）1． 框架集的選擇：點邊框（不可見元素）2． 框架頁面的選擇：窗口框架點選名稱四、 查看及設置框架的屬性（10分鐘左右）1． 框架屬性：邊框相關2． 框架頁面的屬性：名稱，源文件，邊框，滾動條3． 在框架中插入網頁文件4． 直接在空白框架網頁進行編輯5． 文件菜單在框架中打開6． 屬性面板修改源文件五、 保存框架及框架集的文件（8分鐘左右）1． 可以單個保存也可以保存全部2． 保存框架集文件選中框架集文件保存框架頁（ctrl+s）3． 保存框架中顯示的文檔4． 保存一組和框架關聯的文件六、 設置框架內的鏈接（12分鐘左右）將鏈接目標設置為框架的名稱七、 設置不支持框架時的說明（10分鐘左右）修改框架編輯無框架內容八、 浮動框架（20分鐘左右）1． 代碼視圖下手工編寫：iframe src=”” frameborder=”” scrolling=”” width=”” height=”” name=””/iframe2． 代碼視圖下插入html框架浮動框架作業/思考題：1． 什么是框架？什么是框架集？框架的用途是什么？2． 如何創建框架集？如何在框架中添加內容？3． 如何保存框架集？保存框架集與保存網頁有何不同？4． 如何制作浮動框架網頁？教學后記：首先實例講解信箱，flash播放，教程目錄網站的特點，最后模仿制作教程或flash播放網站。課程教案（№:26）授課內容應用框架實例課 型163。理論 R實踐授課學時2教學方法與手段實例講解法教學目的與要求通過本次實訓創建框架類的網站，理解并分析框架集和框架頁的區別，掌握框架保存的技巧。教學重點與難點教學重點：1． 框架頁面的創建2． 設置框架頁中的鏈接3． 利用浮動框架制作頁面教學難點框架使用時的注意事項教學過程設計實訓內容：利用框架制作一個flash播放器實訓步驟：1． 框架頁面的創建(1) 文件菜單新建框架集(2) 分別保存各框架頁面并同時保存框架集2． 設置框架頁中的鏈接(1) 設置框架名稱(2) 將鏈接的目標設置為對應的框架名稱3． 利用浮動框架制作頁面(1) 插入菜單下找到html(2) 在html中找到框架集，通過框架集插入浮動框架(3) 設置浮動框架的屬性(4) 代碼試圖iframe width=”寬” height=”高” scrolling=”滾動條” frameborder=”邊框” src=”源文件” name=”名稱”實訓結果：作業/思考題：1． 什么是框架？什么是框架集？框架的用途是什么？2． 如何創建框架集？如何在框架中添加內容？3． 思考框架頁面的應用場合。4． 如何制作浮動框架網頁？教學后記：思考框架頁面的應用場合。課程教案（№:27）授課內容模板和庫課 型R理論 163。實踐授課學時2教學方法與手段講授法教學目的與要求本次課程將學習模板和庫的功能及使用、應用場合等知識。教學重點與難點教學重點：1． 庫的創建及應用2． 模板的創建及應用教學難點：庫和模板的應用場合教學過程設計一、 庫（15分鐘左右）庫是一種特殊的 Dreamweaver 文件，其中包含已創建以便放在網頁上的單獨的“資源”或“資源”副本的集合，庫里的這些資源被稱為庫項目。庫項目是一種用來存儲在整個網站上，可以在多個頁面中重復使用的對象元素。適用于導航條、頁面落款等設計。1． 庫的創建、編輯、重命名和刪除庫項目庫面板上的按鈕，或右擊菜單2． 在文檔或模板中加入庫項目直接從庫面板中將庫項目拖到文檔或模板中3． 讓文檔中應用的庫項目脫離庫的控制點擊文檔中庫項目從源文件中分離二、 模板（75分鐘左右）　　模板是一種特殊類型的文檔，用于設計布局比較“固定的”頁面。模板創作者設計頁面布局，確定頁面上可編輯區域和固定區域，即設計者可控制哪些頁面元素由用戶進行編輯，哪些不可編輯。當對一個模板進行修改以后，所有使用了這個模板的網頁內容都將隨之同步被修改，簡單的說就是一次可以更改多個頁面，這也是模板最強大的功能之一。1． 創建模板　　 使用網頁另存為的方法創建模板　　　文件菜單單——另存為模板　　 使用新建空白模板的方法創建模板　　窗口菜單—資源（F11鍵）—模板—新建模板2． 創建可編輯區域　　3． 創建基于模板的文檔　　 文件菜單—新建—模板—選擇模板窗口菜單—資源（F11鍵）—模板—選擇模板 4． 刪除文檔中使用的模板　　 修改菜單—模板—從模板中分離5． 更新模板及基于模板的網頁6． 模板的嵌套7． 將模板的“可編輯區”轉換為“鎖定區” 　　 修改菜單—模板—刪除模板標記8． 編輯當前頁面的模板　　 修改菜單—模板—打開附加模板9． 設置模板的頁面屬性　　 修改菜單—頁面屬性10． 尋找“可編輯區”　　 修改菜單—模板—可編輯區名稱11． 模板中可創建的其他區域類型可選區域——可以選擇顯示或隱藏，以適應較復雜的頁面布局。　　 可編輯可選區域——是可選區域的一種，用戶可以設置顯示或隱藏所選區域，并且可以編輯該區域中的內容，該可編輯的區域是由條件語句控制的。　 重復表格——是重復區域的一種，使用重復表格用戶可以創建包含重復行的表格格式的可編輯區域，可以定義表格屬性并設置哪些表格單元格可編輯。作業/思考題：1． 什么是模板？模板用途是什么？2． 什么是庫？庫的用途是什么？3． 模板文檔和庫項目文檔的擴展名分別是什么？它們保存在哪里？教學后記：應充分介紹模板在批量制作網站時的重要性。重點分解可編輯區域。課程教案（№:28）授課內容模板的使用課 型163。理論 R實踐授課學時2教學方法與手段實例講解法教學目的與要求通過本次實訓，掌握模板在大批量網站制作時的用途和優點，同時學會庫的使用。教學重點與難點教學重點：1． 模板頁面的創建2． 創建基于模板的頁面3． 設置各類模板區域類型教學難點模板使用時的注意事項教學過程設計實訓內容：利用模板制作網站子頁面實訓步驟： 模板頁面的創建a) 制作普通頁面b) 點擊文件菜單，另存為模板 創建基于模板的頁面a) 文件新建；利用模板創建新的頁面b) 查看新建頁面能否更改內容 設置各類模板區域類型a) 通過插入欄上的常用類別在模板頁面中創建可編輯區域b) 更新頁面，重新查看利用模板頁的頁面能否更改頁面內容c) 通過插入欄上的常用類別在模板頁面中創建可選區域d) 更新頁面，重新查看利用模板頁的頁面能否更改頁面內容e) 通過插入欄上的常用類別在模板頁面中創建可編輯的