《制作表單網(wǎng)頁(yè)》教學(xué)設(shè)計(jì)范文

1、精選優(yōu)質(zhì)文檔-傾情為你奉上制作表單網(wǎng)頁(yè)教學(xué)設(shè)計(jì)一、教學(xué)設(shè)計(jì)部分 ?教學(xué)內(nèi)容分析 R本課的主要內(nèi)容與地位 本課主要的內(nèi)容涉及表單的插入和表單數(shù)據(jù)的收集兩個(gè)方面的內(nèi)容。教學(xué)目的是以表單的形式完成對(duì)網(wǎng)站的評(píng)價(jià)。 R本課與前后內(nèi)容的關(guān)系 最后生成能夠?qū)崿F(xiàn)交互的動(dòng)態(tài)網(wǎng)頁(yè)，是學(xué)生在學(xué)習(xí)靜態(tài)網(wǎng)頁(yè)制作基礎(chǔ)之上的知識(shí)提升。 ?教學(xué)目標(biāo)分析 R知識(shí)目標(biāo)/技能目標(biāo) ·知識(shí)目標(biāo) 了解表單的交互作用。 ·技能目標(biāo) 掌握在網(wǎng)頁(yè)中插入表單的一般操作； 學(xué)會(huì)正確設(shè)置表單信息的收集方式。&

2、#160;R過(guò)程與方法目標(biāo) 通過(guò)學(xué)習(xí)網(wǎng)頁(yè)表單的設(shè)計(jì)，學(xué)會(huì)與人交流，正確收集反饋意見(jiàn)。 R情感態(tài)度與價(jià)值觀目標(biāo) 能夠正常對(duì)待自己的缺點(diǎn)和別人的優(yōu)點(diǎn)，取人之長(zhǎng)、補(bǔ)己之短。學(xué)無(wú)止境，讓自己不斷在進(jìn)步中成長(zhǎng)。 R本課的重難點(diǎn) 重點(diǎn)：表單的設(shè)計(jì)；表單數(shù)據(jù)的收集； 難點(diǎn)：表單控件的參數(shù)設(shè)置。 R本課的課時(shí)分配建議 一課時(shí) ?教學(xué)策略設(shè)計(jì)建議 R教法建議 由于本節(jié)課學(xué)習(xí)的內(nèi)容是創(chuàng)建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)，出現(xiàn)了很多前面沒(méi)有出現(xiàn)的概念和術(shù)語(yǔ)，所以建議教師在講解時(shí)注意對(duì)相關(guān)知識(shí)的補(bǔ)充和拓展。在講解組件屬性的修改時(shí)

3、建議仍以分組探究的形式進(jìn)行，通過(guò)各組之間的對(duì)比加深學(xué)生對(duì)相關(guān)知識(shí)點(diǎn)的掌握。在設(shè)置表單信息的收集部分，只有網(wǎng)頁(yè)真正發(fā)布以后才能看到信息收集的情況，所以建議教師在教師機(jī)器上設(shè)置一個(gè)能正常訪問(wèn)的網(wǎng)站，預(yù)設(shè)一個(gè)表單網(wǎng)頁(yè)，然后通過(guò)學(xué)生的訪問(wèn)表單網(wǎng)頁(yè)留言，提醒學(xué)生時(shí)刻關(guān)注_private文件夾中form_resultstxt和指定的電子郵箱內(nèi)容的變化。 ?教學(xué)資源與環(huán)境建議 R教學(xué)環(huán)境準(zhǔn)備建議 教師機(jī)：Windows 2000 Server（安裝FrontPage服務(wù)器擴(kuò)展插件）。 ?教學(xué)評(píng)價(jià)建議 R自評(píng)、互評(píng)、師評(píng)要注意的問(wèn)題 學(xué)生能否完成表單

4、網(wǎng)頁(yè)的設(shè)計(jì)和表單數(shù)據(jù)的收集方法的設(shè)置，并且針對(duì)設(shè)計(jì)中存在的問(wèn)題能否提出建設(shè)性的意見(jiàn)和建議。 ?教學(xué)過(guò)程參考案例 第一階段：導(dǎo)入新課，明確學(xué)習(xí)目標(biāo)教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)理念導(dǎo)入新課引導(dǎo)學(xué)生“讀一讀”。 師：經(jīng)過(guò)前面六課的學(xué)習(xí)，我們已經(jīng)初步掌握了網(wǎng)站設(shè)計(jì)和制作的一般步驟。我們的網(wǎng)站做得怎么樣？有哪些地方需要改進(jìn)呢？如果別人給我們提出意見(jiàn)和建議，通過(guò)什么途徑反饋更方便呢？ 這就是我們本節(jié)課要學(xué)習(xí)的內(nèi)容制作表單網(wǎng)頁(yè)。  研讀材料，思考問(wèn)題。 以格言和名言警句的形式引發(fā)學(xué)生對(duì)問(wèn)題的思考。培養(yǎng)學(xué)生認(rèn)識(shí)問(wèn)題的正確態(tài)度。 第

