<kbd id="k8wcu"></kbd><kbd id="k8wcu"><center id="k8wcu"></center></kbd>

<samp id="k8wcu"><pre id="k8wcu"></pre></samp><ul id="k8wcu"></ul>

<th id="k8wcu"></th>

搜索高級搜索

當前位置：論文格式網 -> 免費論文 -> 其他論文

用比較法設計《5.1.1 動態HTML》教學案

本論文在其他論文欄目，由論文格式網整理,轉載請注明來源www.donglienglish.cn,更多論文,請點論文格式范文查看用比較法設計《5.1.1 動態HTML》教學案
昆山文峰高級中學梁志剛

比較法是通過觀察、分析，找出研究對象的相同點和不同點，它是認識事物的一種基本方法。通過綜合比較，直觀的反映出物體或對象之間的異同。這種方法切合馬克思唯物辯證哲學思想的矛盾統一觀，運用這種方法，有利于充分顯示事物的矛盾，突出事物的特征。本課的重難點是要讓同學掌握動態HTML與普通靜態網頁的區別，具有“動態”效果的Flash動畫和gif圖片動畫特效與動態HTML特效之間的區別等等。這決定了本課的教學案特別適合用比較法設計。
教材分析：本節是高二選修《網絡技術應用》（2004年10月第1版教育科學出版社）第五章的第一小節，主要解決“什么是動態HTML”這一問題。教材中給出的定義是“指即使在脫離網絡環境的情況下，網頁下載到瀏覽器以后仍能隨時變換的HTML”，這一定義相對模糊。為此書上列舉了多許事例，如：當鼠標指針移至文章段落中，段落能夠變成藍色；鼠標指針滑過一幅圖片時，這幅圖片會產生變化；在網頁中加入日期、時間等文字特效、鼠標特效、網頁特效。書中還特別強調GIF圖片動畫不屬于動態HTML效果。這些介紹并不能使同學們明確理解到底什么是動態HTML，哪些特效屬于動態HTML，哪些特效又不屬于動態HTML，有沒有一個明確的判別標準呢？這些是本節課教學設計中需要解決的重難點問題。本論文由論文格式網整理,轉載請注明來源www.donglienglish.cn,更多論文,請點畢業論文查看
為此筆者特意在網上對有關“動態HTML”這一概念進行了大量的信息檢索，發現對于這個概念并沒有一個權威的定義，一般認為：“動態HTML是向原有的HTML加入程序的一種方法。”；“它是一種通過java script、VBScript、Document Object Model（文件目標模塊）、Layers和 Cascading Style Sheets（CSS）等各種技術的綜合發展而得以實現的概念。因此筆者認為“通過各種代碼使網頁產生的動態效果就屬于動態HTML”更有利于學生的理解。
學情分析：在學習本節之前，學生已系統的學習了使用Frontpage2000制作普通網頁的基本方法,HTML代碼也進行過專門學習。多數同學能較熟練的制作普通網頁，為本節學習打下了良好的基礎。但有的同學在網頁制作的細節把握上還存在不足，如：網頁保存時忽略了要將圖片、聲音、動畫等文件保存在images文件夾下，部分網頁制作的操作可能已經遺忘等等。為此在學習本節內容之前先安排學生上機做一個普通網頁練習，既對網頁制作進行了復習又能自然過渡到本節新知識的學習。
教學目標：
1、復習在網頁中插入圖片、動畫、音樂等基本技能。
2、掌握區分動態HTML特效與非動態HTML特效的方法。
3、學習并掌握在網頁中設置字幕、橫幅廣告管理器、懸停按鈕及文字特效的方法。
教學重難點：
1、區分哪些特效屬于或不屬于動態HTML的范疇
2、熟練掌握字幕及懸停按鈕等網頁特效的設置方法
教學策略及方法：
先通過一個簡單網頁制作讓同學進入學習狀態；教師演示同一主題的純靜態網頁與具有“動”的效果的網頁巨大效果差異，突出“動態”效果可以使網頁變得豐富生動起來的優點；閱讀教材“什么是動態HTML”，思考與討論：“是不是網頁中所有動的效果都屬于動態HTML范疇？”；教師演示并總結判斷的方法；同學繼續網頁制作，在網頁中加入部分動態特效；評價同學練習情況，小節本課主要知識點。

