《動態HTML的制作》由會員分享，可在線閱讀，更多相關《動態HTML的制作(8頁珍藏版)》請在人人文庫網上搜索。

1、動態HTML的制作一、教學內容分析本節課要求學生認識動態HTML，掌握簡單的網頁動態效果。對于動態HTML效果方法的掌握，本節課選取了橫幅廣告管理器、懸停按鈕、滾動字幕以及DHTML效果四種效果，對于學有余力的學生，可以通過資源網站進一步深入學習。l教學重點：掌握實現簡單的動態HTML效果的方法；l教學難點：知道根據需要適當加入動態HTML效果的方法；二、教學對象分析通過前階段的學習，學生掌握了靜態網頁的制作方法，并運用FrontPage制作了以“校園生活”為主題的專題網站。學生對FrontPage網頁制作工具比較熟悉，他們已經掌握了在FrontPage中輸入文字、插入圖片、表格等操作，為本節。

2、課的學習奠定一定基礎。他們對在因特網看到的網頁動態效果非常感興趣，希望把他們運用到自己制作的網頁中，使自己的網頁更具有個性，他們對本節內容的學習很感興趣。三、教學目標分析三維目標分解知識與技能1、知道動態HTML的概念； 2、掌握實現簡單的動態HTML效果的方法：橫幅廣告管理器、懸停按鈕、滾動字幕和DHTML效果的制作方法；過程與方法1、通過在線資源網站的學習培養自主學習的能力。2、通過師生交流和點評，掌握網頁制作的方法，提高網頁加工與制作的水平。3、通過作品點評，知道根據需要適當加入動態HTML效果的方法。情感態度與價值觀1、學會欣賞和評價他人作品，客觀表達觀點。2、通過評價他人的作品培養正。

3、確的審美觀。四、教學策略1、以“任務驅動式”為主要教學組織方式教師通過任務把各教學目標和內容有機地結合在一起，使學生置身于提出問題、思考問題、解決問題的動態學習過程中。學生完成任務的同時，也完成了需要達到的學習目標的學習。在設置任務時，教師應體現分層次，并給學生提供了展示個性、自主創新的機會，促使他們主動地學、創造性地學。2、開展以教師為主導，學生為主體的自主探究學習模式本節課教師應給學生留有足夠的思維空間，不需面面俱到。學生已經掌握了在FrontPage中輸入文字、插入圖片、表格等操作，對FrontPage網頁制作工具比較熟悉。因此，本節課，教師可以在提出具體學習任務情況下，引導學生不斷發現。

4、問題，解決問題。學生通過在線資源網站對學習任務進行探索、分析、研究，在實踐操作中培養創新精神和創造能力。對于一部分同學習慣于依賴老師與教材進行學習的學生，教師應加強指導和引導。3、通過評價來促進學生的學習。為了提高學生網頁制作水平和審美能力，本節課師生共同對小組推薦的優秀作品評價和分析，表揚優秀作品，指出其特點，提高學生的學習興趣，通過評價來促進學生的學習。五、教學媒體選擇1、多媒體網絡電腦室；2、多媒體網絡教學軟件系統；3、web服務器(支持ASP)；4、信息技術課程網絡評價系統； 六、教學過程教學環節教師活動學生活動設計意圖引入在前幾節課中我們學習了如何建立站點，并在站點中圍繞“校園生活”。

5、為主題制作了主題網站，建立幾個網頁。在網頁中我們插入了相關圖片，進行了排版，建立了超鏈接，網頁表格等內容。但我們還是感覺自己制作的網站與平時我們在因特網中瀏覽的網頁還是有區別，感覺不夠生動。請同學們欣賞這個網頁，你們發現這個網頁和我們以前學習制作的網頁有什么不同？教師展示一個動態網頁。如何制作動態網頁呢？這就是我們今天要學習的內容。欣賞自己同學制作的網頁作品。思考回答：網頁中有很多動態效果，有了這些效果，整個網頁顯得生動和活潑。激發學生學習興 趣，初步認識動態網頁。動態HTML提問：網頁中有什么動態效果，你們可以找出來嗎？教師歸納學生的回答情況，提出動態HTML的概念：即使在脫離網絡環境的情況。

6、下，網頁下載到瀏覽器以后仍能夠隨時變換更新的HTML。動態HTML應用程序大多數都在客戶端瀏覽器上進行，也可在需要時向服務器發出請求。如何制作動態HTML呢？實現動態效果有三種方法：組件、DHTML工具和插入HTML語句，前二種方法操作都比較容易和直觀，我們這節課主要利用前兩種方法掌握動態HTML的方法。學生思考回答：移動的文本、變化的圖片、按鈕和時間。通過例子加深學生對動態HTML的了解。橫幅廣告管理器效果制作【講解演示學習內容】有意引導學生觀察網頁中利用橫幅廣告管理器制作的廣告。同學們在瀏覽網頁時經常會看到網頁中加入了像老師所演示的起到廣告效果的圖片，這些圖片不斷變化，還加入了超鏈接。一般。