5、二階段：范例精講，學(xué)生自主探究，完成范例教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)理念學(xué)習(xí) 與 探究教師先向?qū)W生展示一個(gè)設(shè)計(jì)好的表單網(wǎng)頁(yè)，并輸入內(nèi)容，提交表單，讓學(xué)生對(duì)表單有一個(gè)初步認(rèn)識(shí)。 任務(wù)一：在網(wǎng)頁(yè)中插入表單 師：這樣的網(wǎng)頁(yè)我們能做出來(lái)嗎？請(qǐng)大家根據(jù)教材提示插入一個(gè)表單，出現(xiàn)教材圖1-7-3的效果。 教師巡視指導(dǎo) 師：現(xiàn)在的效果是否可以稱(chēng)之為表單呢？ 師：對(duì)，我們還需要在特定位置插入若干表單中的重要元素控件。請(qǐng)大家根據(jù)教材提示插入一個(gè)表單，出現(xiàn)教材圖1-7-5的效果。 教師巡視指導(dǎo) 任務(wù)二：設(shè)置表單信息收集方式&

6、#160;師：我們?cè)O(shè)計(jì)的表單網(wǎng)頁(yè)是讓訪問(wèn)者給我們反饋信息。那么，這些信息出現(xiàn)在哪里？我們?nèi)绾潍@得這些信息呢？ 請(qǐng)大家認(rèn)真學(xué)習(xí)并實(shí)踐“表單屬性”，根據(jù)教材中的要求，完成信息收集方式的設(shè)置。 教師巡視指導(dǎo) 師：大家想不想驗(yàn)證一下自己的表單是效果呢？請(qǐng)根據(jù)第六課中所學(xué)知識(shí)，把你制作的網(wǎng)頁(yè)上傳到自己的風(fēng)韻空間中。觀察，思考。  分組合作，根據(jù)教材提示插入表單，并設(shè)計(jì)表單的版面。  生：不可以。  分組合作，根據(jù)教材提示插入表單中的控件。  分組合作，根據(jù)教材提示設(shè)置反饋信息的收集方式。

7、0; 根據(jù)教師指導(dǎo)，上傳網(wǎng)頁(yè)，并修改相關(guān)網(wǎng)頁(yè)的鏈接。將陌生的概念以事例的方式展示給學(xué)生，便于學(xué)生接受。 帶著任務(wù)去實(shí)踐可以做到有的放矢。    該部分為本課的重點(diǎn)和難點(diǎn)，通過(guò)學(xué)生實(shí)踐和教師的指導(dǎo)，強(qiáng)化對(duì)有關(guān)概念的理解。   在操作技能上進(jìn)行回顧和延伸，強(qiáng)化對(duì)知識(shí)點(diǎn)的理解的掌握。 第三階段：知識(shí)、情感拓展教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)理念知識(shí)與情感師：大家說(shuō)一下“粉絲”是什么意思？你是誰(shuí)的“粉絲”？你對(duì)自己的偶像的情況了解多少？ 師：作為子女，自己父母的這些情況你了解嗎？ 師：根

8、據(jù)本節(jié)的學(xué)習(xí)內(nèi)容，完成“實(shí)踐與創(chuàng)新”第一個(gè)任務(wù)。 學(xué)生回答。   設(shè)計(jì)“父母在我心中”表單網(wǎng)頁(yè)。以本節(jié)學(xué)習(xí)內(nèi)容為載體，將感恩教育以更加具體的方式進(jìn)行總結(jié)。 第四階段：綜合實(shí)踐，鞏固與提高，自由創(chuàng)作，遷移運(yùn)用教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)理念實(shí)踐與創(chuàng)新師：同學(xué)們是否聽(tīng)說(shuō)過(guò)“留言板”這個(gè)概念？在訪問(wèn)其它網(wǎng)站時(shí)是否在留言板上留過(guò)言？請(qǐng)同學(xué)們根據(jù)教材提示，完成“實(shí)踐與創(chuàng)新”任務(wù)二，在自己的網(wǎng)站上建一個(gè)留言板。 師：“沒(méi)有最好，只有更好！”請(qǐng)同學(xué)們針對(duì)自己網(wǎng)站中的不足，做出改進(jìn)，讓自己的網(wǎng)站更加完美。  分組完成實(shí)踐與創(chuàng)新的題