教學設計：
一、課前準備：
1、在服務器上下載本課練習素材，并解壓縮。
2、安裝“java組件.msi”程序。解決Frontpage制作的網頁特效無法在本地IE瀏覽器中正常顯示這一問題。
3、閱讀“學生課內練習.doc”文檔，了解本課學習的內容及上機練習的具體任務。
二、鞏固與復習：
學生活動：制作如下圖所示網頁：
此主題相關圖片如下：1.jpg主要練習內容：設置網頁背景；插入背景音樂；在指定的位置插入圖片及Flash動畫；保存網頁等。
可能存在的問題：①背景音樂設置 ②Flash動畫設置 ③正確的保存網頁。
解決方法：同學交流與協作；教師巡視與指導。
教師活動：大多數同學完成該網頁制作后，簡要點評同學網頁制作中存在的問題及解決方法。重點演示某同學在保存網頁時不注意將圖片和動畫保存到xizang文件夾下的解決辦法：將該目錄下的圖片及動畫文件移動到images文件夾下，重新保存網頁即可。
學生活動：檢查自己網頁制作中存在的問題并修正錯誤。
三、導入新課：
教師活動：展示課件中同一主題的兩個不同風格網頁：一個純靜態網頁和一個具有“動態”效果的網頁，哪一個網頁更豐富生動、更具有視覺吸引力？
同學回答：第二個網頁更具有吸引力。
幻燈片展示教師提出的四個問題：
①第二個網頁是不是就是今天要學習的動態HTML？
         ②什么是動態HTML？
         ③動態HTML具有哪些表現形式？
         ④哪些特例不屬于動態HTML范疇？
同學閱讀教材，討論并回答上述問題（略）。
四、深入討論，精講重難點：
教師活動：同學們通過閱讀教材，非常正確的回答了老師提出的上述四個問題，現在就請同學們在你們剛才制作的網頁中找出哪些特效屬于動態HTML范疇，哪些有不屬呢？
學生活動：分組討論交流。
教師活動：打開教師制作好的“動態網頁”用鼠標指向某特效請同學回答是否屬于動態HTML？
答：滾動字幕、懸停按鈕、橫幅廣告管理器、鼠標特效、日期特效等屬于動態HTML；
教師繼續提問：動畫Gif圖片是否屬于動態HTML？
答：不屬于；
教師：同學們回答得太好了，你們是怎么判斷出來的？
同學：書上寫的�。ㄍ瑢W們笑）
教師：同學們的領悟能力真是太強了，下面老師再提兩個難一點的問題看同學們能不能判斷出來：
①flash動畫是不是屬于動態HTML范疇？
同學有的回答屬于，有的回答不屬于。
教師：同學們的意見不統一，那么是否屬于動態HTML有沒有一個統一標準呢？書上沒有寫，同學們能否自己總結一下呢？
同學小聲交流，沒有人回答。
教師講解引導學生思考:從動態HTML的定義出發進行分析,動態HTML是“動態超文本標記語言”的意思，強調的是通過代碼來使網頁產生的動態效果。
教師演示：選中一個懸停按鈕，切換到HTML視圖觀察：
此主題相關圖片如下：2.jpg選中一個滾動字幕，切換到HTML視圖觀察：
  此主題相關圖片如下：3.jpg選中一個橫幅廣告管理器，切換到HTML視圖觀察：
  此主題相關圖片如下：4.jpg打開日期特效、鼠標特效，進行觀察，這些特效都是通過代碼來實現動態效果的。因此它們屬于動態HTML范疇。
教師演示并講解：再看不屬于動態HTML的特例Gif圖片動畫的代碼：
此主題相關圖片如下：5.jpg同學們可以發現，在網頁中是直接調用該圖片文件，該動態效果并不是由代碼產生的，因此不屬于我們今天研究的動態HTML范疇。
下面我們再來研究Flash動畫是否屬于動態HTML范疇？看代碼：
此主題相關圖片如下：6.jpg 同學們判斷Flash動畫是否屬于動態HTML范疇？
同學回答：不屬于
教師：演示在互聯網上大量存在的Gif圖片動畫和Flash動畫素材。
教師：請同學們記住，網頁中能產生動的效果并不一定都屬于動態HTML范疇，在網頁中大量存在的Gif圖片動畫和Flash動畫就不屬于。判斷一個動態效果是否屬于動態HTML范疇的關鍵是看這一特效是否是由代碼產生的。
    教師：再請同學們想一想，產生動態效果的代碼一定要是超文本標記語言嗎？
