【正文】 。課程考核教學(xué)內(nèi)容的模塊，決定了課程采用“過(guò)程+最終作品”的考核模式。二是實(shí)踐操作的指導(dǎo)。教師的指導(dǎo)作用體現(xiàn)在：一是對(duì)理論知識(shí)的指導(dǎo)。③整個(gè)教學(xué)結(jié)束，學(xué)生的作品也相應(yīng)形成，可作為最終考核的依據(jù)?！皩W(xué)做一體”教學(xué)模式的教學(xué)組織過(guò)程在工作環(huán)境建立的基礎(chǔ)上，課程的實(shí)施過(guò)程通過(guò)一體化教學(xué)來(lái)完成，主要包括以下幾個(gè)環(huán)節(jié)：①以流程為主線，確定每階段的工作主任務(wù)，以及圍繞主任務(wù)必須完成相應(yīng)系列的子任務(wù)，在明確任務(wù)目標(biāo)下的前提下，學(xué)生在教師案例中“學(xué)”，在自己中的作品中“做”。主要內(nèi)容包括：網(wǎng)站需求與規(guī)劃、網(wǎng)站效果圖設(shè)計(jì)、靜態(tài)商務(wù)網(wǎng)站設(shè)計(jì)。設(shè)計(jì)意圖：開(kāi)拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會(huì)學(xué)生要善于總結(jié)，要學(xué)會(huì)學(xué)習(xí)的方法。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。學(xué)生自主探究學(xué)習(xí)，可向老師尋求幫助。任務(wù)3 調(diào)整框架的大小、設(shè)置框架的邊框、設(shè)置框架窗口中的滾動(dòng)條等。老師反饋學(xué)生的操作情況，開(kāi)展比一比、評(píng)一評(píng)活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給予表?yè)P(yáng)。○4為main區(qū)域設(shè)置初始頁(yè)面。○2 left頁(yè)面內(nèi)插入5行1列的表格，在每個(gè)單元格內(nèi)依次插入交互式按鈕（共4個(gè)），交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括，在第5個(gè)單元格內(nèi)插入一個(gè)郵箱指示的圖片。任務(wù)2 top和left頁(yè)面的制作。設(shè)計(jì)意圖：培養(yǎng)學(xué)生自主學(xué)習(xí)能力，課堂教學(xué)難點(diǎn)在教師的講解后模仿操作，有效突破難點(diǎn)。此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對(duì)保存頁(yè)面中的藍(lán)色部分，教師進(jìn)行講解，教會(huì)學(xué)生注意觀察?？蚣芙Y(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁(yè)文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁(yè)文件的來(lái)源，可以通過(guò)每個(gè)框中的“新建網(wǎng)頁(yè)”按鈕和“設(shè)置初始網(wǎng)頁(yè)”按鈕進(jìn)行選擇。（讓學(xué)生明確框架網(wǎng)頁(yè)使用的場(chǎng)合）新授（1）框架網(wǎng)頁(yè)概念由以上例子入手，再展示一個(gè)框架網(wǎng)頁(yè)，教師引導(dǎo)學(xué)生理解框架網(wǎng)頁(yè)的概念（2）框架網(wǎng)頁(yè)的新建與保存教師要求學(xué)生先閱讀教材中的操作步驟，再嘗試進(jìn)行探究操作。教學(xué)準(zhǔn)備：整理、歸類相關(guān)素材，并按要求擺放。難點(diǎn)：框架的拆分。（2）能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁(yè)結(jié)合使用，在創(chuàng)作中體驗(yàn)樂(lè)趣。（2）理解框架的概念與組成，學(xué)會(huì)分析網(wǎng)站的結(jié)構(gòu)。（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來(lái)制作網(wǎng)頁(yè)。網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)7教學(xué)目標(biāo)：知識(shí)與技能：（1）理解框架的概念及用途。教師可以簡(jiǎn)單介紹框架結(jié)構(gòu)網(wǎng)頁(yè)的功能及框架的建立與編輯方法，以及框架屬性設(shè)置與網(wǎng)頁(yè)屬性設(shè)置的方法與區(qū)別。四、教學(xué)反思：本節(jié)課是在學(xué)習(xí)完簡(jiǎn)單網(wǎng)頁(yè)、表格布局網(wǎng)頁(yè)、交互式網(wǎng)頁(yè)的基礎(chǔ)上，進(jìn)一步頁(yè)的設(shè)計(jì)方法。設(shè)計(jì)意圖：拓展學(xué)生的視野，使學(xué)生了解框架的應(yīng)用方法。展示作品、課堂小結(jié)（1）、教師給出一些常見(jiàn)的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁(yè)面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，并讓學(xué)生分組，推進(jìn)一些優(yōu)秀作品在全班展示。同時(shí)鼓勵(lì)做的比較好的學(xué)生。教師基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行拓展學(xué)習(xí)。（7）、出示任務(wù)三：框架網(wǎng)頁(yè)屬性的設(shè)置。（6）、學(xué)生制作相關(guān)頁(yè)面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。（5）、出示任務(wù)二：相關(guān)頁(yè)面的制作與設(shè)置。（3）、教師講解框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件，即網(wǎng)頁(yè)文件，因此當(dāng)框架確定之后，需要為每個(gè)框分別指定其網(wǎng)頁(yè)文件的來(lái)源，可以通過(guò)每個(gè)框中的“新建網(wǎng)頁(yè)”按鈕和“設(shè)置初始網(wǎng)頁(yè)”按鈕進(jìn)行選擇。（2）、出示任務(wù)一：框架網(wǎng)頁(yè)的新建與保存。設(shè)計(jì)意圖：通過(guò)對(duì)比、比較，引導(dǎo)學(xué)生思考，激發(fā)學(xué)生學(xué)習(xí)的樂(lè)趣。并提問(wèn)如何快捷地制作這種網(wǎng)頁(yè)（學(xué)生回答：使用復(fù)制、粘貼快捷地制作）。（2）、理解框架結(jié)構(gòu)的多頁(yè)面存儲(chǔ)方法及各頁(yè)面之間的關(guān)聯(lián)。（3）、框架網(wǎng)頁(yè)的保存方法。二、教學(xué)重點(diǎn)難點(diǎn)：教學(xué)重點(diǎn)：（1）、框架網(wǎng)頁(yè)的作用和功能，框架的建立與屬性設(shè)置。情感態(tài)度與價(jià)值觀：（1）、能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁(yè)結(jié)合使用，在創(chuàng)作中體驗(yàn)樂(lè)趣。過(guò)程與方法：（1）、能夠區(qū)分框架結(jié)構(gòu)屬性設(shè)置與網(wǎng)頁(yè)屬性設(shè)置的不同點(diǎn)。（2）、掌握框架結(jié)構(gòu)網(wǎng)頁(yè)的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。學(xué)生之間的交流和幫助比較少，自主學(xué)習(xí)的能力還要不斷提高等。更注重學(xué)生個(gè)性培養(yǎng)和創(chuàng)新智能的開(kāi)發(fā)。學(xué)生在積極的參與、體驗(yàn)、研究并在已有知識(shí)經(jīng)驗(yàn)的支持下，自主能動(dòng)地探索，實(shí)現(xiàn)知識(shí)的再創(chuàng)造。在教材因篇幅的限制，提供給學(xué)生感知的背景材料極其有限，“信息”且都處于“靜止、儲(chǔ)存”狀態(tài)，不利于學(xué)生的感知和抽象概括。本節(jié)課讓學(xué)生掌握了“表格”的妙用，還提高了加工信息和應(yīng)用信息的能力，而且使學(xué)生感悟到了中國(guó)上下五千年的博大精深，對(duì)祖國(guó)更加熱愛(ài)。但個(gè)別學(xué)生沒(méi)有認(rèn)識(shí)到合作學(xué)習(xí)的重要意義，自主探究能力較弱，容易喪失信心。通過(guò)利用信息技術(shù)規(guī)劃規(guī)劃網(wǎng)上西安七日游，對(duì)西安七個(gè)主要景點(diǎn)的介紹，讓世界了解西安，每個(gè)學(xué)生在共同完成“網(wǎng)上游古都”網(wǎng)站作品后，讓每個(gè)學(xué)生都有完成任務(wù)和宣傳中國(guó)源遠(yuǎn)流長(zhǎng)的文明歷史的成就感，并感到自豪。我利用網(wǎng)頁(yè)自學(xué)課件和網(wǎng)絡(luò)教室教學(xué)廣播系統(tǒng)支持師生間、生生間的交流對(duì)話。讓學(xué)生借助信息技術(shù)手段開(kāi)展探索、總結(jié)并進(jìn)行創(chuàng)作。我通過(guò)學(xué)生利用信息技術(shù)完成此項(xiàng)任務(wù)，促進(jìn)學(xué)生對(duì)基礎(chǔ)知識(shí)、基本技能的學(xué)習(xí)。2．關(guān)鍵環(huán)節(jié)提煉利用信息技術(shù)創(chuàng)設(shè)情境，播放一段自拍的錄像，內(nèi)容大體是：一位外國(guó)友人，想要來(lái)中國(guó)四大古都之一“西安”旅游，但想要自助游，想借助因特網(wǎng)，先在網(wǎng)上了解一下西安，并參考一下旅游行程。讓學(xué)生可把本課內(nèi)容應(yīng)用到實(shí)際生活中去。學(xué)生課后實(shí)踐。全課總結(jié)，培養(yǎng)道德情感。悠久的歷史積淀和豐富的人文資源，使西安居中國(guó)六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。學(xué)生代表演示及時(shí)檢測(cè)學(xué)生對(duì)表格的掌握情況。教師鼓勵(lì)學(xué)生發(fā)展創(chuàng)新思維，頁(yè)面布局規(guī)劃能力，邏輯思維能力及合作能力。［教師點(diǎn)評(píng)及檢測(cè)］教師從頁(yè)面布局，整體規(guī)劃合理性，創(chuàng)意等幾方面進(jìn)行點(diǎn)評(píng)。學(xué)生間相互交流探討。合作成功展示作品成果匯報(bào)交流探討［交流探討］教師引導(dǎo)學(xué)生探討頁(yè)面布局的方法和技巧；談看完作品后，對(duì)其改進(jìn)意見(jiàn)；進(jìn)行組間互評(píng)和組內(nèi)自評(píng)。由小組代表展示組內(nèi)作品，并詳細(xì)說(shuō)明旅游景點(diǎn)規(guī)劃的呈現(xiàn)形式，內(nèi)容選擇及整體構(gòu)思。［展示作品］下面請(qǐng)各組派代表，到教師機(jī)前展示以下你們的旅游行程。）學(xué)生根據(jù)角色分工，按小組形式開(kāi)始完善網(wǎng)站。學(xué)生研究探索合作交流創(chuàng)作作品［創(chuàng)作作品］播放舒緩音樂(lè)，為學(xué)生營(yíng)造自由和諧氣氛。提示學(xué)生有三條幫助熱線：組長(zhǎng)鄰座學(xué)習(xí)伙伴教師自學(xué)課件學(xué)生明確要求。技術(shù)表現(xiàn)：頁(yè)面布局設(shè)計(jì)合理，顏色搭配和諧，主題突出，作品演示運(yùn)行正常，操作熟練。學(xué)生共同研究選組長(zhǎng),并協(xié)調(diào)分配好任務(wù).鍛煉學(xué)生自主協(xié)調(diào)分工能力。使學(xué)生明確各自任務(wù)后，通過(guò)研究，探討，操作，通過(guò)電腦媒體來(lái)完成任務(wù)。學(xué)生明確任務(wù)明確總?cè)蝿?wù)［作品形式及分工參考］形式：創(chuàng)建并完善主頁(yè)，并展示整個(gè)網(wǎng)站。［分組方法］根據(jù)對(duì)各旅游景點(diǎn)的興趣及當(dāng)初搜索信息的分工情況及本節(jié)課任務(wù)分工，四人一小組。［出示課題］今天我們就圍繞“西安七日游”，在主頁(yè)中利用表格規(guī)劃設(shè)計(jì)旅游行程，本節(jié)課的課題是《“黃金周”—規(guī)劃網(wǎng)上西安七日游》學(xué)生明確本節(jié)課課題，初步了解任務(wù)。為細(xì)化任務(wù)埋下伏筆。提供信息活條件，激發(fā)起學(xué)生的興趣。（三）、教與學(xué)的過(guò)程1．教與學(xué)的過(guò)程活動(dòng)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖創(chuàng)設(shè)情境激發(fā)興趣［創(chuàng)設(shè)情境］“要想了解中國(guó)上下五千年文明歷史，請(qǐng)到西安來(lái)！”近幾年，越來(lái)越多的外地游客涌向西安。利用信息技術(shù)中計(jì)算機(jī)技術(shù)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，實(shí)現(xiàn)教學(xué)目標(biāo)，完成讓世界各地的人實(shí)現(xiàn)“網(wǎng)上游古都”?；跇?gòu)建主義的探究性學(xué)習(xí)模式，我的設(shè)想是整個(gè)教學(xué)過(guò)程是動(dòng)態(tài)的，學(xué)生是學(xué)習(xí)的主體，教師是學(xué)生學(xué)習(xí)環(huán)境的創(chuàng)設(shè)者、學(xué)習(xí)動(dòng)力的激發(fā)者、學(xué)習(xí)過(guò)程的指引者和學(xué)生學(xué)習(xí)的協(xié)作者。（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ù)各自的興趣、愛(ài)好和條件，再結(jié)合與自己有相同或相近的興趣、愛(ài)好的同學(xué)組成合作伙伴，共同選擇西安不同的旅游景點(diǎn)，確定研究課題，借助“表格布局”功能規(guī)劃七天的旅游行程，獨(dú)立自主結(jié)合小組合作開(kāi)展研究，進(jìn)行合理的網(wǎng)頁(yè)布局設(shè)計(jì)，達(dá)到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學(xué)習(xí)方式，實(shí)現(xiàn)“雙贏”。本節(jié)課采用研究體驗(yàn)式教學(xué)法,建構(gòu)主義模式下的任務(wù)驅(qū)動(dòng)式教學(xué)法組織教學(xué)。此部分教學(xué)內(nèi)容在整個(gè)網(wǎng)頁(yè)設(shè)計(jì)知識(shí)體系中處于綜合處理信息的重要部分。內(nèi)容分析教學(xué)重點(diǎn)：利用表格對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)行布局。學(xué)生基本學(xué)會(huì)使用在網(wǎng)頁(yè)中插入表格的方法，但分析信息、處理信息和應(yīng)用信息能力較弱。情感與態(tài)度：使學(xué)生感受中國(guó)源遠(yuǎn)流長(zhǎng)的歷史文明，并通過(guò)網(wǎng)頁(yè)傳遞給世界；幫助學(xué)生樹(shù)立良好的信息道德意識(shí)；讓學(xué)生享受成就感，樹(shù)立自信心。網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)5教學(xué)目標(biāo)知識(shí)與技能：靈活運(yùn)用添加超鏈接和在網(wǎng)頁(yè)中插入表格方法，根據(jù)網(wǎng)頁(yè)內(nèi)容進(jìn)行頁(yè)面布局，完善網(wǎng)頁(yè),掌握網(wǎng)頁(yè)布局的技能和技巧。設(shè)計(jì)意圖：借助思維導(dǎo)圖，將關(guān)鍵知識(shí)點(diǎn)結(jié)構(gòu)化，清晰形象地呈現(xiàn)出各知識(shí)點(diǎn)的脈絡(luò)關(guān)系，有助于學(xué)生從整體上把握知識(shí)，完成知識(shí)的建構(gòu)。H5可以是各種宣傳網(wǎng)頁(yè)、在線游戲，甚至戶外大屏中的互動(dòng)也是H5。將學(xué)生的作品進(jìn)行展示，師生共同賞析作品，根據(jù)評(píng)價(jià)表進(jìn)行點(diǎn)評(píng)，給出建議，然后進(jìn)一步完善作品。（4）根據(jù)同伴及老師意見(jiàn)進(jìn)一步修改作品。（2）同桌之間用發(fā)布的網(wǎng)址或二維碼相互訪問(wèn)對(duì)方的作品。（1）對(duì)于制作好的作品，將其發(fā)布到網(wǎng)上，這樣其他人就可以通過(guò)電腦和手機(jī)訪問(wèn)你的作品。因此首先讓學(xué)生帶著問(wèn)題思考如何設(shè)置文字、圖片？設(shè)置動(dòng)效時(shí)需要注意的問(wèn)題？得出一定的結(jié)論后，讓學(xué)生帶著構(gòu)思去美化邀請(qǐng)函，以減少學(xué)生操作的盲目性。單從技術(shù)角度來(lái)講，這些操作是比較簡(jiǎn)單的，只要學(xué)會(huì)設(shè)置屬性面板即可。注意：設(shè)置合理、適度的動(dòng)態(tài)效果，可以給觀賞者帶來(lái)較好的視覺(jué)體驗(yàn)。字體顏色與背景要有一定的對(duì)比度?！把?qǐng)函”等標(biāo)題文字字號(hào)一般選用大些，宜用飽滿的字體，以達(dá)到醒目的作用；內(nèi)容用于提供具體信息，文字字號(hào)可以小些。（四）自主探究，美化H5活動(dòng)5：美化完善邀請(qǐng)函H5。在制作H5時(shí)采用局部“翻轉(zhuǎn)課堂”的形式，通過(guò)高效、簡(jiǎn)短的微視頻和幾個(gè)思考題，引導(dǎo)學(xué)生思考探究；在學(xué)生遇到問(wèn)題和困難時(shí)，師生共同分析問(wèn)題，解決問(wèn)題。設(shè)計(jì)意圖：遷移是人類認(rèn)知的一個(gè)普遍特征，因?yàn)樾碌膶W(xué)習(xí)總是建立在原有學(xué)習(xí)基礎(chǔ)之上。問(wèn)題2：內(nèi)容頁(yè)沒(méi)有顯示內(nèi)容。問(wèn)題1：首頁(yè)、內(nèi)容頁(yè)都播放同一素材。小結(jié)：添加文字、圖片的一般步驟：選擇位置—添加對(duì)象。添加文字：選中頁(yè)面1，在工具面板中選擇_____________選項(xiàng)?；顒?dòng)4：利用iH5軟件，制作邀請(qǐng)函H5。小結(jié)：相同之處：_______________________（菜單欄、工具面板、編輯區(qū)）不同之處：_______________________（對(duì)象樹(shù)面板）（3）比較PS中的圖層面板和iH5中的對(duì)象樹(shù)面板，思考對(duì)象樹(shù)面板的作用。（1）使用課前申請(qǐng)的賬號(hào)，登錄網(wǎng)址：，進(jìn)入在線編輯平臺(tái)。（三）知識(shí)遷移，制作H5能夠用于開(kāi)發(fā)H5網(wǎng)頁(yè)的工具很多，今天以iH5軟件工具為平臺(tái)，學(xué)習(xí)使用H5快速制作網(wǎng)頁(yè)。設(shè)計(jì)意圖：學(xué)生已經(jīng)學(xué)習(xí)過(guò)網(wǎng)站的規(guī)劃，所以容易理解規(guī)劃的重要性。（二）根據(jù)需求，規(guī)劃H5凡事預(yù)則立，不預(yù)則廢，要制作匯報(bào)演出邀請(qǐng)函，首先對(duì)每個(gè)頁(yè)面的內(nèi)容