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