【正文】 學(xué)生自己動(dòng)手動(dòng)腦，形成自主探究進(jìn)而創(chuàng)作的能力。難點(diǎn)：網(wǎng)頁(yè)的合理布局和色彩搭配。同時(shí)對(duì)學(xué)生網(wǎng)頁(yè)的創(chuàng)作能力、網(wǎng)頁(yè)布局和色彩搭配能力進(jìn)行激發(fā)與培養(yǎng)。這對(duì)于學(xué)生以后的進(jìn)一步學(xué)習(xí)很有幫助。設(shè)計(jì)意圖：通過網(wǎng)頁(yè)實(shí)例的導(dǎo)入，將課堂氣氛調(diào)節(jié)得比較活躍，讓學(xué)生更容易進(jìn)入學(xué)習(xí)狀態(tài)，為以下的學(xué)習(xí)做好鋪墊。先完成自己的作品并與同學(xué)進(jìn)行交流和溝通。互相欣賞作品可以讓學(xué)生來檢測(cè)自己的學(xué)習(xí)成果，知道彼此之間的差距。（2）超鏈接的制作方法——給文字、圖片制作超鏈接，制作書簽鏈接，給交互式按鈕制作超鏈接，框架頁(yè)面內(nèi)的超鏈接，圖片區(qū)域制作超鏈接等。教師講解：由生活中的書簽引入，介紹“書簽鏈接”的概念，然后再演示如何操作。同時(shí)講解什么是行，什么是列，以及單元格的概念。并指導(dǎo)每一名選課的同學(xué)為自己建一個(gè)博客網(wǎng)站，以此提高同學(xué)對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的興趣和愛好。情感態(tài)度及價(jià)值觀：感悟網(wǎng)頁(yè)制作并非難事，軟件使用有共通之處。教師通過搭建“規(guī)劃表”這個(gè)支架，引導(dǎo)學(xué)生根據(jù)制作校園文化藝術(shù)節(jié)邀請(qǐng)函的需求，對(duì)所要制作的邀請(qǐng)函進(jìn)行初步的規(guī)劃，幫助學(xué)生理清楚每個(gè)頁(yè)面的內(nèi)容和所需添加的元素。原因分析：素材全部都添加在了首頁(yè)之中，而不是對(duì)應(yīng)的內(nèi)容頁(yè)中。（五）作品展示，共析H5活動(dòng)6：發(fā)布和評(píng)價(jià)作品。學(xué)生分析初中二年級(jí)學(xué)生感知能力較強(qiáng),理解能力和抽象思維較弱。“十一黃金周”即將來臨，大家想不想用網(wǎng)頁(yè)形式向外地游客介紹宣傳西安，讓更多的人來西安，領(lǐng)略其古老的魅力！我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點(diǎn)的網(wǎng)頁(yè)，但信息是否顯得很零散？怎樣把景點(diǎn)信息整合規(guī)劃，讓人們先在網(wǎng)上一飽眼福，輕松網(wǎng)上游古都？設(shè)計(jì)一個(gè)含有指向各旅游景點(diǎn)網(wǎng)頁(yè)的超鏈接的主頁(yè)。創(chuàng)新特色：作品布局規(guī)劃有獨(dú)特之處，有新意。學(xué)生思考，怎樣完善作品。我利用信息技術(shù)，尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點(diǎn)介紹資源，幫助和拓展學(xué)生的學(xué)習(xí)。學(xué)生自主性學(xué)習(xí)，需要有一個(gè)適應(yīng)的過程，開始階段，布置任務(wù)要明確具體。（2）、教師又提問：有沒有更好的方法呢？相同的區(qū)域我們能否只做一遍呢？從而導(dǎo)入新課——框架網(wǎng)頁(yè)的制作。設(shè)計(jì)意圖：培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，對(duì)于課堂教學(xué)難點(diǎn)，學(xué)生在教師的講解后模仿操作，有效突破難點(diǎn)。教學(xué)重、難點(diǎn)：重點(diǎn)：框架的概念、用途， 創(chuàng)建、編輯與保存框架網(wǎng)頁(yè)的方法?！?調(diào)整表格邊框的粗細(xì)。四、教學(xué)方法在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識(shí)的遷移；另一方面，提供學(xué)生一個(gè)導(dǎo)學(xué)課件，讓學(xué)生根據(jù)這個(gè)網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，以滿足不同層次學(xué)生的需求。這就要教師在備教材的基礎(chǔ)上，同時(shí)還要備學(xué)生，做到對(duì)學(xué)生的情況有較為深刻地了解，以便很好地完成教學(xué)任務(wù)，達(dá)到預(yù)期的教學(xué)效果?！緦W(xué)習(xí)目標(biāo)】，提高操作和審美能力； ，積極實(shí)踐，總結(jié)用網(wǎng)頁(yè)表達(dá)主題的技巧和方法； 、熱情地投入學(xué)習(xí)，體驗(yàn)網(wǎng)頁(yè)制作的快樂。“制作主題網(wǎng)頁(yè)”環(huán)節(jié)，給學(xué)生準(zhǔn)備四個(gè)不同的主題素材是很有必要的，我們?cè)谶M(jìn)行教學(xué)設(shè)計(jì)時(shí)要考慮到學(xué)生個(gè)性、興趣不同，并加以利用，促進(jìn)教學(xué)。Html窗口：編寫HTML（超文本標(biāo)記語言，它是描述網(wǎng)頁(yè)內(nèi)容和外觀的標(biāo)準(zhǔn)。新建站點(diǎn)FrontPage的啟動(dòng) 問：與word比較，有什么不同？（增加了視圖區(qū)，編輯區(qū)有三個(gè)窗口）總結(jié)：視圖區(qū)：多種視圖模式是為了方便網(wǎng)站的管理。、解答的同學(xué)，匯入評(píng)價(jià)。）五、教學(xué)效果較好由 于張?jiān)?老師在課前對(duì)本課作了大量的準(zhǔn)備工作，課件制作效果較好，所以學(xué)生完成情況很好，教學(xué)任務(wù)完成情況較好。學(xué)生活動(dòng)：學(xué)生回答問題、學(xué)觀察鼠標(biāo)指針、學(xué)生回答問題、學(xué)生觀察網(wǎng)站的表現(xiàn)形式、齊聲回答、學(xué)生瀏覽課件，并了解本節(jié)課的學(xué)習(xí)任務(wù)、學(xué)生觀察 FP 界面與 word 的不同、學(xué)生回答、學(xué)生觀察教師演示不同編輯窗口的區(qū)別。第三篇：網(wǎng)頁(yè)制作的教學(xué)設(shè)計(jì)網(wǎng)頁(yè)制作的教學(xué)設(shè)計(jì)一、教學(xué)目標(biāo)、知道站點(diǎn)、主頁(yè)的概念，能在指定位置建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)；、認(rèn)識(shí) FRONTPAGE 的界面；、掌握在主頁(yè)中插入文字、圖片、水平線；、掌握頁(yè)面文件與圖片的保存。（3）相關(guān)頁(yè)面的制作與設(shè)置框架網(wǎng)頁(yè)中相關(guān)頁(yè)面的制作，需要結(jié)合表格來布局，插入文字、圖片和交互式按鈕。過程與方法：（1）通過對(duì)表格網(wǎng)頁(yè)的分析，體驗(yàn)新知識(shí)（框架結(jié)構(gòu)網(wǎng)頁(yè)）的優(yōu)點(diǎn)，從而促進(jìn)其學(xué)習(xí)新知識(shí)。學(xué)生自主探究學(xué)習(xí)，有問題可向教師尋求幫助。教學(xué)難點(diǎn)：（1）、框架結(jié)構(gòu)網(wǎng)頁(yè)中框架屬性與頁(yè)面屬性的設(shè)置方法。因此，允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下，經(jīng)教學(xué)法的加工，營(yíng)造引入新課的“情境問題”的氛圍。培養(yǎng)學(xué)生自發(fā)探究能力。評(píng)出“最受歡迎獎(jiǎng)”（即如果此網(wǎng)站上傳到網(wǎng)上，點(diǎn)擊率最高），“最具創(chuàng)意獎(jiǎng)”“最佳布局獎(jiǎng)”作品?；顒?dòng)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖出示任務(wù)明確分工[角色分工]學(xué)生自由分組后,共同研究選組長(zhǎng)，組長(zhǎng)進(jìn)行給組員分配任務(wù)。（3）．應(yīng)用信息技術(shù)的依據(jù)或考慮信息技術(shù)在本次教學(xué)活動(dòng)有不可替代的功能。最后觀看H5應(yīng)用視頻，了解H5的日常應(yīng)用，對(duì)未來展望，進(jìn)行情感升華。設(shè)計(jì)意圖：對(duì)邀請(qǐng)函的美化可分成兩個(gè)部分：一是對(duì)邀請(qǐng)函中的文字、圖片進(jìn)行美化，二是合理設(shè)置動(dòng)態(tài)效果。（2）展示學(xué)生作品，師生共同分析存在的問題，尋求解決方式。通過微視頻用通俗易懂的語言幫助學(xué)生進(jìn)一步認(rèn)識(shí)H5，內(nèi)化知識(shí)。然而學(xué)生從未接觸過iH5，對(duì)于陌生軟件的學(xué)習(xí)，有些畏難情緒，覺得無從下手。四、總結(jié)我們這節(jié)課主要是利用了表格來設(shè)計(jì)網(wǎng)頁(yè)，以使來美化我們的網(wǎng)頁(yè)，通過繪畫作品的展示，學(xué)習(xí)更多的知識(shí)。教師講解：如何制作學(xué)習(xí)園地網(wǎng)頁(yè)。交互式按鈕的超鏈接制作要求在框架網(wǎng)頁(yè)中演示操作。（3）通過網(wǎng)頁(yè)不同的超級(jí)鏈接方法，拓展學(xué)生思維，創(chuàng)建多種形式的網(wǎng)頁(yè)鏈接。評(píng)價(jià)作品 教師總結(jié) 評(píng)價(jià)作品（1）學(xué)生互評(píng)：通過教師設(shè)置的共享文件夾了解其他學(xué)生作品，學(xué)生互相發(fā)表意見。（2）第二關(guān)：進(jìn)階任務(wù)：由學(xué)到創(chuàng)，拓展提升在學(xué)習(xí)完成第一個(gè)環(huán)節(jié)后，教師趁勢(shì)提出html的概念，實(shí)例中字體、大小、顏色變化，引導(dǎo)學(xué)生觀察普通、html、預(yù)覽的不同，以及相關(guān)的操作方法。故此本課教學(xué)過程中，巧妙設(shè)計(jì)，讓學(xué)生帶著一個(gè)個(gè)任務(wù)通過課堂討論、相互合作、實(shí)際操作等方式，自我探索，自主學(xué)習(xí)，使學(xué)生在完成任務(wù)的過程中不知不覺實(shí)現(xiàn)知識(shí)的傳遞、遷移和融合。因此，在教學(xué)過程中關(guān)于frontpage的打開與保存，這里我讓學(xué)生自己去學(xué)習(xí)，教師只給予必要的提示。為了合理利用上課時(shí)間，將用已有部分拓展知識(shí)和演示范例利用網(wǎng)絡(luò)下傳至學(xué)生機(jī)，以利于學(xué)生上課的實(shí)踐與創(chuàng)新。教學(xué)中，啟發(fā)、誘導(dǎo)貫穿始終，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，注意調(diào)節(jié)課堂教學(xué)氣氛，使學(xué)生變被動(dòng)學(xué)習(xí)為主動(dòng)愉快的學(xué)習(xí)，使課堂能在生動(dòng)、有趣、高效中進(jìn)行。設(shè)計(jì)意圖：這是第一關(guān)任務(wù)，對(duì)于已有計(jì)算機(jī)操作基礎(chǔ)的學(xué)生來說相對(duì)較簡(jiǎn)單。完成第三關(guān)操作任務(wù)即完成自己的作品。（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。○2給表格頁(yè)內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁(yè)面。你們的觀察能力真的很強(qiáng)啊，對(duì)，這些都是我們學(xué)校美術(shù)的特色作口，盤畫。教師進(jìn)行指導(dǎo)。二、學(xué)習(xí)者分析本節(jié)課的學(xué)習(xí)對(duì)象是八年級(jí)的學(xué)生，處于這一年齡段的學(xué)生，思維活躍，具備一定的理解能力和較強(qiáng)的自學(xué)能力。用H5創(chuàng)建的網(wǎng)頁(yè)圖文并茂、生動(dòng)活潑、傳達(dá)方便、易于推廣。添加文字：選中頁(yè)面1，在工具面板中選擇_____________選項(xiàng)。字體顏色與背景要有一定的對(duì)比度。H5可以是各種宣傳網(wǎng)頁(yè)、在線游戲，甚至戶外大屏中的互動(dòng)也是H5。（2）．教學(xué)流程和教學(xué)活動(dòng)的設(shè)計(jì)思路整個(gè)教學(xué)活動(dòng)，尤其是學(xué)習(xí)活動(dòng)，我采用探究式學(xué)習(xí)法，又稱研究性學(xué)習(xí)，我強(qiáng)調(diào)的是學(xué)生在教師指導(dǎo)下，根據(jù)各自的興趣、愛好和條件，再結(jié)合與自己有相同或相近的興趣、愛好的同學(xué)組成合作伙伴，共同選擇西安不同的旅游景點(diǎn)，確定研究課題，借助“表格布局”功能規(guī)劃七天的旅游行程，獨(dú)立自主結(jié)合小組合作開展研究，進(jìn)行合理的網(wǎng)頁(yè)布局設(shè)計(jì)，達(dá)到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學(xué)習(xí)方式，實(shí)現(xiàn)“雙贏”。學(xué)生明確任務(wù)明確總?cè)蝿?wù)［作品形式及分工參考］形式：創(chuàng)建并完善主頁(yè)，并展示整個(gè)網(wǎng)站。由小組代表展示組內(nèi)作品，并詳細(xì)說明旅游景點(diǎn)規(guī)劃的呈現(xiàn)形式，內(nèi)容選擇及整體構(gòu)思。學(xué)生課后實(shí)踐。本節(jié)課讓學(xué)生掌握了“表格”的妙用，還提高了加工信息和應(yīng)用信息的能力，而且使學(xué)生感悟到了中國(guó)上下五千年的博大精深，對(duì)祖國(guó)更加熱愛。二、教學(xué)重點(diǎn)難點(diǎn)：教學(xué)重點(diǎn)：（1）、框架網(wǎng)頁(yè)的作用和功能，框架的建立與屬性設(shè)置。（6）、學(xué)生制作相關(guān)頁(yè)面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)7教學(xué)目標(biāo)：知識(shí)與技能：（1）理解框架的概念及用途。此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對(duì)保存頁(yè)面中的藍(lán)色部分，教師進(jìn)行講解，教會(huì)學(xué)生注意觀察。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。）打開導(dǎo)學(xué)軟件，根據(jù)步驟，示范建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)，強(qiáng)調(diào)新站點(diǎn)的位置、路徑的正確輸入，站點(diǎn)的名稱。）三、發(fā)揮學(xué)生的協(xié)作學(xué)習(xí)精神張?jiān)?老師在教學(xué)過程中，對(duì)有困難的學(xué)生進(jìn)行個(gè)別輔導(dǎo)，同時(shí)還需發(fā)揮學(xué)生的協(xié)作學(xué)習(xí)的精神，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，讓學(xué)有余力的學(xué)生充當(dāng) “ 小老師 ”，從而體會(huì)到學(xué)習(xí)的樂趣。六、精彩展示（10分鐘）各組派一代表向全班展示自己的作品，并簡(jiǎn)介操作要點(diǎn)。先來研究一下沒有發(fā)布的網(wǎng)站,打開教師做的網(wǎng)站 問：同學(xué)們看到了什么？（文件夾）總結(jié)：可以這樣理解網(wǎng)站：在資源管理器里，網(wǎng)站表現(xiàn)為一個(gè)文件夾，里面存放的是所有與網(wǎng)站相關(guān)的文件。問：在文件夾列表中看到了什么？分析多出的文件夾列表欄，多了一個(gè)文件夾，里面有兩個(gè)子文件夾和主頁(yè)，圖片存放在images文件夾中。學(xué)科班長(zhǎng)記錄好大家的課堂參與情況，下課前公布，這項(xiàng)工作若堅(jiān)持下來，對(duì)我們的教學(xué)會(huì)有很大促進(jìn)。【教學(xué)過程】課前準(zhǔn)備：提前做好小組座次安排，由學(xué)科班長(zhǎng)組織大家按組入座。一、調(diào)動(dòng)學(xué)生的學(xué)習(xí)熱情，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)整個(gè)教學(xué)過 程張?jiān)?老師采取了 “ 引導(dǎo)加任務(wù)驅(qū)動(dòng) ” 的模式進(jìn)行。今天我們學(xué)習(xí)用 Frontpage 建立站點(diǎn)，制作一個(gè)主頁(yè)。老師反饋學(xué)生的操作情況，開展比一比、評(píng)一評(píng)活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給予表?yè)P(yáng)。教學(xué)準(zhǔn)備：整理、歸類相關(guān)素材，并按要求擺放。設(shè)計(jì)意圖：拓展學(xué)生的視野，使學(xué)生了解框架的應(yīng)用方法。（2）、出示任務(wù)一：框架網(wǎng)頁(yè)的新建與保存。（2）、掌握框架結(jié)構(gòu)網(wǎng)頁(yè)的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。我利用網(wǎng)頁(yè)自學(xué)課件和網(wǎng)絡(luò)教室教學(xué)廣播系統(tǒng)支持師生間、生生間的交流對(duì)話。學(xué)生代表演示及時(shí)檢測(cè)學(xué)生對(duì)表格的掌握情況。學(xué)生研究探索合作交流創(chuàng)作作品［創(chuàng)作作品］播放舒緩音樂，為學(xué)生營(yíng)造自由和諧氣氛。為細(xì)化任務(wù)埋下伏筆。內(nèi)容分析教學(xué)重點(diǎn)：利用表格對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)行布局。（2）同桌之間用發(fā)布的網(wǎng)址或二維碼相互訪問對(duì)方的作品。在制作H5時(shí)采用局部“翻轉(zhuǎn)課堂”的形式，通過高效、簡(jiǎn)短的微視頻和幾個(gè)思考題，引導(dǎo)學(xué)生思考探究；在學(xué)生遇到問題和困難時(shí)，師生共同分析問題，解決問題。（1）使用課前申請(qǐng)的賬號(hào)，登錄網(wǎng)址：，進(jìn)入在線編輯平臺(tái)。思考：本次演出將要邀請(qǐng)家長(zhǎng)參加，你會(huì)選擇什么樣的方式來做出邀請(qǐng)呢？（口頭傳達(dá)、短信、紙質(zhì)邀請(qǐng)函等）活動(dòng)1：體驗(yàn)“校園文化藝術(shù)節(jié)邀請(qǐng)函H5”，初