【正文】 并學(xué)會保存。教學(xué)過程：引入老師展示一組利用表格制作的網(wǎng)頁，要求學(xué)生仔細觀察，找出它們的一個共同特點（學(xué)生答：網(wǎng)頁上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問如何快捷地制作這種網(wǎng)頁？（學(xué)生答：使用復(fù)制粘貼快捷地制作）盡管復(fù)制、粘貼能為我們節(jié)省時間，但有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁制作，就能給我們帶來更多便捷。教學(xué)方法：對比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。教學(xué)重、難點：重點：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁的方法。情感態(tài)度與價值觀：（1）通過以“人與動物”為主題的框架結(jié)構(gòu)網(wǎng)頁制作活動，了解更多有關(guān)人與動物和諧相處的知識，通過故事趣聞，增強學(xué)生關(guān)注動物的興趣和意識。過程與方法：（1）通過對表格網(wǎng)頁的分析，體驗新知識（框架結(jié)構(gòu)網(wǎng)頁）的優(yōu)點，從而促進其學(xué)習(xí)新知識。（2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動畫，完成框架網(wǎng)頁設(shè)計任務(wù)。由于學(xué)生已經(jīng)具備了一定的網(wǎng)頁設(shè)計基礎(chǔ)知識與技能，所以教師可以根據(jù)學(xué)生的實際情況，采用更靈活的教學(xué)方法。展示優(yōu)秀作品鼓勵學(xué)生，激發(fā)學(xué)生的創(chuàng)作欲望。（2）、教師點評，并鼓勵完成作品比較好的學(xué)生。設(shè)計意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對于課堂教學(xué)難點，學(xué)生在教師的講解后模仿操作，有效突破難點。（8）、教師請學(xué)生示范操作，并說明自己設(shè)置的方法和原因。學(xué)生自主探究學(xué)習(xí)，有問題可向教師尋求幫助。教師反饋學(xué)生的操作情況，開展評比活動，對表現(xiàn)好的學(xué)生給與表揚。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第22229頁的實踐學(xué)習(xí)。（4）、學(xué)生理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個按鈕的不同，并認真聆聽教師的講解，注意觀察，按要求模仿操作。教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試完成書本第227頁的實踐學(xué)習(xí)。任務(wù)驅(qū)動、自主學(xué)習(xí)（1）、教師展示一個框架網(wǎng)頁，引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念。（2）、教師又提問：有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁的制作。三、教學(xué)過程：創(chuàng)設(shè)情境、導(dǎo)入新課（1）、教師展示一組表格制作的網(wǎng)頁，引導(dǎo)學(xué)生找出它們的共同特點。教學(xué)難點：（1）、框架結(jié)構(gòu)網(wǎng)頁中框架屬性與頁面屬性的設(shè)置方法。（2）、框架中各個頁面之間的關(guān)聯(lián)，每個框中頁面的設(shè)置方法。（2）、培養(yǎng)學(xué)生網(wǎng)頁設(shè)計的審美意識、創(chuàng)新意識。（2）、通過框架結(jié)構(gòu)網(wǎng)頁設(shè)計，使學(xué)生對網(wǎng)頁的整體結(jié)構(gòu)有更進一步的認識。（3）、掌握框架中頁面設(shè)置及保存的方法，如設(shè)置初始網(wǎng)頁按鈕、新建網(wǎng)頁按鈕等。附：學(xué)生學(xué)習(xí)過程及典型成果另附：小組成員分工表第________組組長________作品題目______________小組成員主要負責(zé)工作網(wǎng)頁制作教學(xué)設(shè)計6一、教學(xué)目標(biāo)：知識與技能：（1）、了解框架結(jié)構(gòu)網(wǎng)頁的概念及在網(wǎng)頁中的作用，了解它與表格網(wǎng)頁的區(qū)別。學(xué)生自主性學(xué)習(xí)，需要有一個適應(yīng)的過程，開始階段，布置任務(wù)要明確具體。教學(xué)活動在面向全體的同時更注重學(xué)生情感的`交流協(xié)作意識與因材施教。因此，允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下，經(jīng)教學(xué)法的加工，營造引入新課的“情境問題”的氛圍。（四）、教學(xué)評析：在新課程標(biāo)準(zhǔn)的理念中，明確提出要關(guān)注全體學(xué)生，建設(shè)有特色的信息技術(shù)課程。教學(xué)實際實施過程，有學(xué)生提出：我對中國的少數(shù)民族文化感興趣，能否制作一個宣傳中國五十六個少數(shù)民族文化的特色網(wǎng)站？于是我了解到學(xué)生對中國的不同文化感興趣，可在課外活動小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來探究。本節(jié)課，在小組合作學(xué)習(xí)過程中，學(xué)生之間互學(xué)互教，彼此交流探討，經(jīng)歷了提出問題、分析問題和解決問題過程，每個學(xué)生都承擔(dān)一定學(xué)習(xí)任務(wù)，防止濫竽充數(shù)，促進了學(xué)生的參與程度、認知深度，高質(zhì)量地實現(xiàn)了課程的目標(biāo)，增強學(xué)生的責(zé)任感。本節(jié)課主題明確、集中，讓學(xué)生分成小組，合作探究學(xué)習(xí)，給出特定的總?cè)蝿?wù)，有利于學(xué)習(xí)效果評判的可比較性，也便于學(xué)生之間的廣泛交流和良性競爭。我利用信息技術(shù)展示學(xué)生自評，學(xué)生互評，教師評價的評價表，為學(xué)生的學(xué)習(xí)提供評價、反饋和矯正。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。通過此錄像激發(fā)學(xué)生興趣并利用信息技術(shù)呈現(xiàn)問題，使學(xué)生產(chǎn)生認知沖突，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。培養(yǎng)學(xué)生自發(fā)探究能力。為激發(fā)下一節(jié)課內(nèi)容（上傳主頁）的興趣奠定基礎(chǔ)。全課總結(jié)知識延伸［達到目標(biāo)，知識延伸］網(wǎng)站制作好了，怎樣讓世界各地的人都看到你們的網(wǎng)站呢？想當(dāng)我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎？趕快制作一個“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧！學(xué)生思考。希望你們熱愛中國博大精深的歷史，感受西安古老的魅力！學(xué)生感悟。你受到的最大啟示和收到的最大收獲？成功經(jīng)驗和失敗教訓(xùn)？學(xué)生回答鞏固知識，培養(yǎng)情感[完成旅游規(guī)劃，培養(yǎng)情感]同學(xué)們已熟練掌握表格的使用方法，并且加工和應(yīng)用信息的能力增強。教師或其他同學(xué)提問頁面布局的方法。學(xué)生思考，怎樣完善作品。培養(yǎng)學(xué)生合作交流能力。評出“最受歡迎獎”（即如果此網(wǎng)站上傳到網(wǎng)上，點擊率最高），“最具創(chuàng)意獎”“最佳布局獎”作品。鍛煉學(xué)生口語表達能力和分析說明問題能力。其他同學(xué)觀察后，可提意見或建議。學(xué)生體會了超鏈接的作用，練習(xí)了超鏈接的使用，理解了表格強大的頁面布局功能；培養(yǎng)學(xué)生處理信息和應(yīng)用信息的能力；通過學(xué)生間交流合作，老師及時點撥與指導(dǎo)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題和解決問題的能力。（提示學(xué)生利用網(wǎng)上鄰居把各組員的作品組合在一起，共同完成此任務(wù)。培養(yǎng)學(xué)生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。創(chuàng)新特色：作品布局規(guī)劃有獨特之處，有新意。［出示作品評價標(biāo)準(zhǔn)］教師出示作品評價標(biāo)準(zhǔn)：作品內(nèi)容：設(shè)計含有七個鏈接網(wǎng)頁的主頁，資料豐富，內(nèi)容準(zhǔn)確?；顒觾?nèi)容教師活動學(xué)生活動設(shè)計意圖出示任務(wù)明確分工[角色分工]學(xué)生自由分組后,共同研究選組長，組長進行給組員分配任務(wù)。分工參考：內(nèi)容版式規(guī)劃整理七個旅游景點網(wǎng)頁超鏈接的建立與維護作品演示解說學(xué)生明確匯報形式，分工參考。學(xué)生進行分組為細化任務(wù)做準(zhǔn)備出示任務(wù)明確分工［出示總?cè)蝿?wù)］每個組圍繞主題，利用表格規(guī)劃設(shè)計旅游行程，并建立好超鏈接，利用主頁展示出來。出示課題，介紹總?cè)蝿?wù)。并且激發(fā)學(xué)生的認知沖突。［導(dǎo)語］我們可在主頁中制作一個西安旅游景點導(dǎo)航欄，但怎樣合理規(guī)劃各旅游景點，并且使頁面布局美觀，整潔，分類清晰？利用“表格”?！笆稽S金周”即將來臨，大家想不想用網(wǎng)頁形式向外地游客介紹宣傳西安，讓更多的人來西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點的網(wǎng)頁，但信息是否顯得很零散？怎樣把景點信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？設(shè)計一個含有指向各旅游景點網(wǎng)頁的超鏈接的主頁。在教學(xué)中計劃通過探究式教學(xué)方式，小組合作學(xué)習(xí)方式和“任務(wù)驅(qū)動式”教學(xué)策略，自主設(shè)計網(wǎng)頁，發(fā)布網(wǎng)頁，運用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢發(fā)揮作用并真正促進學(xué)生能夠結(jié)合實際應(yīng)用，通過自主實踐，完成“網(wǎng)上游古都”任務(wù)，并同時完成了學(xué)習(xí)任務(wù)，進一步建構(gòu)了自己的知識體系，并實時地享受到巨大的成就感。（3）．應(yīng)用信息技術(shù)的依據(jù)或考慮信息技術(shù)在本次教學(xué)活動有不可替代的功能。建構(gòu)主義學(xué)習(xí)理論認為，學(xué)習(xí)過程不是學(xué)習(xí)者被動地接受知識，而是積極地建構(gòu)知識的過程，把學(xué)過的網(wǎng)頁設(shè)計知識綜合應(yīng)用起來，由于建構(gòu)主義學(xué)習(xí)活動是以學(xué)習(xí)者為中心，而且是真實的，并且以完成特定的任務(wù)為動力，因而學(xué)習(xí)者就更具有興趣和動機，能夠鼓勵學(xué)習(xí)者進行批判型思維，能夠更易于提供個體的學(xué)習(xí)風(fēng)格，展現(xiàn)自己的獨特思維，不受現(xiàn)有網(wǎng)頁模式的拘束。首先設(shè)計“總?cè)蝿?wù)”，再細分成若干“小任務(wù)”，實現(xiàn)教學(xué)目標(biāo)。教學(xué)策略設(shè)計（1）．教學(xué)方法設(shè)計我根據(jù)教學(xué)主題及其教學(xué)目標(biāo)確定的教學(xué)指導(dǎo)思想是以學(xué)生為主體，以學(xué)生自己的親身體驗展開探究式小組合作學(xué)習(xí)。教學(xué)難點：怎樣合理、美觀地設(shè)計網(wǎng)頁頁面布局。對教學(xué)內(nèi)容的了解程度較強。學(xué)生分析初中二年級學(xué)生感知能力較強,理解能力和抽象思維較弱。過程與方法：培養(yǎng)學(xué)生加工信息和應(yīng)用信息的能力及培養(yǎng)學(xué)生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。最后觀看H5應(yīng)用視頻，了解H5的日常應(yīng)用，對未來展望，進行情感升華。在未來5內(nèi)，H5或?qū)蔀橐苿踊ヂ?lián)網(wǎng)領(lǐng)域的主宰者。（六）知識梳理，展望H5展示思維導(dǎo)圖，梳理本節(jié)課內(nèi)容：總結(jié)利用iH5制作網(wǎng)頁的基本過程：觀看視頻，結(jié)束本課：隨著信息技術(shù)的高速發(fā)展，H5可謂是無處不在。設(shè)計意圖：學(xué)生在制作完成邀請函后，進行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學(xué)生的學(xué)習(xí)興趣。（3）根據(jù)評價表對同桌的作品進行評價。請保存當(dāng)前的網(wǎng)頁并發(fā)布到網(wǎng)上。（五）作品展示，共析H5活動6：發(fā)布和評價作品。但是邀請函的美化不是天馬行空，隨心所欲，還需要一定的藝術(shù)欣賞能力。設(shè)計意圖：對邀請函的美化可分成兩個部分：一是對邀請函中的文字、圖片進行美化，二是合理設(shè)置動態(tài)效果。（3）選擇要添加動態(tài)效果的對象——選擇動效命令。（2）圖片選用要符合主題，色彩和諧。（1）邀請函中的標(biāo)題、內(nèi)容文字等選用什么樣的字體、字號合適？如何設(shè)置？（2）如何改變圖片大小，修改圖片的亮度、對比度等？（3）如何設(shè)置元素的動態(tài)效果，使得網(wǎng)頁更生動？小結(jié)：（1）選中文字或圖片——屬性面板——修改設(shè)置。給學(xué)生“瑞士奶酪式”知識建構(gòu)時間，使學(xué)生從規(guī)律的獲得到知識的應(yīng)用有一個過渡和漸進的過程。學(xué)生原有的知識是Photoshop軟件使用，將Photoshop和iH5進行對比，引導(dǎo)學(xué)生發(fā)現(xiàn)界面組成的“共性”與“個性“，讓學(xué)生初步認識對象樹面板，學(xué)會利用對象樹面板來管理素材。原因分析：素材全部都添加在了首頁之中，而不是對應(yīng)的內(nèi)容頁中。原因分析：素材全部都添加在了舞臺之中，其層級關(guān)系在內(nèi)容頁和首頁的上一級。（2）展示學(xué)生作品，師生共同分析存在的問題，尋求解決方式。添加圖片：選中頁面1，在工具面板中選擇_____________選項。（1）觀看操作指導(dǎo)微視頻，自主探究頁面的制作，完成以下問題：設(shè)置背景：選中頁面1，在屬性面板中找到_____________選項，添加背景圖片。小結(jié)：對象樹面板可以用來管理舞臺中的對象，對象樹中的層級關(guān)系為：舞臺→頁面→文本、圖片等素材，每個頁面中的對象上層覆蓋下層。（2）對比Photoshop界面，認識iH5界面，找出相同之處和不同之處。活動3：找“共