7、來說這些圖片并不是一段動畫，而是由“橫幅廣告管理器”管理的多幅圖片組成的。請大家打開學習資源網站，在這里你可以仔細閱覽學習任務一及其制作過程。【巡視輔導】教師巡回指導并觀察，發現學生制作中存在的問題。問題1：圖片沒有顯示完全，為什么？問題2：如何使圖片切換的速度變快？【學生任務一】為你的校園生活主題網站中的主頁制作一個橫幅廣告。打開學習資源網站，瀏覽橫幅廣告管理器的制作過程，并打開FrontPage制作。嘗試探究問題1，并提出解決方法：橫幅廣告管理器的大小使之與圖片大小一致，導致圖片沒有顯示完全。解決方法：通過橫幅廣告器的屬性對話框，修改寬度和高度。嘗試探究問題2，解決辦法：通過橫幅廣告器的屬。

8、性對話框，修改每幅圖片顯示(秒)變小。通過資源網站，學生可以自主探索掌握橫幅廣告管理器效果制作方法。教師不斷引導學生不斷發現問題，解決問題，并在實踐中得到提高。懸停按鈕【講解演示學習內容】有意引導學生觀察網頁中制作的懸停按鈕。所謂懸停按鈕，是指當鼠標指針指向某按鈕時，該按鈕改變顏色和形狀，甚至發出聲音。請大家打開學習資源網站，在這里你可以仔細閱覽學習任務二及其制作過程。【巡視輔導】教師巡回指導并觀察，發現學生制作中存在的問題。問題3：如何設置當點擊懸停按鈕時鏈接到網頁？【學生任務二】為你的校園生活主題網站中的主頁制作懸停按鈕。打開學習資源網站，瀏覽懸停按鈕的制作過程，并利用FrontPage制。

9、作。嘗試探究問題3，解決辦法：在按鈕屬性的鏈接到欄內設置相應鏈接的網址。滾動字幕【講解演示學習內容】有意引導學生觀察網頁中制作的滾動字幕。在頁面中創建水平滾動的文字幕，可以使靜止的頁面活動起來。請大家打開學習資源網站，在這里你可以仔細閱覽學習任務三及其制作過程。【巡視輔導】教師巡回指導并觀察，發現學生制作中存在的問題。問題4：應該在哪里插入字幕？ 問題5：如何讓字幕移動的速度變快？總結字幕修改屬性：“延遲”:字幕每次移動的時間間隔，參數小，移動快。“數量”：字幕每次移動的距離，參數大，移動快。【學生任務三】為你的校園生活主題網站中的主頁制作滾動字幕。打開學習資源網站，瀏覽滾動字幕的制作過程并利。

10、用FrontPage制作。學生討論回答問題4，提出在網頁中適合插入滾動字幕的位置。思考探索問題5，提出問題解決方法：通過修改字幕的“延遲”或者“數量”屬性。通過5個思考問題的解決，學生可以體會到通過修改對象屬性使對象表現形式更加生動的方法，并應用到以后學習應用軟件過程中，培養學生舉一反三的能力和知識遷移能力。動態HTML效果【講解演示學習內容】有意引導學生觀察網頁中制作的動態HTML效果。動態 html是指創建出如逐字移出網頁的文本、當指針移到文字上時，文字變色和網頁間旋轉變換等各種動態效果。【學生任務四】選取校園生活主題網站中主頁的一段文字，制作動態HTML效果。打開學習資源網站，瀏覽動態H。

11、TML的制作過程，并利用FrontPage制作。小組交 流自我評 價指導學生進行小組交流與自我評價。1、按小組交流作品；2、每小組評選一個較有特色的作品在全班展示；3、根據老師提供的量規表進行自我評價。通過小組討論和自我反思，學生不斷發現自己的優缺點，提升自我。師生交流教師評價各小組推薦的作品，對網頁中的優點和不足作點評，對具有創新意識的設計給予表揚，并結合作品與學生討論如何根據需要適當加入動態HTML效果的方法，提醒學生不能濫用，否則可能會適得其反，產生令人煩躁的感覺。通過師生點評，體驗如何根據需要適當加入動態HTML效果的方法。通過師生交流和點評，不斷提高學生網頁制作水平。總結引入動態網頁。

12、動態網頁不僅局限于動態HTML，還包括一些能夠提供個性化信息服務的頁面，例如搜索引擎，我們將在下節課繼續探討。初步了解動態網頁。為下節課作鋪墊。七、教學評價設計動態網頁制作自我評價表編號評 價 標 準等級分優秀(5分)良好(4分)一般(3分)較差(2分)1知道動態HTML的概念2掌握橫幅廣告管理器的制作方法。3掌握懸停按鈕的制作方法。4掌握滾動字幕的制作方法。5掌握DHTML效果的制作方法。6知道根據需要適當加入動態HTML效果。八、教學反思本節課學生在掌握基本方法的基礎上，通過探索和教師的引導解決各種各樣的問題，體會到成功的喜悅，學生學習積極性比較高。教師在教學過程中的引導很重要，本節課教師能根據教學的需要設置不同問題，一步步引導學生通過觀察、類比、討論等方式來嘗試解決自己的問題，教學氣氛活躍，教學效果好。

總結

以上是生活随笔為你收集整理的html+制作动态主题,动态HTML的制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。