學生活動：請同學閱讀教材P126頁《各種動態網頁制作技術的比較》。
教師：通過閱讀教材，我們知道了產生動態網頁制作技術有許多種，但我們只需要牢記：凡是通過代碼使網頁發生變化的特效才屬于動態HTML范疇。
五、課堂練習：在網頁中加入特效：
同學們按照“學生課內練習.doc”文檔，要求進行滾動字幕、懸停按鈕、文字從右下角飛入、橫幅廣告管理器等動態效果制作。
該部分練習內容分為基礎練習和拓展與提高兩部分�；A部分同學必須熟練掌握，拓展與提高部分練習，提供給基礎好操作快的同學進行研究與制作。
教師活動：巡視機房，觀察學生完成情況，及時指導同學練習過程中出現的問題。
教師活動：展示學生作品，簡要講評學生網頁制作情況。對練習過程出現問題較多的滾動字幕、橫幅廣告管理器操作進行規范演示。
教師活動：演示在橫幅廣告管理器插入不同大小的兩幅圖片，并預覽效果。讓同學知道：在橫幅廣告管理器中插入的圖片最好要尺寸大小一致為好。
學生活動：更正網頁制作中的錯誤，完成網頁制作。
六、自主學習與研究：
對于部分優秀同學在完成上述網頁制作后，可參考教材P117頁《5.3 應用動態HTML》章節內容，嘗試在網頁中插入“時間特效”和“根隨鼠標的瑩火蟲”兩個java script特效。
七、本課小節：
通過幻燈片展示，簡要回顧本課所講述的兩個基本知識：
①如何區分網頁中“動”的效果是否為動態HTML效果？
②請舉例說明網頁中“動”的效果中有哪些不屬于動態HTML效果？

教后反思：
教學設計亮點：本課教學設計中較多的運用了比較法，以純靜態網頁與具有動態效果的網頁進行比較，引出了“動態HTML”這一概念；通過對動態HTML特效代碼與非動態HTML特效代碼的比較，總結出判斷是否為動態HTML效果的標準。在學生練習的網頁制作中，同樣采用了比較法，將正常效果的橫幅廣告管理器效果與非正常橫幅廣告管理器進行比較，讓同學知道了橫幅廣告管理器中使用的圖片要大小相近才好。較好的突出了本節課的重難點，便于同學清晰直觀的掌握有關的知識。同時在教學設計中，不忘加強學生網頁制作能力的培養，通過對同一網頁各有側重的三次不同制作練習，既鞏固了網頁制作的基本知識，又學習了Frontpage2000中常用動態網頁特效制作方法，更給部分優秀同學進行拓展學習java script特效留下研究與制作素材�？偟膩碚f教學設計是嚴謹的，教學內容是充實的。
不足：①本課涉及的有關“什么是動態HTML”這一概念，教材中沒有明確提及，筆者雖在網上查閱大量資料也沒有找到較權威的明確的解釋。因此在上課時盡量回避了對這一定義的解釋，只強調是能使網頁發生動態效果的超文本標記語言。②本節課件所使用的“動態網頁”案例，為了突出動態效果，大量的使用了Flash動畫、Gif圖片動畫、鼠標特效等，這與動態HTML的設計原則相悖，這一點要在以后的教學中向同學們特別加以強調和說明。

相關論文


上一篇：《中國傳統節日節徽的設計》的教..	下一篇：就高中《信息技術基礎》（必修）..

Tags：比較法設計 5.1.1 動態 HTML 教學

【收藏】【返回頂部】

人力資源論文	金融論文
會計論文	財務論文
法律論文	物流論文
工商管理論文	其他論文
保險學免費論文	財政學免費論文
工程管理免費論文	經濟學免費論文
市場營銷免費論文	投資學免費論文
信息管理免費論文	行政管理免費論文
財務會計論文格式	數學教育論文格式
數學與應用數學論文	物流論文格式范文
財務管理論文格式	營銷論文格式范文
人力資源論文格式	電子商務畢業論文
法律專業畢業論文	工商管理畢業論文
漢語言文學論文	計算機畢業論文
教育管理畢業論文	現代教育技術論文
小學教育畢業論文	心理學畢業論文
學前教育畢業論文	中文系文學論文

最新文章

熱門文章

計算機論文

推薦文章

<strike id="iwsws"></strike>

<strike id="iwsws"></strike>