網(wǎng)頁制作表單教學(xué)設(shè)計教案

1、5. 2網(wǎng)頁制作一一表單教學(xué)方法：教學(xué)演示、任務(wù)驅(qū)動、自主練習(xí)一、教學(xué)目標(biāo)：1、知識與技能了解表單的概念掌握表單網(wǎng)頁的制作方法2、過程與方法體驗表單網(wǎng)頁的制作過程體驗用表單網(wǎng)頁進(jìn)行信息的采集過程3、情感、態(tài)度、價值觀認(rèn)識信息技術(shù)對人們?nèi)粘Ｉ?、學(xué)習(xí)、工作的影響激發(fā)學(xué)生對信息技術(shù)的求知欲，形成積極主動地學(xué)習(xí)和使用信息技術(shù)、參與信息 活動的態(tài)度二、重點難點：表單網(wǎng)頁的概念表單網(wǎng)頁的制作方法三、課程標(biāo)準(zhǔn)：選修用K塊3:網(wǎng)絡(luò)技術(shù)應(yīng)用-網(wǎng)站設(shè)計與評價-內(nèi)容標(biāo)準(zhǔn)一能夠根據(jù)表達(dá) 任務(wù)的需求，使用常用的網(wǎng)頁制作軟件制作網(wǎng)頁四、教學(xué)媒體：（本教案需用到的各種教學(xué)媒體和資源）1. 硬件：網(wǎng)絡(luò)機(jī)房2. 軟件：多媒體

2、廣播教學(xué)軟件，F(xiàn)rontPage2000學(xué)生在學(xué)習(xí)本節(jié)內(nèi)容之前，已經(jīng)學(xué)習(xí)過因特網(wǎng)的相關(guān)知識、會上網(wǎng)，并且已經(jīng)掌 握常用網(wǎng)絡(luò)工具軟件的使用，如 QQ E-mail等等，并且有著濃厚的興趣。大部 分學(xué)生只停留在利用QQ聊天、進(jìn)行網(wǎng)絡(luò)游戲、收發(fā) E-mail等階段，對申請QQ 號碼和E-mail時的網(wǎng)頁結(jié)構(gòu)形式知之甚少。本節(jié)課的關(guān)鍵是通過學(xué)習(xí)，了解表 單網(wǎng)頁的制作過程和方法，為以后信息獲取和處理打下基礎(chǔ)。六、教材分析：網(wǎng)絡(luò)基礎(chǔ)及應(yīng)用是高中信息技術(shù)課程的重點，是培養(yǎng)學(xué)生信息素養(yǎng)的關(guān)鍵章節(jié)， 對于培養(yǎng)學(xué)生獲取、評價、利用和表達(dá)信息的能力，起著舉足輕重的作用。而表 單網(wǎng)頁在基于網(wǎng)絡(luò)的信息收集處理方面有著明

3、顯的優(yōu)勢。七、教學(xué)過程:教學(xué) 階段教師活動學(xué)生活動設(shè)計意圖創(chuàng)設(shè) 情境 課堂 引入問題1:同學(xué)們好，你們 有QQ號碼嗎？問題2：你們有 E-mail嗎？討論思考利用學(xué)生熟知的事 物激發(fā)學(xué)生的學(xué)習(xí) 興趣單頁形形 表網(wǎng)的的問題3:怎樣申請一個免 費的QQ號碼？誰能到前 面來給大家演不一下？學(xué)生選派代表或舉手 到教師機(jī)前面給其他 同學(xué)演示讓學(xué)生體驗 QQ和E-mail的申請過程， 并了解表單網(wǎng)頁的式問題4:如何申請一個免 費的E-mail呢，誰能到前 曲冉給大冢演示一下？問題5 :在申請QQ和 E-mail時，我們要輸入哪 些個人信息？（廣播教學(xué) -介紹表單網(wǎng)頁的構(gòu)成要 素：單行文本框、下拉列 表框，

4、提交按鈕、重寫按 鈕等等）結(jié)構(gòu)形式，對表單有 一個感性認(rèn)識如何 制作 表單 網(wǎng)頁1、表單的概念表單是一種結(jié)構(gòu)化的網(wǎng) 頁，利用表單，你可以收 集來自世界各地的信息。2、表單網(wǎng)貝制作方法步 驟：依次單擊“插入”/“表單”， 彈出下級菜單問題6:表單由哪些組件？3、教師演示如何插入單行 文本框，流動文本框、復(fù) 選框、單選按鈕、下拉彩 單、按鈕。學(xué)生觀察并練習(xí)，教師 巡回指導(dǎo)通過演示模仿，達(dá)到 熟練操作任務(wù) 驅(qū)動學(xué)生 自主 練習(xí)呈現(xiàn)學(xué)習(xí)任務(wù)，要求學(xué)生 制作一個“留言板”學(xué)生分組操作，自主合 作練習(xí)培養(yǎng)學(xué)生的合作意 識，讓學(xué)生帶著問題 進(jìn)行自主學(xué)習(xí)，掌握 自主、合作學(xué)習(xí)的方 法。教學(xué) 評價指導(dǎo)學(xué)生上傳分

