JavaScript程序設計基礎教程電子教案 單元10 JavaScript特效制作 教案_第1頁
JavaScript程序設計基礎教程電子教案 單元10 JavaScript特效制作 教案_第2頁
JavaScript程序設計基礎教程電子教案 單元10 JavaScript特效制作 教案_第3頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

PAGE1PAGE單元10JavaScript特效制作課程名稱JavaScript程序設計項目名稱JavaScript特效制作任務名稱JavaScript特效制作課時4項目性質□演示性□驗證性□設計性√綜合性授課班級授課日期授課地點教學目標能力目標：1.具備使用JavaScript實現網頁特效的能力知識目標：1.掌握JavaScript完成特效的方法2.掌握JavaScript不同特效的完成方法素質目標：1.培養學生信息搜集能力2.培養學生團結合作、互幫互助的能力教學內容1.JavaScript特效2.任務展示與實現完成不同類型的特效3.教師講解本任務涉及的知識點4.實訓與小結教學重點JavaScript特效教學難點JavaScript特效教學準備1.裝有Chrome瀏覽器或者Firefox瀏覽器，并且安裝有WAMP的電腦2.教學課件PPT3.教材：《JavaScript程序設計基礎教程（微課版）》劉剛人民郵電出版社作業設計1.使用JavaScript制作一個實例，展示焦點圖片濾鏡效果2.使用JavaScript制作一個實例，展示廣告圖片左右滾動替換

教學過程教學內容與過程（教學內容、教學方法、組織形式、教學手段）做好課前“5分鐘”教學管理（多媒體、實訓室），做好上課前的各項準備工作（打開電腦、打開課件、打開軟件、打開U盤中的素材位置、打開授課計劃、教案等），吸引學生注意力。【課前說明】使用JavaScript技術完成各種特效【目的】使學生從了解本單元的學習目標、學習重點、考評方式等方面明確學習本單元知識的要求和目標。掌握使用JavaScript技術實現各種特效的方法一、JavaScript不同類型的特效1.焦點幻燈片2.菜單導航3.Tab選項卡4.圖片特效5.文字特效6.表單按鈕特效案例：使用alert()方法實現確任提示 <scripttype="text/javascript">/**彈出確認框和提示框**/functiona(){if(confirm('您確定要在此文本框內輸入東西嗎？')){alert('后果十分嚴重！');}}</script>同步訓練：1.使用JavaScript實現按鈕聯動2.使用JavaScript實現滾動變色的文字效果3.使用JavaScript實現圖片滾動展示效果通過學習，學生能夠掌握JavaScript實現的各種特效技能。本章著重介紹了幾種常見的網頁特效，并逐個分析了這些特效的實現方法及展

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論