【正文】 框架網(wǎng)頁(yè)的新建與保存。（7）、出示任務(wù)三：框架網(wǎng)頁(yè)屬性的設(shè)置。設(shè)計(jì)意圖：拓展學(xué)生的視野，使學(xué)生了解框架的應(yīng)用方法。（3）初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來(lái)制作網(wǎng)頁(yè)。教學(xué)準(zhǔn)備：整理、歸類(lèi)相關(guān)素材，并按要求擺放。設(shè)計(jì)意圖：培養(yǎng)學(xué)生自主學(xué)習(xí)能力，課堂教學(xué)難點(diǎn)在教師的講解后模仿操作，有效突破難點(diǎn)。老師反饋學(xué)生的操作情況，開(kāi)展比一比、評(píng)一評(píng)活動(dòng)，對(duì)表現(xiàn)好的學(xué)生給予表?yè)P(yáng)。設(shè)計(jì)意圖：開(kāi)拓學(xué)生的視野，使學(xué)生了解框架的應(yīng)用，教會(huì)學(xué)生要善于總結(jié)，要學(xué)會(huì)學(xué)習(xí)的方法。今天我們學(xué)習(xí)用 Frontpage 建立站點(diǎn)，制作一個(gè)主頁(yè)。、請(qǐng)學(xué)生繼續(xù)完成自己的主頁(yè)，有能力的同學(xué)完成提高篇教師巡視指導(dǎo)、教師與學(xué)生共同評(píng)價(jià)總結(jié)展示學(xué)生作品，教師與學(xué)生共同評(píng)價(jià)請(qǐng)學(xué)生總結(jié)今天的學(xué)習(xí)內(nèi)容：建立包含一個(gè)頁(yè)面的站點(diǎn)，主頁(yè)的設(shè)計(jì)與保存。一、調(diào)動(dòng)學(xué)生的學(xué)習(xí)熱情，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)整個(gè)教學(xué)過(guò) 程張?jiān)?老師采取了 “ 引導(dǎo)加任務(wù)驅(qū)動(dòng) ” 的模式進(jìn)行。（課前的導(dǎo)入，最好給出教學(xué)目標(biāo)，課后的小結(jié)應(yīng)讓學(xué)生總結(jié)他本堂課學(xué)習(xí)到哪些知識(shí)，所以感覺(jué)這節(jié)課重點(diǎn)不突出，內(nèi)容分散?！窘虒W(xué)過(guò)程】課前準(zhǔn)備：提前做好小組座次安排，由學(xué)科班長(zhǎng)組織大家按組入座。？注：，教師要引導(dǎo)大家規(guī)范操作，對(duì)于重點(diǎn)加以強(qiáng)調(diào)。學(xué)科班長(zhǎng)記錄好大家的課堂參與情況，下課前公布，這項(xiàng)工作若堅(jiān)持下來(lái)，對(duì)我們的教學(xué)會(huì)有很大促進(jìn)。請(qǐng)學(xué)生瀏覽教師課件，了解學(xué)習(xí)任務(wù)。問(wèn)：在文件夾列表中看到了什么？分析多出的文件夾列表欄，多了一個(gè)文件夾，里面有兩個(gè)子文件夾和主頁(yè)，圖片存放在images文件夾中。）打開(kāi)導(dǎo)學(xué)軟件，根據(jù)步驟，示范建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)，強(qiáng)調(diào)新站點(diǎn)的位置、路徑的正確輸入，站點(diǎn)的名稱(chēng)。先來(lái)研究一下沒(méi)有發(fā)布的網(wǎng)站,打開(kāi)教師做的網(wǎng)站 問(wèn)：同學(xué)們看到了什么？（文件夾）總結(jié)：可以這樣理解網(wǎng)站：在資源管理器里，網(wǎng)站表現(xiàn)為一個(gè)文件夾，里面存放的是所有與網(wǎng)站相關(guān)的文件。（或者對(duì)各組長(zhǎng)進(jìn)行培訓(xùn)，由組長(zhǎng)傳達(dá)到展示者），防止展示時(shí)只宣講他們網(wǎng)頁(yè)中的內(nèi)容，而忽略技術(shù)，浪費(fèi)寶貴的時(shí)間。六、精彩展示（10分鐘）各組派一代表向全班展示自己的作品，并簡(jiǎn)介操作要點(diǎn)?！局攸c(diǎn)難點(diǎn)】：利用表格對(duì)網(wǎng)頁(yè)進(jìn)行布局；網(wǎng)頁(yè)中的圖文設(shè)置及超鏈接的使用。）三、發(fā)揮學(xué)生的協(xié)作學(xué)習(xí)精神張?jiān)?老師在教學(xué)過(guò)程中，對(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í)的樂(lè)趣。根據(jù)教材和《中小學(xué)信息技術(shù)課程指導(dǎo)綱要（試行）》中的精神，本課應(yīng)以 “ 任務(wù)驅(qū)動(dòng) ” 的方式完成，一方面教會(huì)學(xué)生了解和熟悉具體軟件的基本功能，另一方面又能主動(dòng)地掌握并深入學(xué)習(xí)思考。）打開(kāi)導(dǎo)學(xué)軟件，根據(jù)步驟，示范建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)，強(qiáng)調(diào)新站點(diǎn)的位置、路徑的正確輸入，站點(diǎn)的名稱(chēng)。五、教學(xué)過(guò)程設(shè)計(jì)教師活動(dòng)： 引入課題：（激發(fā)興趣，活躍氣氛）同學(xué)們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒(méi)有同學(xué)知道新浪、西祠胡同稱(chēng)做什么？（網(wǎng)站）瀏覽新浪網(wǎng)站，瀏覽的第一個(gè)頁(yè)面稱(chēng)為什么？（主頁(yè)）我們還可以瀏覽其它的頁(yè)面，點(diǎn)擊超鏈接瀏覽，當(dāng)鼠標(biāo)變成手指的形狀時(shí)有超鏈接。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)?！?為main區(qū)域設(shè)置初始頁(yè)面。此處為教學(xué)難點(diǎn)，可先由框架的概念入手，再針對(duì)保存頁(yè)面中的藍(lán)色部分，教師進(jìn)行講解，教會(huì)學(xué)生注意觀察。難點(diǎn)：框架的拆分。網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)7教學(xué)目標(biāo)：知識(shí)與技能：（1）理解框架的概念及用途。展示作品、課堂小結(jié)（1）、教師給出一些常見(jiàn)的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁(yè)面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，并讓學(xué)生分組，推進(jìn)一些優(yōu)秀作品在全班展示。（6）、學(xué)生制作相關(guān)頁(yè)面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。設(shè)計(jì)意圖：通過(guò)對(duì)比、比較，引導(dǎo)學(xué)生思考，激發(fā)學(xué)生學(xué)習(xí)的樂(lè)趣。二、教學(xué)重點(diǎn)難點(diǎn)：教學(xué)重點(diǎn)：（1）、框架網(wǎng)頁(yè)的作用和功能，框架的建立與屬性設(shè)置。學(xué)生之間的交流和幫助比較少，自主學(xué)習(xí)的能力還要不斷提高等。本節(jié)課讓學(xué)生掌握了“表格”的妙用，還提高了加工信息和應(yīng)用信息的能力，而且使學(xué)生感悟到了中國(guó)上下五千年的博大精深，對(duì)祖國(guó)更加熱愛(ài)。讓學(xué)生借助信息技術(shù)手段開(kāi)展探索、總結(jié)并進(jìn)行創(chuàng)作。學(xué)生課后實(shí)踐。教師鼓勵(lì)學(xué)生發(fā)展創(chuàng)新思維，頁(yè)面布局規(guī)劃能力，邏輯思維能力及合作能力。由小組代表展示組內(nèi)作品，并詳細(xì)說(shuō)明旅游景點(diǎn)規(guī)劃的呈現(xiàn)形式，內(nèi)容選擇及整體構(gòu)思。提示學(xué)生有三條幫助熱線(xiàn)：組長(zhǎng)鄰座學(xué)習(xí)伙伴教師自學(xué)課件學(xué)生明確要求。學(xué)生明確任務(wù)明確總?cè)蝿?wù)［作品形式及分工參考］形式：創(chuàng)建并完善主頁(yè)，并展示整個(gè)網(wǎng)站。提供信息活條件，激發(fā)起學(xué)生的興趣。（2）．教學(xué)流程和教學(xué)活動(dòng)的設(shè)計(jì)思路整個(gè)教學(xué)活動(dòng)，尤其是學(xué)習(xí)活動(dòng)，我采用探究式學(xué)習(xí)法，又稱(chēng)研究性學(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)“雙贏”。學(xué)生基本學(xué)會(huì)使用在網(wǎng)頁(yè)中插入表格的方法，但分析信息、處理信息和應(yīng)用信息能力較弱。H5可以是各種宣傳網(wǎng)頁(yè)、在線(xiàn)游戲，甚至戶(hù)外大屏中的互動(dòng)也是H5。（1）對(duì)于制作好的作品，將其發(fā)布到網(wǎng)上，這樣其他人就可以通過(guò)電腦和手機(jī)訪問(wèn)你的作品。字體顏色與背景要有一定的對(duì)比度。設(shè)計(jì)意圖：遷移是人類(lèi)認(rèn)知的一個(gè)普遍特征，因?yàn)樾碌膶W(xué)習(xí)總是建立在原有學(xué)習(xí)基礎(chǔ)之上。添加文字：選中頁(yè)面1，在工具面板中選擇_____________選項(xiàng)。（三）知識(shí)遷移，制作H5能夠用于開(kāi)發(fā)H5網(wǎng)頁(yè)的工具很多，今天以iH5軟件工具為平臺(tái)，學(xué)習(xí)使用H5快速制作網(wǎng)頁(yè)。用H5創(chuàng)建的網(wǎng)頁(yè)圖文并茂、生動(dòng)活潑、傳達(dá)方便、易于推廣。四、教學(xué)過(guò)程（一）創(chuàng)設(shè)情境，初認(rèn)H5以藝載德、以藝促智，一年一度的校園文化藝術(shù)節(jié)又開(kāi)始了，同學(xué)們踴躍報(bào)名，比拼才藝。二、學(xué)習(xí)者分析本節(jié)課的學(xué)習(xí)對(duì)象是八年級(jí)的學(xué)生，處于這一年齡段的學(xué)生，思維活躍，具備一定的理解能力和較強(qiáng)的自學(xué)能力。參考書(shū)：網(wǎng)頁(yè)設(shè)計(jì)與制作教程，熊前興閔聯(lián)營(yíng)，科學(xué)出版社；網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)，張貴明，清華大學(xué)出版社；網(wǎng)頁(yè)美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰焦燕，清華大學(xué)出版社；網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；二、課程教學(xué)目標(biāo)：網(wǎng)頁(yè)和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過(guò)網(wǎng)站來(lái)宣傳推介自己的技術(shù)和產(chǎn)品，個(gè)人發(fā)布主頁(yè)展示自己的風(fēng)采，人們從不同類(lèi)型的網(wǎng)站來(lái)獲取需要的信息。教師進(jìn)行指導(dǎo)。修改表格：調(diào)整表格行高和列寬。你們的觀察能力真的很強(qiáng)啊，對(duì)，這些都是我們學(xué)校美術(shù)的特色作口，盤(pán)畫(huà)。提示：書(shū)簽鏈接的雙向性問(wèn)題（返回）?！?給表格頁(yè)內(nèi)交互式按鈕設(shè)置超級(jí)鏈接，鏈接到相關(guān)頁(yè)面。教學(xué)難點(diǎn)（1）書(shū)簽鏈接中名稱(chēng)及對(duì)應(yīng)鏈接位置的設(shè)定。（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。讓學(xué)生有成就感，從而激發(fā)學(xué)生的學(xué)習(xí)積極性，進(jìn)一步活躍了課堂氣氛。完成第三關(guān)操作任務(wù)即完成自己的作品。學(xué)生通過(guò)不斷的實(shí)踐，簡(jiǎn)單修改html的方法，并進(jìn)行演示。設(shè)計(jì)意圖：這是第一關(guān)任務(wù)，對(duì)于已有計(jì)算機(jī)操作基礎(chǔ)的學(xué)生來(lái)說(shuō)相對(duì)較簡(jiǎn)單。初識(shí)網(wǎng)頁(yè)制作軟件。教學(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)行。具體過(guò)程：課題引入教師提示學(xué)生上機(jī)自主學(xué)習(xí)問(wèn)題反饋教師演示學(xué)生完成作品優(yōu)秀作品點(diǎn)評(píng)教師小結(jié)鞏固練習(xí)課后探究、實(shí)踐。為了合理利用上課時(shí)間，將用已有部分拓展知識(shí)和演示范例利用網(wǎng)絡(luò)下傳至學(xué)生機(jī)，以利于學(xué)生上課的實(shí)踐與創(chuàng)新。本節(jié)課以制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)為教學(xué)任務(wù)，學(xué)習(xí)目的明確，步驟清楚，希望完成任務(wù)而初步掌握簡(jiǎn)單制作步驟的指導(dǎo)思想。因此，在教學(xué)過(guò)程中關(guān)于frontpage的打開(kāi)與保存，這里我讓學(xué)生自己去學(xué)習(xí)，教師只給予必要的提示。重點(diǎn)、難點(diǎn)重點(diǎn)：了解常用的網(wǎng)頁(yè)制作軟件，掌握f(shuō)rontpage的操作界面。故此本課教學(xué)過(guò)程中，巧妙設(shè)計(jì)，讓學(xué)生帶著一個(gè)個(gè)任務(wù)通過(guò)課堂討論、相互合作、實(shí)際操作等方式，自我探索，自主學(xué)習(xí)，使學(xué)生在完成任務(wù)的過(guò)程中不知不覺(jué)實(shí)現(xiàn)知識(shí)的傳遞、遷移和融合。層層攻關(guān)（任務(wù)驅(qū)動(dòng) 逐步提高 分層教學(xué)）欣賞過(guò)網(wǎng)頁(yè)，教師就提出與學(xué)生共同制作簡(jiǎn)單的網(wǎng)頁(yè)的想法。（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é)生學(xué)會(huì)用不同的操作方法來(lái)解決實(shí)際問(wèn)題，但得讓他們自己去實(shí)踐，這有助于培養(yǎng)他們自主學(xué)習(xí)的良好習(xí)慣。評(píng)價(jià)作品 教師總結(jié) 評(píng)價(jià)作品（1）學(xué)生互評(píng)：通過(guò)教師設(shè)置的共享文件夾了解其他學(xué)生作品，學(xué)生互相發(fā)表意見(jiàn)。設(shè)計(jì)意圖：用游戲形式的鞏固練習(xí)即讓學(xué)生對(duì)本節(jié)課的知識(shí)學(xué)習(xí)得到反饋，進(jìn)一步鞏固所學(xué)知識(shí)，又可以活躍課堂氣氛。（3）通過(guò)網(wǎng)頁(yè)不同的超級(jí)鏈接方法，拓展學(xué)生思維，創(chuàng)建多種形式的網(wǎng)頁(yè)鏈接。教學(xué)準(zhǔn)備：“動(dòng)物——人類(lèi)的朋友”站點(diǎn)，包括未鏈接的網(wǎng)頁(yè)，如歡迎頁(yè)、表格頁(yè)、框架頁(yè)，表單頁(yè)等。交互式按鈕的超鏈接制作要求在框架網(wǎng)頁(yè)中演示操作。任務(wù)3借助熱區(qū)鏈接，為“友情鏈接”頁(yè)面制作超鏈接，鏈接我國(guó)一些自然保護(hù)區(qū)網(wǎng)站。教師講解：如何制作學(xué)習(xí)園地網(wǎng)頁(yè)。那我們就一起快快去做吧！插入圖片，并在圖片的上面或下面進(jìn)行圖片的注釋。四、總結(jié)我們這節(jié)課主要是利用了表格來(lái)設(shè)計(jì)網(wǎng)頁(yè)，以使來(lái)美化我們的網(wǎng)頁(yè)，通過(guò)繪畫(huà)作品的展示，學(xué)習(xí)更多的知識(shí)。三、理論教學(xué)內(nèi)容與要求第一章、網(wǎng)頁(yè)的基礎(chǔ)知識(shí)（1學(xué)時(shí)）（1）Internet基礎(chǔ)知識(shí)（2）簡(jiǎn)介（3）網(wǎng)頁(yè)制作的技術(shù)和工具介紹第二章、超文本編輯語(yǔ)言HTML（8學(xué)時(shí)）（1）HTML文件的基本結(jié)構(gòu)（2）文字和段落標(biāo)記（3）列表標(biāo)記（4）圖片標(biāo)記（5）表格標(biāo)記（6）超鏈接標(biāo)記（7）表單標(biāo)記（8）框架標(biāo)記第三章、JavaScript語(yǔ)言（4學(xué)時(shí)）（1）JavaScript語(yǔ)言簡(jiǎn)介（2）JavaScript編程基礎(chǔ)（3）基于對(duì)象的JavaScript語(yǔ)言（4）JavaScript程序?qū)嵗谒恼?、層疊樣式表CSS（1學(xué)時(shí)）（1）CSS概述（2）CSS屬性第五章、可視化網(wǎng)頁(yè)設(shè)計(jì)工具（1）網(wǎng)頁(yè)的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網(wǎng)頁(yè)元素（5）發(fā)布站點(diǎn)第六章、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言ASP（4學(xué)時(shí)）（1）ASP簡(jiǎn)介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對(duì)象（4）實(shí)用文件第七章、利用AD0訪問(wèn)數(shù)據(jù)庫(kù)（1學(xué)時(shí)）（1）數(shù)據(jù)庫(kù)的連接（2）數(shù)據(jù)庫(kù)的檢索（3）數(shù)據(jù)庫(kù)的操作總結(jié)復(fù)習(xí)（1學(xué)時(shí)）四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求五、作業(yè)六、考核方式期末考核每個(gè)同學(xué)為自己設(shè)計(jì)制作一個(gè)博客網(wǎng)站。然而學(xué)生從未接觸過(guò)iH5，對(duì)于陌生軟件的學(xué)習(xí)，有些畏難情緒，覺(jué)得無(wú)從下手。