5、組作品， 并向全班同學(xué)展示。學(xué)生評價讓學(xué)生學(xué)會如何客 觀地評價他人作品。 把學(xué)生作品作為個 人成長記錄的一部 分?？偨Y(jié)本課知識回顧和小結(jié)網(wǎng)頁表單的制作案例教案問題的提出制作一張如下所示的用戶登記表谷用J3邕定-Nscr&Mfi!BsjiltyerN伴IIJ Srttt a)更巖I)也溫 IA (t)靶用圜FJ4,，©比 與4：拙號第國=iS 在但jE W例_ .索短旋_|九體字曲湎喟相 催嗔J 第1匚9打 口勺匚6切1#叮 rE*3、iwljBEbJji | 臺不到用戶登記 1ji_a-_r_ _t-_i-_-_j-_ i- r_r-_i-_i-_t-_r"_r-_

6、j_i_j-_a_n-_c_r-_i_j- i ii_ l i_rr-_r_p_r_-親愛的用戶.歡迎您詢可我們的網(wǎng)站,請?zhí)顚懩愕牧倍昆便于我們及時與攤聯(lián)系.|姓名：|年弟二|性別：F男 女文化程庾:F3職虹F3你的曩好：電物l運勁旨東rj±4廠閱諛廠上網(wǎng)聊天女友曼無口閏段的幻電2、 二、問題：1 .上述用戶登記表中有哪幾種表單域？2 .表單的工作原理是什么？3、 三、表單的構(gòu)成表單域：是容納輸入信息的容器，是用戶輸入數(shù)據(jù)的地 方。表單控制器：負(fù)責(zé)處理用戶在表單中填寫的信息?！疤峤弧焙汀爸刂谩卑粹o：將信息提交到站點服務(wù)器、 清除表單中已填寫的內(nèi)容。四、四、制作用戶登記表單行文本框：

7、用于讓用戶輸入一行文本信息，并能夠被 Web服務(wù)器接受，用戶登記表中的姓名、年齡和 E_mail均是單行文 本框。滾動文本框：單行文本框只能輸入一行文本信息，如 果要輸入多行文本信息，就要使用滾動文本框。單選按鈕：通常成組使用，用于讓用戶從一組互斥的 選項中選擇一項，用戶登記表中的性別是一個由兩個成員組成的單選 按鈕組。注意：同一組中的單選按鈕的組名稱必須是相同的，值不相 同。下拉菜單：用于讓用戶從一個列表中選擇一項或多項， 用戶登記表中的文化程度和職業(yè)均是下拉菜單。復(fù)選框：如果希望用戶從多個選項中選出要的項目，應(yīng)該使用復(fù)選框，用戶登記表中的您的愛好下面的表單域均是復(fù)選 框，各復(fù)選框相互獨立。

8、按鈕：一般在網(wǎng)頁中創(chuàng)建表單時，F(xiàn)rontPage會自動加上兩個按鈕：“提交”按鈕和“全部重寫”按鈕?！疤峤弧卑粹o的作 用是把表單上的數(shù)據(jù)提交給 Web服務(wù)器的表單處理程序；“全部重寫” 按鈕的作用是把表單上的數(shù)據(jù)清空，讓用戶重新填寫。雙擊“全部重 寫”按鈕，把此按鈕名改為“重置”。5、 五、表單處理1 .問題：當(dāng)用戶填寫完表單，單擊“提交”按鈕后，表單被哪個程序處理？怎樣處理？當(dāng)用戶提交表單后，單擊“提交”按鈕后，表單內(nèi)容將被傳遞給 服務(wù)器端的表單處理程序，由該程序?qū)Ρ韱螖?shù)據(jù)進(jìn)行處理。雖然 FrontPage提供了默認(rèn)的表單處理程序，但該程序通常只能完成最簡 單的功能。為了完成用戶特定的功能，

9、還需要學(xué)習(xí)ASP等網(wǎng)絡(luò)編程語 言。將表單結(jié)果發(fā)送到文件：將表單結(jié)果發(fā)送到站點中的一個 文件，并向瀏覽者返回一個確認(rèn)網(wǎng)頁是最常見的一種處理表單的方 法，也是FrontPage默認(rèn)的表單處理方法。在默認(rèn)情況下表單結(jié)果將 保存在當(dāng)前站點的_private/文件中，根據(jù)需要，可以把該文件轉(zhuǎn)化 為數(shù)據(jù)庫文件。£叱的A亳5匯tw txt -色事本文件® 編揖0）捏索 幫助J'username'151, ,/13111D1學(xué)：，學(xué) /UA i>I卜I1 »J/ T R :al:J工人"","期甲(!nT, j "Wilffi" ."ZhaigOEhu .edu xn"C6',T7","C8" 口 N',植交” »J ,一植玄” 帆,ii交”-|n| <1文件內(nèi)容將表單結(jié)果發(fā)送到E-mail信箱：要使表單結(jié)果能夠發(fā)送 到指定的電子郵件地址，必須預(yù)先安裝和設(shè)置 FrontPage 服務(wù)器端 擴(kuò)展程序。將表單結(jié)果發(fā)送到數(shù)據(jù)庫：將表單結(jié)果發(fā)送到指定的數(shù)據(jù) 庫中，這是目前較通常采用的表單處理方法， 該數(shù)據(jù)庫可以是已經(jīng)存 在的，也可以是由FrontPage新建的。將表單結(jié)果