王麗莉

教材分析

《Dreamweaver制作表單》是中等職業(yè)制作網(wǎng)頁(yè)的方法及過(guò)程專業(yè)教材《網(wǎng)頁(yè)設(shè)計(jì)與制作》中第七章的內(nèi)容。在網(wǎng)頁(yè)設(shè)計(jì)中，表單是一個(gè)專業(yè)網(wǎng)站必不可少的內(nèi)容，是網(wǎng)站管理者與瀏覽者之間溝通的橋梁。通過(guò)表單可以得到訪問(wèn)者的反饋信息，收集用戶的反饋意見(jiàn)，在此基礎(chǔ)上做出科學(xué)合理的決策。本章內(nèi)容主要涉及表單概述、創(chuàng)建表單、表單元素的插入及表單參數(shù)設(shè)置操作，其中創(chuàng)建表單頁(yè)面是學(xué)習(xí)的主要內(nèi)容。

學(xué)情分析

職高學(xué)生喜歡親自動(dòng)手操作，但缺乏系統(tǒng)的分析能力，缺少?gòu)膶?shí)踐到理論的總結(jié)能力，因此本課教學(xué)要注重培養(yǎng)學(xué)生的協(xié)作討論和分析問(wèn)題能力。

教學(xué)目標(biāo)

知識(shí)與技能：理解表單的概念和作用；了解規(guī)劃表單、創(chuàng)建表單與設(shè)置表單的方法；能使用“Dreamweaver”制作表單網(wǎng)頁(yè)。

過(guò)程與方法：采用知識(shí)遷移，對(duì)比引入；開(kāi)展任務(wù)驅(qū)動(dòng)，學(xué)習(xí)新知；進(jìn)行問(wèn)題探究，突破難點(diǎn)，鞏固所學(xué)。

情感態(tài)度與價(jià)值觀：培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的審美能力、創(chuàng)新能力、協(xié)作學(xué)習(xí)和自主學(xué)習(xí)能力。

教學(xué)重難點(diǎn)

重點(diǎn)：創(chuàng)建表單。難點(diǎn)：表單元素的插入。

教學(xué)過(guò)程

一、創(chuàng)設(shè)情境，導(dǎo)入新課

教師利用大屏幕展示生活中常見(jiàn)的各種表單頁(yè)面，讓學(xué)生一邊欣賞一邊思考：這些常見(jiàn)的頁(yè)面能實(shí)現(xiàn)什么功能？在網(wǎng)頁(yè)設(shè)計(jì)中怎樣實(shí)現(xiàn)這些功能？以此激發(fā)學(xué)生的學(xué)習(xí)興趣，導(dǎo)入本節(jié)學(xué)習(xí)內(nèi)容——制作表單頁(yè)面。

【設(shè)計(jì)意圖】這一環(huán)節(jié)，通過(guò)展示圖片，從現(xiàn)象到本質(zhì)總結(jié)出表單在我們生活中的實(shí)用性，鍛煉了學(xué)生的歸納總結(jié)能力，激發(fā)了學(xué)生學(xué)習(xí)新知的欲望，為后面的學(xué)習(xí)做了鋪墊。

1.表單創(chuàng)建的作用

在網(wǎng)頁(yè)制作中，表單主要作用就是收集來(lái)自用戶的信息，例如用戶名、密碼、電子郵箱地址、興趣、愛(ài)好等等，主要完成調(diào)查、注冊(cè)、搜索、訂購(gòu)等功能，它是網(wǎng)站管理者與瀏覽者之間溝通的橋梁。

讓學(xué)生舉例說(shuō)明在生活中常見(jiàn)的表單有哪些？

2.認(rèn)識(shí)表單元素

表單域；文本域；單選按鈕；復(fù)選框；文件域；提交按鈕。

【設(shè)計(jì)意圖】這一環(huán)節(jié)，具體分析表單的組成部分，強(qiáng)化學(xué)生對(duì)“Dreamweaver”中表單的認(rèn)識(shí)。

二、任務(wù)驅(qū)動(dòng)，層層深入

屏幕展示實(shí)例效果圖，師生共同分析操作過(guò)程，制定操作步驟，教師上機(jī)操作演示表單中插入文本域“用戶名”的步驟。

任務(wù)一：學(xué)生打開(kāi)桌面“素材”網(wǎng)頁(yè)，閱讀教材完成密碼和留言文本域的添加操作。學(xué)生操作，教師巡回指導(dǎo)。操作結(jié)束后教師先讓順利完成任務(wù)的同學(xué)示范講解，再與全班同學(xué)一起交流，最后教師進(jìn)行總結(jié)，并講解演示整個(gè)操作過(guò)程。操作時(shí)教師要注重和學(xué)生交流，及時(shí)強(qiáng)調(diào)知識(shí)點(diǎn)。

【設(shè)計(jì)意圖】通過(guò)本環(huán)節(jié)，一方面培養(yǎng)了學(xué)生的自學(xué)能力，另一方面使學(xué)生對(duì)學(xué)習(xí)內(nèi)容有了更深的理解，同時(shí)也引導(dǎo)沒(méi)有完成任務(wù)的同學(xué)掌握了方法。

任務(wù)二：在完成“任務(wù)一”的基礎(chǔ)上，閱讀教材完成性別和工資單選按鈕的添加操作。學(xué)生進(jìn)行組內(nèi)討論，歸納總結(jié)單選按鈕和單選按鈕組的操作。

【設(shè)計(jì)意圖】本環(huán)節(jié)意在培養(yǎng)學(xué)生的自主實(shí)踐、發(fā)現(xiàn)問(wèn)題、解決問(wèn)題能力，增強(qiáng)學(xué)生的合作意識(shí)。

任務(wù)三：在以上操作基礎(chǔ)上，閱讀教材完成復(fù)選按鈕的添加操作。通過(guò)操作分析比較單選按鈕和復(fù)選框在添加及屬性設(shè)置上的不同。

教師總結(jié)導(dǎo)入知識(shí)點(diǎn)，師生共同為表單添加按鈕，操作完成后展示最終效果圖。

三、歸納總結(jié)，梳理知識(shí)

總結(jié)：今天我們主要學(xué)習(xí)了哪些知識(shí)？

教師與學(xué)生一起簡(jiǎn)短回顧本節(jié)課的主要知識(shí)點(diǎn)，將前面所學(xué)的零散知識(shí)進(jìn)行匯總，把學(xué)生掌握的感性知識(shí)上升為理性知識(shí)，并提醒學(xué)生要靈活合理都運(yùn)用所學(xué)知識(shí)。

【設(shè)計(jì)意圖】通過(guò)知識(shí)回顧，培養(yǎng)學(xué)生歸納總結(jié)和語(yǔ)言表達(dá)能力。

四、布置作業(yè)

做一個(gè)小型的調(diào)查問(wèn)卷，先輸入幾個(gè)元素，包括用戶名、性別、工資、電子郵箱、留言、提交按鈕等元素。

【設(shè)計(jì)意圖】通過(guò)作業(yè)布置，引導(dǎo)學(xué)生將所學(xué)的課本知識(shí)運(yùn)用到現(xiàn)實(shí)生活中，提高學(xué)生搜集信息、處理信息的能力和探究意識(shí)。

（責(zé)任編輯 趙永玲）