【正文】 課后小記第 12 課 制作表單網(wǎng)頁(yè)（第一課時(shí)） 課題制作表單網(wǎng)頁(yè)教學(xué)目標(biāo)知識(shí)目標(biāo)：了解表單網(wǎng)頁(yè)的初步知識(shí)能夠制作簡(jiǎn)單的表單網(wǎng)頁(yè)能力目標(biāo)：培養(yǎng)學(xué)生的動(dòng)手操作的能力。情感目標(biāo)：培養(yǎng)學(xué)生自主學(xué)習(xí)的習(xí)慣。教學(xué)重點(diǎn)知識(shí)目標(biāo)2教學(xué)難點(diǎn)知識(shí)目標(biāo)2教學(xué)方法任務(wù)驅(qū)動(dòng)法教學(xué)準(zhǔn)備多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫(kù)、FrontPage軟件教 學(xué) 過 程教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)引入課題 前面制作的網(wǎng)頁(yè)都是用來發(fā)布信息的。創(chuàng)建網(wǎng)站時(shí)，還可以制作一些特殊的網(wǎng)頁(yè)，用來收集訪問者對(duì)網(wǎng)站的反饋意見，對(duì)焦點(diǎn)問題的看法，用戶的注冊(cè)數(shù)據(jù)等信息。這類任務(wù)可以用表單網(wǎng)頁(yè)來完成。這節(jié)課我們就開始學(xué)習(xí)如何制作表單網(wǎng)頁(yè)。學(xué)生聽課一、閱讀與觀察同學(xué)們閱讀和觀察P97頁(yè)的內(nèi)容，對(duì)表單有一個(gè)初步的了解。學(xué)生自由回答。學(xué)生看書自學(xué)操作。學(xué)生自主嘗試操作。學(xué)生分組討論。二、創(chuàng)建含有表單的網(wǎng)頁(yè)任務(wù)一：動(dòng)手做：創(chuàng)建含有表單的網(wǎng)頁(yè)，插入一個(gè)表單教師提示學(xué)生看書之后進(jìn)行實(shí)踐，在frontpage2003中制作一個(gè)網(wǎng)頁(yè)，內(nèi)含有一個(gè)表單項(xiàng)。學(xué)生實(shí)踐并進(jìn)行相關(guān)設(shè)計(jì)制作教師巡回指導(dǎo)學(xué)生看書自學(xué)操作。學(xué)生自由回答。學(xué)生自主嘗試操作。學(xué)生分組討論。三、用表格單域?yàn)榱税础熬W(wǎng)上調(diào)查”網(wǎng)頁(yè)的布局方式、整齊、規(guī)范地安排相關(guān)的表單域，可以先在表單中插入一個(gè)5行4列的表格，并輸入有關(guān)的文字。任務(wù)二：動(dòng)手做：用一個(gè)表格安排表單內(nèi)容。教師提示學(xué)生看書之后進(jìn)行實(shí)踐，在frontpage2003中制表單內(nèi)容項(xiàng)。學(xué)生實(shí)踐并進(jìn)行相關(guān)設(shè)計(jì)制作教師巡回指導(dǎo)學(xué)生自主嘗試操作四、插入表單域在表格中插入表單域:打開“插入”菜單里的“表單”子菜單，可以看到各種表單域的名稱。單擊所需的名稱，就可以在插入點(diǎn)處插入表單域。制作這個(gè)網(wǎng)頁(yè)時(shí)，可以參照下圖插入與提示文字對(duì)應(yīng)的表單域。學(xué)生自主嘗試操作教學(xué)小結(jié) 這節(jié)課你學(xué)會(huì)了什么，說來聽聽，還有什么不明白的嗎？學(xué)生交流學(xué)習(xí)體會(huì)課后實(shí)踐課后小記第 12 課 制作表單網(wǎng)頁(yè)（第二課時(shí)） 課題制作表單網(wǎng)頁(yè)教學(xué)目標(biāo)知識(shí)目標(biāo)：了解表單網(wǎng)頁(yè)的初步知識(shí)能夠制作簡(jiǎn)單的表單網(wǎng)頁(yè)能力目標(biāo)：培養(yǎng)學(xué)生的動(dòng)手操作的能力。情感目標(biāo)：培養(yǎng)學(xué)生自主學(xué)習(xí)的習(xí)慣。教學(xué)重點(diǎn)知識(shí)目標(biāo)2教學(xué)難點(diǎn)知識(shí)目標(biāo)2教學(xué)方法任務(wù)驅(qū)動(dòng)法教學(xué)準(zhǔn)備多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫(kù)、FrontPage軟件教 學(xué) 過 程教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)引入課題 瀏覽者通過表單網(wǎng)頁(yè)輸入信息并提交表單后，這些信息會(huì)反饋給網(wǎng)頁(yè)設(shè)計(jì)者。存儲(chǔ)信息的文件是站點(diǎn)中名為“_private”的文件夾，相應(yīng)的文件名是“form ”。 實(shí)際應(yīng)用時(shí)，還可以用指定的電子信箱收集瀏覽都提交的反饋信息。這節(jié)課就讓我們來共同研究一下，如何設(shè)置信息的收集方式。學(xué)生聽課一、閱讀與觀察同學(xué)們閱讀和觀察102頁(yè)至103頁(yè)的內(nèi)容，小組討論完成任務(wù)一的方法。學(xué)生看書自學(xué)操作。學(xué)生自主嘗試操作。學(xué)生分組討論。二、設(shè)置信息的收集方式任務(wù)一：動(dòng)手做：把自已的電子信箱設(shè)為收集反饋信息的方式。教師提示學(xué)生看書之后進(jìn)行實(shí)踐， 學(xué)生實(shí)踐并進(jìn)行相關(guān)設(shè)計(jì)制作教師巡回指導(dǎo)學(xué)生看書自學(xué)操作。學(xué)生自由回答。學(xué)生自主嘗試操作。學(xué)生分組討論。三、小組匯報(bào)請(qǐng)完成任務(wù)的小組做匯報(bào)沒有完成任務(wù)的小組借鑒其他小組的經(jīng)驗(yàn)。讓學(xué)生們認(rèn)真閱讀小拓展的內(nèi)容學(xué)生匯報(bào)教學(xué)小結(jié) 這節(jié)課你學(xué)會(huì)了什么，說來聽聽，還有什么不明白的嗎？學(xué)生交流學(xué)習(xí)體會(huì)課后實(shí)踐練習(xí)課后小記第 13 課 制作框架網(wǎng)頁(yè) 課題保護(hù)生態(tài)環(huán)境——制作框架網(wǎng)頁(yè)教學(xué)目標(biāo)知識(shí)目標(biāo)：了解框架網(wǎng)頁(yè)的初步知識(shí)能夠制作簡(jiǎn)單的框架網(wǎng)頁(yè)能力目標(biāo)：培養(yǎng)學(xué)生的動(dòng)手操作的能力。情感目標(biāo)：通過框架結(jié)構(gòu)網(wǎng)頁(yè)設(shè)計(jì)，提高學(xué)生對(duì)網(wǎng)頁(yè)整體架構(gòu)的設(shè)計(jì)能力和鑒賞能力。教學(xué)重點(diǎn)知識(shí)目標(biāo)2教學(xué)難點(diǎn)知識(shí)目標(biāo)2教學(xué)方法任務(wù)驅(qū)動(dòng)法教學(xué)準(zhǔn)備多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫(kù)、FrontPage軟件運(yùn)用框架結(jié)構(gòu)制作網(wǎng)頁(yè)，以準(zhǔn)備在課堂上演示教學(xué)方法講解與演示 對(duì)比教學(xué) 探究與實(shí)踐教 學(xué) 過 程教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)一、引入課題師生共同回顧已經(jīng)學(xué)習(xí)的網(wǎng)頁(yè)制作的基本知識(shí)和方法，引入制作框架網(wǎng)頁(yè)的學(xué)習(xí)學(xué)生聽課師生共同回顧復(fù)習(xí)制作網(wǎng)頁(yè)的基本知識(shí)和方法二、新授課 理解框架網(wǎng)頁(yè)的特點(diǎn)和概念（創(chuàng)設(shè)情境、對(duì)比教學(xué)）（1） 教師展示普通頁(yè)面的網(wǎng)頁(yè)和框架結(jié)構(gòu)的網(wǎng)頁(yè)，請(qǐng)學(xué)生仔細(xì)觀察對(duì)比框架網(wǎng)頁(yè)的特點(diǎn)（2）教師對(duì)比生活中的布告欄，總結(jié)什么是框架結(jié)構(gòu)的網(wǎng)頁(yè)講解框架網(wǎng)頁(yè)的設(shè)計(jì)方法（任務(wù)驅(qū)動(dòng)教學(xué)法）：（1）創(chuàng)建框架網(wǎng)頁(yè)：打開站點(diǎn)文件，由“新建網(wǎng)頁(yè)”引入“新建框架網(wǎng)頁(yè)”，在“新建”對(duì)話框中的“框架網(wǎng)頁(yè)”選項(xiàng)卡中選取1～2個(gè)框架模板說明內(nèi)容網(wǎng)頁(yè)在框架中的作用；（2）調(diào)整框架結(jié)構(gòu)：拆分和刪除框架結(jié)構(gòu)（3）填充框架網(wǎng)頁(yè)：“設(shè)置初始網(wǎng)頁(yè)”和“新建網(wǎng)頁(yè)”，插入懸停按鈕和橫幅廣告器（4）框架網(wǎng)頁(yè)的保存：教師引導(dǎo)學(xué)生觀察框架結(jié)構(gòu)中各網(wǎng)頁(yè)的名稱，引入網(wǎng)頁(yè)的保存學(xué)生完成“實(shí)踐任務(wù)一”，教師巡視指導(dǎo)由學(xué)生存在的問題引入“框架屬性”的設(shè)置：（1）由“新建網(wǎng)頁(yè)”更改為“設(shè)置初始網(wǎng)頁(yè)”引入問題，提問：當(dāng)我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)若需要設(shè)置網(wǎng)頁(yè)的背景顏色或背景圖片時(shí)，我們?cè)撊绾尾僮髟O(shè)置？從“網(wǎng)頁(yè)屬性”引入“框架屬性”。（2）由網(wǎng)頁(yè)的美觀引入“邊距”的設(shè)置，其余設(shè)置讓學(xué)生在實(shí)踐任務(wù)二中體會(huì)學(xué)生完成“實(shí)踐任務(wù)二”展示優(yōu)秀作品，評(píng)價(jià)作品（讓學(xué)生在觀看同學(xué)的作品時(shí)，領(lǐng)會(huì)“框架屬性”的不同設(shè)置）老師講解、演示操作時(shí)學(xué)生仔細(xì)觀察操作要點(diǎn)積極思考老師提出的問題請(qǐng)學(xué)生上臺(tái)嘗試網(wǎng)頁(yè)的保存，大家一起觀察學(xué)生完成“實(shí)踐任務(wù)”學(xué)生領(lǐng)會(huì)“框架屬性”的設(shè)置教學(xué)小結(jié) 這節(jié)課你學(xué)會(huì)了什么，說來聽聽，還有什么不明白的嗎？學(xué)生交流學(xué)習(xí)體會(huì)探索實(shí)踐鼓勵(lì)學(xué)有余力的同學(xué)思考如何處理橫幅廣告器中的圖片，使得圖片和橫幅廣告器的大小相適應(yīng)，以及如何在圖片上添加文字課后小記第 14 課 網(wǎng)頁(yè)動(dòng)態(tài)效果（一課時(shí)） 課題網(wǎng)頁(yè)動(dòng)態(tài)效果教學(xué)目標(biāo)知識(shí)目標(biāo)：了解網(wǎng)頁(yè)動(dòng)態(tài)效果的初步知識(shí)能夠?yàn)榫W(wǎng)頁(yè)添加簡(jiǎn)單的動(dòng)態(tài)效果。能力目標(biāo)：培養(yǎng)學(xué)生的動(dòng)手操作的能力，自主探究能力。情感目標(biāo)：通過網(wǎng)頁(yè)設(shè)計(jì)，提高學(xué)生對(duì)網(wǎng)頁(yè)的設(shè)計(jì)能力和鑒賞能力。教學(xué)重點(diǎn)知識(shí)目標(biāo)2教學(xué)難點(diǎn)知識(shí)目標(biāo)2教學(xué)方法任務(wù)驅(qū)動(dòng)法教學(xué)準(zhǔn)備多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫(kù)、FrontPage軟件運(yùn)教學(xué)方法講解與演示 對(duì)比教學(xué) 探究與實(shí)踐教 學(xué) 過 程教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)一、引入課題大家已經(jīng)知道，創(chuàng)建滾動(dòng)字幕，可以為網(wǎng)頁(yè)增添動(dòng)態(tài)效果。用FrontPage制作網(wǎng)頁(yè)時(shí)，還可以設(shè)置網(wǎng)頁(yè)的過渡效困，可以利用“動(dòng)態(tài)HTML”和“橫幅廣告管理器”為網(wǎng)頁(yè)添加更多、更精彩的動(dòng)態(tài)效果與交互功能。這一課將通過幾個(gè)簡(jiǎn)單的例子介紹一些基本的操作方法。認(rèn)真聽講二、新授課一、設(shè)置網(wǎng)頁(yè)的過渡效果網(wǎng)頁(yè)中加入超鏈接后，要以方便地從一個(gè)網(wǎng)頁(yè)切換到別一個(gè)網(wǎng)頁(yè)。為了加強(qiáng)視覺動(dòng)態(tài)效果，使整個(gè)瀏覽過程變得更加美妙，可以設(shè)置動(dòng)態(tài)的網(wǎng)頁(yè)過渡效果。任務(wù)一：動(dòng)手做：為網(wǎng)頁(yè)設(shè)置過渡效果。（這與這們學(xué)的PPT中幻燈片的切換非常相似）老師指導(dǎo)操作.二、動(dòng)態(tài)HTML效果教師演示操作步驟，師生共同完成任務(wù)二。動(dòng)手作：為“為北京風(fēng)光”網(wǎng)頁(yè)中的風(fēng)光名稱添加放大鏡效果。任務(wù)三：為網(wǎng)頁(yè)中的圖片添加螺旋飛入效果。指導(dǎo)學(xué)生完成任務(wù)三，并能完成任務(wù)較好的小組做成果展示。（提醒學(xué)們，想要?jiǎng)h除效果可以看書的“提示”內(nèi)容）三、橫幅廣告管理器教師演示操作：四、發(fā)布站點(diǎn)教師演示方法。學(xué)生仔細(xì)閱讀教材P114和P115的內(nèi)容,積極思考老師提出的問題請(qǐng)學(xué)生上臺(tái)嘗試網(wǎng)頁(yè)設(shè)置過渡效果，大家一起觀察學(xué)生認(rèn)真觀看大屏幕，師生共同完成“任務(wù)二”學(xué)生小組合作完成任務(wù)三，完成后進(jìn)行小組匯報(bào)。學(xué)生認(rèn)真觀看并模仿操作。學(xué)生認(rèn)真閱讀教材P119頁(yè)內(nèi)容。教學(xué)小結(jié) 這節(jié)課你學(xué)會(huì)了什么，說來聽聽，還有什么不明白的嗎？學(xué)生交流學(xué)習(xí)體會(huì)探索實(shí)踐鼓勵(lì)學(xué)有余力的同學(xué)制作自己的網(wǎng)站。課后小記第 15 課 綜合實(shí)踐活動(dòng) 課題綜合實(shí)踐活動(dòng)教學(xué)目標(biāo)知識(shí)目標(biāo)：進(jìn)一步了解網(wǎng)頁(yè)制作的基本知識(shí)。進(jìn)一步熟練網(wǎng)頁(yè)制作的基本操作；能夠綜合應(yīng)用網(wǎng)頁(yè)制作的有關(guān)方法。能力目標(biāo)：培養(yǎng)學(xué)生的動(dòng)手操作的能力，自主探究能力及團(tuán)隊(duì)協(xié)作能力。情感目標(biāo)：通過活動(dòng)培養(yǎng)學(xué)生團(tuán)隊(duì)意識(shí)和合作精神。教學(xué)重點(diǎn)知識(shí)目標(biāo)2教學(xué)難點(diǎn)知識(shí)目標(biāo)3教學(xué)方法項(xiàng)目式教學(xué)法教學(xué)準(zhǔn)備多媒體網(wǎng)絡(luò)教室、演示幻燈片、教學(xué)素材庫(kù)、FrontPage軟件運(yùn)教 學(xué) 過 程教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)一、引入活動(dòng)。前面我們學(xué)習(xí)了網(wǎng)頁(yè)制作基本知識(shí)，這節(jié)課我們要利用所學(xué)的知識(shí)來完成一個(gè)大型的主題活動(dòng)。認(rèn)真聽講二、進(jìn)行活動(dòng)一、活動(dòng)流程教師向?qū)W生介紹活動(dòng)的流程。 二、活動(dòng)主題 教師根據(jù)學(xué)生們的選擇進(jìn)行分組。（分組時(shí)要注意成員的能力分配問題，盡量能力均衡）。三、活動(dòng)要求l 確定主題和小組中各成員的主要任務(wù)，認(rèn)真填定下來。 l 小組從不同渠道搜集、選擇主題相關(guān)的信息、注明來源。記錄、整理獲取的資料，分類保存，并填定下表。 l 根據(jù)主題設(shè)計(jì)并繪制網(wǎng)站結(jié)構(gòu)圖l 主題網(wǎng)站中包含的網(wǎng)頁(yè)應(yīng)不少于10頁(yè)。每個(gè)網(wǎng)頁(yè)應(yīng)主題突出、背景、圖像、文字搭配合理，網(wǎng)頁(yè)間的鏈接合理、有效。l 寫出活動(dòng)過程中的工作流程、填定下表。 三、交流與評(píng)價(jià)l 與其他小組共享、展示制作完的網(wǎng)站，并對(duì)網(wǎng)站進(jìn)行評(píng)價(jià)。四、修改作品。學(xué)生認(rèn)真觀看大屏幕，聽教師的詳細(xì)講解。學(xué)生根據(jù)自己的喜好選擇活動(dòng)的主題。學(xué)生根據(jù)教師的分組進(jìn)行重新組合。學(xué)生小組內(nèi)協(xié)商填表。共同討論確定結(jié)構(gòu)圖小組間分享，在班評(píng)價(jià)。整理評(píng)價(jià)信息填表。學(xué)生修改作品活動(dòng)收獲 學(xué)生交流學(xué)習(xí)體會(huì)探索實(shí)踐鼓勵(lì)學(xué)有余力的同學(xué)制作自己的網(wǎng)站。課后小記