【正文】 請(qǐng)學(xué)生繼續(xù)完成自己的主頁(yè)，有能力的同學(xué)完成提高篇六、小結(jié)：展示學(xué)生作品，教師與學(xué)生共同評(píng)價(jià) 請(qǐng)學(xué)生總結(jié)今天的學(xué)習(xí)內(nèi)容：建立包含一個(gè)頁(yè)面的站點(diǎn)，主頁(yè)的設(shè)計(jì)與保存。問(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)的名稱。預(yù)覽窗口：瀏覽器中出現(xiàn)的效果，與PowerPoint中的“放映幻燈片”類似。制作網(wǎng)頁(yè)時(shí)，必須在網(wǎng)頁(yè)視圖中編輯頁(yè)面。請(qǐng)學(xué)生瀏覽教師課件，了解學(xué)習(xí)任務(wù)。先來(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)的文件。問(wèn)題1：網(wǎng)站是不是就是網(wǎng)頁(yè)？用自己的語(yǔ)言描述一下網(wǎng)站的概念（網(wǎng)站包含多個(gè)網(wǎng)頁(yè)，通過(guò)超鏈接把不同的頁(yè)面鏈接起來(lái)）問(wèn)題2：網(wǎng)頁(yè)是不是就是主頁(yè)？(第一個(gè)頁(yè)面稱為主頁(yè),網(wǎng)站設(shè)計(jì)者可以確定哪一個(gè)是主頁(yè),主頁(yè)的文件名一般為：,主頁(yè)也是網(wǎng)頁(yè))設(shè)計(jì)網(wǎng)站一般必須經(jīng)過(guò)兩個(gè)步驟，首先是在計(jì)算機(jī)里做好，然后發(fā)布在internet上，讓所有的人訪問(wèn)瀏覽。三、教學(xué)重點(diǎn)：能在指定位置建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)（難點(diǎn)）能在頁(yè)面中插入文字、圖片、水平線掌握頁(yè)面文件與圖片的保存（難點(diǎn)）四、教學(xué)難點(diǎn)：在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識(shí)的遷移；另一方面，提供學(xué)生一個(gè)導(dǎo)學(xué)課件，讓學(xué)生根據(jù)這個(gè)網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，以滿足不同層次學(xué)生的需求。培養(yǎng)他們自主學(xué)習(xí)計(jì)算機(jī)其他操作知識(shí)。設(shè)計(jì)意圖：用游戲形式的鞏固練習(xí)即讓學(xué)生對(duì)本節(jié)課的知識(shí)學(xué)習(xí)得到反饋，進(jìn)一步鞏固所學(xué)知識(shí)，又可以活躍課堂氣氛。教師總結(jié)教師結(jié)合學(xué)生作品和上課的具體情況總結(jié)本節(jié)課的主要內(nèi)容，注意強(qiáng)調(diào)知識(shí)目標(biāo)和情感態(tài)度價(jià)值觀的總結(jié)?；ハ嘈蕾p作品可以讓學(xué)生來(lái)檢測(cè)自己的學(xué)習(xí)成果，知道彼此之間的差距。（3）教師總結(jié)評(píng)價(jià)：教師對(duì)學(xué)生們?cè)u(píng)價(jià)出的優(yōu)秀作品以及自己推薦的作品作評(píng)價(jià)并結(jié)合作品完成的時(shí)間前后評(píng)選出前5位優(yōu)秀作品并進(jìn)行表?yè)P(yáng)。評(píng)價(jià)作品 教師總結(jié) 評(píng)價(jià)作品（1）學(xué)生互評(píng)：通過(guò)教師設(shè)置的共享文件夾了解其他學(xué)生作品，學(xué)生互相發(fā)表意見(jiàn)。讓學(xué)生能設(shè)計(jì)出有創(chuàng)意的作品，培養(yǎng)他們的創(chuàng)新精神。讓學(xué)生在掌握操作技術(shù)的基礎(chǔ)上對(duì)網(wǎng)頁(yè)布局和顏色搭配有進(jìn)一步的認(rèn)識(shí)，在此基礎(chǔ)上形成對(duì)學(xué)生審美觀的培養(yǎng)。在此基礎(chǔ)上，引導(dǎo)學(xué)生結(jié)合自己的上網(wǎng)經(jīng)歷仔細(xì)對(duì)比異同，同時(shí)歸納適合個(gè)人網(wǎng)頁(yè)的布局和顏色搭配方式。方法多樣讓學(xué)生學(xué)會(huì)用不同的操作方法來(lái)解決實(shí)際問(wèn)題，但得讓他們自己去實(shí)踐，這有助于培養(yǎng)他們自主學(xué)習(xí)的良好習(xí)慣。設(shè)計(jì)意圖：這是第二關(guān)任務(wù)，其中html也是本節(jié)課的重難點(diǎn)，所以教師先用一種常用方法演示html的內(nèi)容，而修改讓學(xué)生自主學(xué)習(xí)完成。先完成自己的作品并與同學(xué)進(jìn)行交流和溝通。最后教師選擇相關(guān)學(xué)生進(jìn)行總結(jié)，教師注意點(diǎn)評(píng)。（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é)生自己去過(guò)這第一關(guān)。學(xué)生：自主學(xué)習(xí)、互相協(xié)作，也可以參考教師已下傳上操作方法或正確樣例。（1）第一關(guān)：基本任務(wù)：邊學(xué)邊做，牛刀小試由于是初次制作，所以不易過(guò)難過(guò)復(fù)雜，所以選擇了讓學(xué)生自主進(jìn)入frontpage的界面，因?yàn)橛衞ffice前面知識(shí)做鋪墊，學(xué)生進(jìn)入操作界面并可以在較短的時(shí)間內(nèi)熟悉基本的操作界面，又有助于形成學(xué)生內(nèi)心的成就感，提高學(xué)生繼續(xù)學(xué)習(xí)的積極性。層層攻關(guān)（任務(wù)驅(qū)動(dòng) 逐步提高 分層教學(xué)）欣賞過(guò)網(wǎng)頁(yè)，教師就提出與學(xué)生共同制作簡(jiǎn)單的網(wǎng)頁(yè)的想法。在激發(fā)了學(xué)生學(xué)習(xí)興趣后，教師趁勢(shì)提出：你們也想制作這樣的作品來(lái)表達(dá)自己的想法嗎？順勢(shì)引出“三劍客”的概念，引導(dǎo)學(xué)生了解常見(jiàn)的html編輯器。設(shè)計(jì)意圖：通過(guò)網(wǎng)頁(yè)實(shí)例的導(dǎo)入，將課堂氣氛調(diào)節(jié)得比較活躍，讓學(xué)生更容易進(jìn)入學(xué)習(xí)狀態(tài)，為以下的學(xué)習(xí)做好鋪墊。在這一環(huán)節(jié)中，教師利用課前準(zhǔn)備好的前期省市獲獎(jiǎng)網(wǎng)頁(yè)作品，并將之融合到課件中。故此本課教學(xué)過(guò)程中，巧妙設(shè)計(jì)，讓學(xué)生帶著一個(gè)個(gè)任務(wù)通過(guò)課堂討論、相互合作、實(shí)際操作等方式，自我探索，自主學(xué)習(xí)，使學(xué)生在完成任務(wù)的過(guò)程中不知不覺(jué)實(shí)現(xiàn)知識(shí)的傳遞、遷移和融合。五、學(xué)法指導(dǎo)本課教給學(xué)生的學(xué)法是“接受任務(wù)——思考討論——合作操練”。）以任務(wù)驅(qū)動(dòng)的方式查漏補(bǔ)缺，使教學(xué)內(nèi)容合理流動(dòng)，水到渠成。四、教法闡述為了實(shí)現(xiàn)以上教學(xué)目標(biāo)，結(jié)合教材特點(diǎn)，本課采用的主要教學(xué)方法有“任務(wù)驅(qū)動(dòng)法”、“創(chuàng)設(shè)情境法”等。重點(diǎn)、難點(diǎn)重點(diǎn)：了解常用的網(wǎng)頁(yè)制作軟件，掌握f(shuō)rontpage的操作界面。情感、態(tài)度與價(jià)值觀 ① 活動(dòng)教學(xué)激發(fā)學(xué)生學(xué)習(xí)frontpage的興趣。這對(duì)于學(xué)生以后的進(jìn)一步學(xué)習(xí)很有幫助。三、教學(xué)目標(biāo)分析：知識(shí)目標(biāo)：通過(guò)本節(jié)的教學(xué)，學(xué)生將了解常用的網(wǎng)頁(yè)制作軟件，掌握f(shuō)rontpage的操作界面，并能親自嘗試做出簡(jiǎn)單的網(wǎng)頁(yè)作品。因此，在教學(xué)過(guò)程中關(guān)于frontpage的打開(kāi)與保存，這里我讓學(xué)生自己去學(xué)習(xí)，教師只給予必要的提示。二、學(xué)情分析我校的大部分學(xué)生在小學(xué)就接受過(guò)系統(tǒng)的信息技術(shù)課程學(xué)習(xí)，具備了一定的計(jì)算機(jī)操作能力，加上初一、初二也學(xué)完了word execl powerpoint的知識(shí)，應(yīng)該說(shuō)學(xué)生都具備了一定的基礎(chǔ)。教師重點(diǎn)在導(dǎo)，學(xué)生重點(diǎn)在實(shí)踐與創(chuàng)新。并為其以后進(jìn)一步學(xué)習(xí)網(wǎng)頁(yè)制作而打下良好的基礎(chǔ)。本節(jié)課以制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)為教學(xué)任務(wù)，學(xué)習(xí)目的明確，步驟清楚，希望完成任務(wù)而初步掌握簡(jiǎn)單制作步驟的指導(dǎo)思想。）五、教學(xué)效果較好由 于張?jiān)?老師在課前對(duì)本課作了大量的準(zhǔn)備工作，課件制作效果較好，所以學(xué)生完成情況很好，教學(xué)任務(wù)完成情況較好。（整個(gè)教學(xué)過(guò)程中，這點(diǎn)做地不夠，沒(méi)有充分地讓師生互動(dòng)起來(lái)）四、重點(diǎn)突出、目標(biāo)明確最后，張 老師在整個(gè)教學(xué)過(guò)程中，應(yīng)再突出教學(xué)重點(diǎn)，明確本節(jié)課的任務(wù)。比如：站點(diǎn)中內(nèi)容說(shuō)明不夠清楚等。（點(diǎn)評(píng)分為個(gè)別點(diǎn)評(píng)和全班點(diǎn)評(píng)，點(diǎn)評(píng)不等于教師將操作過(guò)程演示一遍。首先教師進(jìn)行導(dǎo)入，導(dǎo)入概念，強(qiáng)調(diào)概念；再引導(dǎo)學(xué)生學(xué)習(xí)課件的使用，引導(dǎo)他們讀懂課件中的第一個(gè)任務(wù)：建立一個(gè)只有一頁(yè)的網(wǎng)站，（此處若能引導(dǎo)學(xué)生，由學(xué)生來(lái)完成，減少老師的操作，效果會(huì)更好），然后讓學(xué)生模仿第一步的操作進(jìn)行下面內(nèi)容的學(xué)習(xí)，完成導(dǎo)學(xué)材料中給出的一個(gè)個(gè)任務(wù)。尋著這個(gè)思路授課教師在課前作了大量的課前準(zhǔn)備制作出了相應(yīng)的教學(xué)課件 “ 網(wǎng)頁(yè)制作 ”。這就要教師在備教材的基礎(chǔ)上，同時(shí)還要備學(xué)生，做到對(duì)學(xué)生的情況有較為深刻地了解，以便很好地完成教學(xué)任務(wù)，達(dá)到預(yù)期的教學(xué)效果。學(xué)生回答、學(xué)生操作，同桌互相幫助，并參考教師做的課件，利用網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，滿足不同層次學(xué)生的需求、學(xué)生總結(jié)注：課件中包含每一個(gè)操作過(guò)程的操作步驟及拓展的知識(shí)、基本任務(wù)與提高任務(wù)的效果圖。學(xué)生活動(dòng)：學(xué)生回答問(wèn)題、學(xué)觀察鼠標(biāo)指針、學(xué)生回答問(wèn)題、學(xué)生觀察網(wǎng)站的表現(xiàn)形式、齊聲回答、學(xué)生瀏覽課件，并了解本節(jié)課的學(xué)習(xí)任務(wù)、學(xué)生觀察 FP 界面與 word 的不同、學(xué)生回答、學(xué)生觀察教師演示不同編輯窗口的區(qū)別。（教會(huì)學(xué)生利用導(dǎo)學(xué)課件，根據(jù)導(dǎo)學(xué)軟件完成任務(wù)）任務(wù) 1 ：學(xué)生根據(jù)導(dǎo)學(xué)課件，在 d: 建立自己站點(diǎn)教師巡視指導(dǎo)請(qǐng)一位學(xué)生示范如何建立站點(diǎn) , 教師總結(jié)問(wèn)：在文件夾列表中看到了什么？分析多出的文件夾列表欄，多了一個(gè)文件夾，里面有兩個(gè)子文件夾和主頁(yè)，圖片存放在 images 文件夾中）、編輯主頁(yè)與保存主頁(yè)看效果圖，請(qǐng)學(xué)生分析主頁(yè)中的元素總結(jié)：鮮明的主題，如：我的世界、我的寵物等，有分割頁(yè)面的水平線，與主題相關(guān)的圖片，對(duì)網(wǎng)站的簡(jiǎn)單介紹根據(jù)導(dǎo)學(xué)軟件，學(xué)生完成任務(wù) 2 ：設(shè)計(jì)主頁(yè)、保存主頁(yè)與圖片教師巡視指導(dǎo)、總結(jié)反饋請(qǐng)學(xué)生示范，講解如何插入圖片（來(lái)自剪貼畫與來(lái)自文件）、插入水平線，如何保存總結(jié)：必須切換到 “ 普通 ” 窗口下編輯主頁(yè)的保存中存在問(wèn)題：?jiǎn)螕?“ 文件 ”“ 保存 ” 或工具欄的 “ 保存 ” 按扭，彈出一個(gè)對(duì)話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點(diǎn) images 文件夾中 , 便于站點(diǎn)的管理。Html 窗口：編寫 HTML（超文本標(biāo)記語(yǔ)言，它是描述網(wǎng)頁(yè)內(nèi)容和外觀的標(biāo)準(zhǔn)。請(qǐng)學(xué)生瀏覽教師課件，了解學(xué)習(xí)任務(wù)、新建站點(diǎn)FP 的啟動(dòng)問(wèn)：與 word 比較，有什么不同？（增加了視圖區(qū)，編輯區(qū)有三個(gè)窗口）總結(jié)：視圖區(qū)：多種視圖模式是為了方便網(wǎ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)的文件。問(wèn)題 1 ：網(wǎng)站是不是就是網(wǎng)頁(yè)？用自己的語(yǔ)言描述一下網(wǎng)站的概念（網(wǎng)站包含多個(gè)網(wǎng)頁(yè)，通過(guò)超鏈接把不同的頁(yè)面鏈接起來(lái)）問(wèn)題 2 ：網(wǎng)頁(yè)是不是就是主頁(yè)？(第一個(gè)頁(yè)面稱為主頁(yè) , 網(wǎng)站設(shè)計(jì)者可以確定哪一個(gè)是主頁(yè) , 主頁(yè)的文件名一般為： , 主頁(yè)也是網(wǎng)頁(yè))設(shè)計(jì)網(wǎng)站一般必須經(jīng)過(guò)兩個(gè)步驟，首先是在計(jì)算機(jī)里做好，然后發(fā)布在 internet 上，讓所有的人訪問(wèn)瀏覽。四、教學(xué)方法在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識(shí)的遷移；另一方面，提供學(xué)生一個(gè)導(dǎo)學(xué)課件，讓學(xué)生根據(jù)這個(gè)網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，以滿足不同層次學(xué)生的需求。這使得學(xué)生主動(dòng)探索、自主學(xué)習(xí)成為可能。第三篇：網(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è)面文件與圖片的保存。總結(jié)與評(píng)價(jià)老師可以給出一些常見(jiàn)的框架結(jié)構(gòu)應(yīng)用界面，如Web郵箱頁(yè)面等，引導(dǎo)學(xué)生總結(jié)本課內(nèi)容，梳理課堂知識(shí)，并讓學(xué)生分組，推薦一些優(yōu)秀作品進(jìn)行全班展示。完成設(shè)置后請(qǐng)同學(xué)示范操作，并說(shuō)明自己設(shè)置的方法和原因。提高任務(wù)：框架的拆分。（4）框架網(wǎng)頁(yè)屬性的設(shè)置創(chuàng)建好框架網(wǎng)頁(yè)后，可以根據(jù)實(shí)際需要改變框架的屬性。（該網(wǎng)頁(yè)由教師提供現(xiàn)成的）學(xué)生制作相關(guān)頁(yè)面，同時(shí)也是對(duì)前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧?！?調(diào)整表格邊框的粗細(xì)。要求：○1top頁(yè)面內(nèi)插入1行2列的表格，左邊單元格插入logo圖片，右邊單元格插入banner圖片。（3）相關(guān)頁(yè)面的制作與設(shè)置框架網(wǎng)頁(yè)中相關(guān)頁(yè)面的制作，需要結(jié)合表格來(lái)布局，插入文字、圖片和交互式按鈕。學(xué)生要理解框架網(wǎng)頁(yè)的概念，通過(guò)閱讀教材中的內(nèi)容，自學(xué)新建框架網(wǎng)頁(yè)的操作，初步了解“新建網(wǎng)頁(yè)”和“設(shè)置初始網(wǎng)頁(yè)”兩個(gè)按鈕的不同，并認(rèn)真聆聽(tīng)教師的講解，注意觀察，按要求模仿操作。在top和left頁(yè)面中，單擊“保存”按鈕，隨即開(kāi)始保存。任務(wù)1 創(chuàng)建“橫幅和目錄”結(jié)構(gòu)的框架網(wǎng)頁(yè)，新建top和left頁(yè)面，并學(xué)會(huì)保存。教學(xué)過(guò)程：引入老師展示一組利用表格制作的網(wǎng)頁(yè)，要求學(xué)生仔細(xì)觀察，找出它們的一個(gè)共同特點(diǎn)（學(xué)生答：網(wǎng)頁(yè)上方和左側(cè)內(nèi)容都是相同的，僅右下部分內(nèi)容不一樣），并提問(wèn)如何快捷地制作這種網(wǎng)頁(yè)？（學(xué)生答：使用復(fù)制粘貼快捷地制作）盡管復(fù)制、粘貼能為我們節(jié)省時(shí)間，但有沒(méi)有更好的方法呢？相同