【正文】 接。（伴隨音樂）三、作品評價(jià)生評：從網(wǎng)頁設(shè)計(jì)上，美觀程度上，知識落實(shí)上重點(diǎn)評價(jià)。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計(jì)與制作全過程。因此，設(shè)計(jì)與制作網(wǎng)頁已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個(gè)重要方面。網(wǎng)頁制作教學(xué)設(shè)計(jì)4一、學(xué)習(xí)內(nèi)容分析《H5快速制作網(wǎng)頁》是蘇教版《初中信息技術(shù)》8年級第3章《主題網(wǎng)站設(shè)計(jì)與制作》第2節(jié)《制作網(wǎng)頁》中第1課時(shí)的內(nèi)容。通過前面的學(xué)習(xí)，學(xué)生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設(shè)計(jì)主題網(wǎng)站的方法。三、學(xué)習(xí)目標(biāo)知識與技能：能列舉H5網(wǎng)頁的特點(diǎn)；掌握在iH5軟件中添加和編輯文字、圖片、動畫等元素的方法以及設(shè)置對象屬性的方法，理解舞臺、頁面、對象之間的層級關(guān)系。八年級將舉行以“多彩校園，閃亮你我”為主題的匯報(bào)演出，充分展示八年級同學(xué)的青春活力和精神面貌。以上特點(diǎn)使得H5可能成為我們發(fā)出邀請的首選。設(shè)計(jì)意圖：與H5相關(guān)的概念性知識抽象、枯燥難懂，如果采用講授法，學(xué)生并不容易理解?；顒?：根據(jù)需求，選擇素材，規(guī)劃邀請函。活動3：找“共性”，探“個(gè)性”，認(rèn)識iH5軟件。小結(jié)：對象樹面板可以用來管理舞臺中的對象，對象樹中的層級關(guān)系為：舞臺→頁面→文本、圖片等素材，每個(gè)頁面中的對象上層覆蓋下層。添加圖片：選中頁面1，在工具面板中選擇_____________選項(xiàng)。原因分析：素材全部都添加在了舞臺之中，其層級關(guān)系在內(nèi)容頁和首頁的上一級。學(xué)生原有的知識是Photoshop軟件使用，將Photoshop和iH5進(jìn)行對比，引導(dǎo)學(xué)生發(fā)現(xiàn)界面組成的“共性”與“個(gè)性“，讓學(xué)生初步認(rèn)識對象樹面板，學(xué)會利用對象樹面板來管理素材。（1）邀請函中的標(biāo)題、內(nèi)容文字等選用什么樣的字體、字號合適？如何設(shè)置？（2）如何改變圖片大小，修改圖片的亮度、對比度等？（3）如何設(shè)置元素的動態(tài)效果，使得網(wǎng)頁更生動？小結(jié)：（1）選中文字或圖片——屬性面板——修改設(shè)置。（3）選擇要添加動態(tài)效果的對象——選擇動效命令。但是邀請函的美化不是天馬行空，隨心所欲，還需要一定的藝術(shù)欣賞能力。請保存當(dāng)前的網(wǎng)頁并發(fā)布到網(wǎng)上。設(shè)計(jì)意圖：學(xué)生在制作完成邀請函后，進(jìn)行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學(xué)生的學(xué)習(xí)興趣。在未來5內(nèi)，H5或?qū)蔀橐苿踊ヂ?lián)網(wǎng)領(lǐng)域的主宰者。過程與方法：培養(yǎng)學(xué)生加工信息和應(yīng)用信息的能力及培養(yǎng)學(xué)生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。對教學(xué)內(nèi)容的了解程度較強(qiáng)。教學(xué)策略設(shè)計(jì)（1）．教學(xué)方法設(shè)計(jì)我根據(jù)教學(xué)主題及其教學(xué)目標(biāo)確定的教學(xué)指導(dǎo)思想是以學(xué)生為主體，以學(xué)生自己的親身體驗(yàn)展開探究式小組合作學(xué)習(xí)。建構(gòu)主義學(xué)習(xí)理論認(rèn)為，學(xué)習(xí)過程不是學(xué)習(xí)者被動地接受知識，而是積極地建構(gòu)知識的過程，把學(xué)過的網(wǎng)頁設(shè)計(jì)知識綜合應(yīng)用起來，由于建構(gòu)主義學(xué)習(xí)活動是以學(xué)習(xí)者為中心，而且是真實(shí)的，并且以完成特定的任務(wù)為動力，因而學(xué)習(xí)者就更具有興趣和動機(jī)，能夠鼓勵(lì)學(xué)習(xí)者進(jìn)行批判型思維，能夠更易于提供個(gè)體的學(xué)習(xí)風(fēng)格，展現(xiàn)自己的獨(dú)特思維，不受現(xiàn)有網(wǎng)頁模式的拘束。在教學(xué)中計(jì)劃通過探究式教學(xué)方式，小組合作學(xué)習(xí)方式和“任務(wù)驅(qū)動式”教學(xué)策略，自主設(shè)計(jì)網(wǎng)頁，發(fā)布網(wǎng)頁，運(yùn)用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢發(fā)揮作用并真正促進(jìn)學(xué)生能夠結(jié)合實(shí)際應(yīng)用，通過自主實(shí)踐，完成“網(wǎng)上游古都”任務(wù)，并同時(shí)完成了學(xué)習(xí)任務(wù)，進(jìn)一步建構(gòu)了自己的知識體系，并實(shí)時(shí)地享受到巨大的成就感。［導(dǎo)語］我們可在主頁中制作一個(gè)西安旅游景點(diǎn)導(dǎo)航欄，但怎樣合理規(guī)劃各旅游景點(diǎn)，并且使頁面布局美觀，整潔，分類清晰？利用“表格”。出示課題，介紹總?cè)蝿?wù)。分工參考：內(nèi)容版式規(guī)劃整理七個(gè)旅游景點(diǎn)網(wǎng)頁超鏈接的建立與維護(hù)作品演示解說學(xué)生明確匯報(bào)形式，分工參考。［出示作品評價(jià)標(biāo)準(zhǔn)］教師出示作品評價(jià)標(biāo)準(zhǔn)：作品內(nèi)容：設(shè)計(jì)含有七個(gè)鏈接網(wǎng)頁的主頁，資料豐富，內(nèi)容準(zhǔn)確。培養(yǎng)學(xué)生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。學(xué)生體會了超鏈接的作用，練習(xí)了超鏈接的使用，理解了表格強(qiáng)大的頁面布局功能；培養(yǎng)學(xué)生處理信息和應(yīng)用信息的能力；通過學(xué)生間交流合作，老師及時(shí)點(diǎn)撥與指導(dǎo)，培養(yǎng)學(xué)生發(fā)現(xiàn)問題和解決問題的能力。鍛煉學(xué)生口語表達(dá)能力和分析說明問題能力。培養(yǎng)學(xué)生合作交流能力。教師或其他同學(xué)提問頁面布局的方法。希望你們熱愛中國博大精深的歷史，感受西安古老的魅力！學(xué)生感悟。為激發(fā)下一節(jié)課內(nèi)容（上傳主頁）的興趣奠定基礎(chǔ)。通過此錄像激發(fā)學(xué)生興趣并利用信息技術(shù)呈現(xiàn)問題，使學(xué)生產(chǎn)生認(rèn)知沖突，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。我利用信息技術(shù)展示學(xué)生自評，學(xué)生互評，教師評價(jià)的評價(jià)表，為學(xué)生的學(xué)習(xí)提供評價(jià)、反饋和矯正。本節(jié)課，在小組合作學(xué)習(xí)過程中，學(xué)生之間互學(xué)互教，彼此交流探討，經(jīng)歷了提出問題、分析問題和解決問題過程，每個(gè)學(xué)生都承擔(dān)一定學(xué)習(xí)任務(wù)，防止濫竽充數(shù)，促進(jìn)了學(xué)生的參與程度、認(rèn)知深度，高質(zhì)量地實(shí)現(xiàn)了課程的目標(biāo)，增強(qiáng)學(xué)生的責(zé)任感。（四）、教學(xué)評析：在新課程標(biāo)準(zhǔn)的理念中，明確提出要關(guān)注全體學(xué)生，建設(shè)有特色的信息技術(shù)課程。教學(xué)活動在面向全體的同時(shí)更注重學(xué)生情感的`交流協(xié)作意識與因材施教。附：學(xué)生學(xué)習(xí)過程及典型成果另附：小組成員分工表第________組組長________作品題目______________小組成員主要負(fù)責(zé)工作網(wǎng)頁制作教學(xué)設(shè)計(jì)6一、教學(xué)目標(biāo)：知識與技能：（1）、了解框架結(jié)構(gòu)網(wǎng)頁的概念及在網(wǎng)頁中的作用，了解它與表格網(wǎng)頁的區(qū)別。（2）、通過框架結(jié)構(gòu)網(wǎng)頁設(shè)計(jì)，使學(xué)生對網(wǎng)頁的整體結(jié)構(gòu)有更進(jìn)一步的認(rèn)識。（2）、框架中各個(gè)頁面之間的關(guān)聯(lián)，每個(gè)框中頁面的設(shè)置方法。三、教學(xué)過程：創(chuàng)設(shè)情境、導(dǎo)入新課（1）、教師展示一組表格制作的網(wǎng)頁，引導(dǎo)學(xué)生找出它們的共同特點(diǎn)。任務(wù)驅(qū)動、自主學(xué)習(xí)（1）、教師展示一個(gè)框架網(wǎng)頁，引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念。（4）、學(xué)生理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個(gè)按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。教師反饋學(xué)生的操作情況，開展評比活動，對表現(xiàn)好的學(xué)生給與表揚(yáng)。（8）、教師請學(xué)生示范操作，并說明自己設(shè)置的方法和原因。（2）、教師點(diǎn)評，并鼓勵(lì)完成作品比較好的學(xué)生。由于學(xué)生已經(jīng)具備了一定的網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識與技能，所以教師可以根據(jù)學(xué)生的實(shí)際情況，采用更靈活的教學(xué)方法。（2）掌握框架網(wǎng)頁的新建、制作、編輯與保存，了解框架的拆分方法。情感態(tài)度與價(jià)值觀：（1）通過以“人與動物”為主題的框架結(jié)構(gòu)網(wǎng)頁制作活動，了解更多有關(guān)人與動物和諧相處的知識，通過故事趣聞，增強(qiáng)學(xué)生關(guān)注動物的興趣和意識。教學(xué)方法：對比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。任務(wù)1 創(chuàng)建“橫幅和目錄”結(jié)構(gòu)的框架網(wǎng)頁，新建top和left頁面，并學(xué)會保存。學(xué)生要理解框架網(wǎng)頁的概念，通過閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁的操作，初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個(gè)按鈕的不同，并認(rèn)真聆聽教師的講解，注意觀察，按要求模仿操作。要求：○1top頁面內(nèi)插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。（該網(wǎng)頁由教師提供現(xiàn)成的）學(xué)生制作相關(guān)頁面，同時(shí)也是對前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。提高任務(wù)：框架的拆分?？偨Y(jié)與評價(jià)老師可以給出一些常見的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，梳理課堂知識，并讓學(xué)生分組，推薦一些優(yōu)秀作品進(jìn)行全班展示。這使得學(xué)生主動探索、自主學(xué)習(xí)成為可能。問題 1 ：網(wǎng)站是不是就是網(wǎng)頁？用自己的語言描述一下網(wǎng)站的概念（網(wǎng)站包含多個(gè)網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來）問題 2 ：網(wǎng)頁是不是就是主頁？(第一個(gè)頁面稱為主頁 , 網(wǎng)站設(shè)計(jì)者可以確定哪一個(gè)是主頁 , 主頁的文件名一般為： , 主頁也是網(wǎng)頁)設(shè)計(jì)網(wǎng)站一般必須經(jīng)過兩個(gè)步驟，首先是在計(jì)算機(jī)里做好，然后發(fā)布在 internet 上，讓所有的人訪問瀏覽。請學(xué)生瀏覽教師課件，了解學(xué)習(xí)任務(wù)、新建站點(diǎn)FP 的啟動問：與 word 比較，有什么不同？（增加了視圖區(qū)，編輯區(qū)有三個(gè)窗口）總結(jié)：視圖區(qū)：多種視圖模式是為了方便網(wǎng)站的管理。（教會學(xué)生利用導(dǎo)學(xué)課件，根據(jù)導(dǎo)學(xué)軟件完成任務(wù)）任務(wù) 1 ：學(xué)生根據(jù)導(dǎo)學(xué)課件，在 d: 建立自己站點(diǎn)教師巡視指導(dǎo)請一位學(xué)生示范如何建立站點(diǎn) , 教師總結(jié)問：在文件夾列表中看到了什么？分析多出的文件夾列表欄，多了一個(gè)文件夾，里面有兩個(gè)子文件夾和主頁，圖片存放在 images 文件夾中）、編輯主頁與保存主頁看效果圖，請學(xué)生分析主頁中的元素總結(jié)：鮮明的主題，如：我的世界、我的寵物等，有分割頁面的水平線，與主題相關(guān)的圖片，對網(wǎng)站的簡單介紹根據(jù)導(dǎo)學(xué)軟件，學(xué)生完成任務(wù) 2 ：設(shè)計(jì)主頁、保存主頁與圖片教師巡視指導(dǎo)、總結(jié)反饋請學(xué)生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存總結(jié)：必須切換到 “ 普通 ” 窗口下編輯主頁的保存中存在問題：單擊 “ 文件 ”“ 保存 ” 或工具欄的 “ 保存 ” 按扭，彈出一個(gè)對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點(diǎn) images 文件夾中 , 便于站點(diǎn)的管理。學(xué)生回答、學(xué)生操作，同桌互相幫助，并參考教師做的課件，利用網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，滿足不同層次學(xué)生的需求、學(xué)生總結(jié)注：課件中包含每一個(gè)操作過程的操作步驟及拓展的知識、基本任務(wù)與提高任務(wù)的效果圖。尋著這個(gè)思路授課教師在課前作了大量的課前準(zhǔn)備制作出了相應(yīng)的教學(xué)課件 “ 網(wǎng)頁制作 ”。（點(diǎn)評分為個(gè)別點(diǎn)評和全班點(diǎn)評，點(diǎn)評不等于教師將操作過程演示一遍。（整個(gè)教學(xué)過程中，這點(diǎn)做地不夠，沒有充分地讓師生互動起來）四、重點(diǎn)突出、目標(biāo)明確最后，張 老師在整個(gè)教學(xué)過程中，應(yīng)再突出教學(xué)重點(diǎn)，明確本節(jié)課的任務(wù)。并且，通過高一的學(xué)習(xí)與養(yǎng)成，學(xué)習(xí)小組的整體意識已經(jīng)建立，組內(nèi)合作、組間競爭的氛圍已經(jīng)形成，所以可以采用先進(jìn)行自主練習(xí)，然后合作探究，通過各組推薦的作品展示進(jìn)行評價(jià)，在展示的同時(shí)也提高了學(xué)生的技術(shù)水平。：網(wǎng)頁間超鏈接的建立。：（1）文字、圖片的添加與調(diào)整（2）網(wǎng)頁背景的設(shè)置（3）超鏈接的建立三、基本功練習(xí)（10分鐘）：快速“克隆”示例網(wǎng)頁。展示前，引導(dǎo)全體學(xué)生積極思考以下問題：？有哪些可借鑒之處？？若有疑問，及時(shí)提出。八、總結(jié)：：（1）靈活運(yùn)用基本操作；（2）版面設(shè)計(jì)清晰、條理，或者有獨(dú)特之處；（3）配色和諧，給人美感；（4）超鏈接順暢、自由，方便使用。學(xué)生初次接觸一個(gè)軟件，要經(jīng)常收獲一點(diǎn)成就感才有進(jìn)一步探索的欲望，這就需要我們教師注意發(fā)現(xiàn)、及時(shí)鼓勵(lì)。五、教學(xué)過程：教師活動：引入課題：（激發(fā)興趣，活躍氣氛）同學(xué)們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒有同學(xué)知道新浪、西祠胡同稱做什么？（網(wǎng)站）瀏覽新浪網(wǎng)站，瀏覽的第一個(gè)頁面稱為什么？（主頁）我們還可以瀏覽其它的頁面，點(diǎn)擊超鏈接瀏覽，當(dāng)鼠標(biāo)變成手指的形狀時(shí)有超鏈接。打開主頁，瀏覽頁面，這是老師做的一個(gè)導(dǎo)學(xué)課件，將幫助大家完成學(xué)習(xí)任務(wù)。普通窗口：鼠標(biāo)在閃動，可編輯、修改頁面，所見即所得的方式。任務(wù)1：學(xué)生根據(jù)導(dǎo)學(xué)課件，在d:建立自己站點(diǎn) 請一位學(xué)生示范如何建立站點(diǎn),教師總結(jié)。