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

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

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

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

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

5、組作品， 并向全班同學展示。學生評價讓學生學會如何客 觀地評價他人作品。 把學生作品作為個 人成長記錄的一部 分。總結本課知識回顧和小結網(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、 三、表單的構成表單域：是容納輸入信息的容器，是用戶輸入數(shù)據(jù)的地 方。表單控制器：負責處理用戶在表單中填寫的信息。“提交”和“重置”按鈕：將信息提交到站點服務器、 清除表單中已填寫的內(nèi)容。四、四、制作用戶登記表單行文本框：

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

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

9、還需要學習ASP等網(wǎng)絡編程語 言。將表單結果發(fā)送到文件：將表單結果發(fā)送到站點中的一個 文件，并向瀏覽者返回一個確認網(wǎng)頁是最常見的一種處理表單的方 法，也是FrontPage默認的表單處理方法。在默認情況下表單結果將 保存在當前站點的_private/文件中，根據(jù)需要，可以把該文件轉化 為數(shù)據(jù)庫文件。£叱的A亳5匯tw txt -色事本文件® 編揖0）捏索 幫助J'username'151, ,/13111D1學：，學 /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)容將表單結果發(fā)送到E-mail信箱：要使表單結果能夠發(fā)送 到指定的電子郵件地址，必須預先安裝和設置 FrontPage 服務器端 擴展程序。將表單結果發(fā)送到數(shù)據(jù)庫：將表單結果發(fā)送到指定的數(shù)據(jù) 庫中，這是目前較通常采用的表單處理方法， 該數(shù)據(jù)庫可以是已經(jīng)存 在的，也可以是由FrontPage新建的。將表單結果