9、目要求。引入新概念，引導(dǎo)學(xué)生對(duì)新新知識(shí)的探求。 對(duì)網(wǎng)站評(píng)價(jià)過(guò)程進(jìn)行總結(jié)，強(qiáng)調(diào)其重要性。 第五階段：教學(xué)總結(jié)，設(shè)疑激趣教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)理念課堂小結(jié)課堂小結(jié)本節(jié)課的學(xué)習(xí)內(nèi)容。 師：到今天為止，我們已將“網(wǎng)站設(shè)計(jì)與制作”的全過(guò)程學(xué)習(xí)完畢，同學(xué)們想必對(duì)此有了一個(gè)全面的了解和把握。 但是，我們?cè)诒締卧獙W(xué)習(xí)的網(wǎng)站制作技術(shù)只是網(wǎng)站設(shè)計(jì)的初步，還有更多、更新的網(wǎng)站技術(shù)等待我們?nèi)W(xué)習(xí)和掌握。  總結(jié)。以更高的視角認(rèn)識(shí)網(wǎng)站建設(shè)，讓學(xué)生以飽滿(mǎn)的學(xué)習(xí)熱情，探索網(wǎng)站建設(shè)的途徑和方法。 、?教學(xué)反思 本節(jié)內(nèi)容涉及網(wǎng)頁(yè)的交互，為學(xué)生

10、下一步學(xué)習(xí)動(dòng)態(tài)網(wǎng)站的設(shè)計(jì)起到承上啟下的作用，在教學(xué)中應(yīng)注重講清表單網(wǎng)頁(yè)的工作原理。 二、補(bǔ)充資料部分 ?1課件與學(xué)件 R學(xué)生用學(xué)件名稱(chēng)文件名插入表單插入表單swf設(shè)置控件屬性控件屬性swf ?2資料庫(kù) 網(wǎng)頁(yè)表單基礎(chǔ)知識(shí) 表單，在網(wǎng)頁(yè)中的作用不可小視，主要負(fù)責(zé)數(shù)據(jù)采集的功能，比如你可以采集訪問(wèn)者的名字和email地址、調(diào)查表、留言簿等等。 一、表單的組成 一個(gè)表單有三個(gè)基本組成部分：  表單標(biāo)簽：這里面包含了處理表單數(shù)據(jù)所用CGI程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法。  表單域：包含了文本框、密

11、碼框、隱藏域、多行文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。  表單按鈕：包括提交按鈕、復(fù)位按鈕和一般按鈕；用于將數(shù)據(jù)傳送到服務(wù)器上的CGI腳本或者取消輸入，還可以用表單按鈕來(lái)控制其他定義了處理腳本的處理工作。 1表單標(biāo)簽<form></form> 功能：用于申明表單，定義采集數(shù)據(jù)的范圍，也就是<form>和</form>里面包含的數(shù)據(jù)將被提交到服務(wù)器或者電子郵件里。 語(yǔ)法： <FORM ACTION="URL" METHOD="GET|POST&quo

12、t; ENCTYPE="MIME" TARGET=""></FORM>  屬性解釋見(jiàn)下表：action=url指定一來(lái)處理提交表單的格式，它可以是一個(gè)URL地址（提交給ASP）或一個(gè)電子郵件地址。method=get或post指明提交表單的HTTP方法，可能的值為：  post：POST方法在表單的主干包含名稱(chēng)/值對(duì)并且無(wú)需包含于action特性的URL中。 get：不贊成。GET方法把名稱(chēng)/值對(duì)加在action的URL后面并且把新的URL送至服務(wù)器這是往前兼容的缺省值。這個(gè)值由于國(guó)際化的原因不贊成使用。e

13、nctype=cdata指明用來(lái)把表單提交給服務(wù)器時(shí)（當(dāng)method值為"post"）的互聯(lián)網(wǎng)媒體形式。 這個(gè)特性的缺省值是"application/x-www-form-urlencoded"TARGET=""指定提交的結(jié)果文檔顯示的位置：  _blank ：在一個(gè)新的、無(wú)名瀏覽器窗口調(diào)入指定的文檔；  _self：在指向這個(gè)目標(biāo)的元素的相同的框架中調(diào)入文檔；  _parent ：把文檔調(diào)入當(dāng)前框的直接的父FRAMESET框中；這個(gè)值在當(dāng)前框沒(méi)有父框時(shí)等價(jià)于_self；  _top

14、：把文檔調(diào)入原來(lái)的最頂部的瀏覽器窗口中（因此取消所有其它框架）；這個(gè)值等價(jià)于當(dāng)前框沒(méi)有你框時(shí)的_self 2表單域 表單域包含了文本框、多行文本框、密碼框、隱藏域、復(fù)選框、單選框和下拉選擇框等，用于采集用戶(hù)的輸入或選擇的數(shù)據(jù)。  二、FrontPage2000中表單提交錯(cuò)誤的解決方法 由于FrontPage2000本身的缺陷，在表單提交時(shí)，有時(shí)會(huì)出現(xiàn)以下錯(cuò)誤提示：     FrontPage 運(yùn)行態(tài)組件網(wǎng)頁(yè)您提交了一張表單或以鏈接形式進(jìn)入了一張網(wǎng)頁(yè)，而此表單或網(wǎng)頁(yè)需要有站點(diǎn)服務(wù)器和 FrontPage 服務(wù)器擴(kuò)展才能正常工作。將此站點(diǎn)發(fā)布到安裝有 FrontPage 服務(wù)器擴(kuò)展的站點(diǎn)服務(wù)器上后，該表單或其他 FrontPag