《Dreamweaver制作表單》教學設計

王麗莉

教材分析

《Dreamweaver制作表單》是中等職業制作網頁的方法及過程專業教材《網頁設計與制作》中第七章的內容。在網頁設計中，表單是一個專業網站必不可少的內容，是網站管理者與瀏覽者之間溝通的橋梁。通過表單可以得到訪問者的反饋信息，收集用戶的反饋意見，在此基礎上做出科學合理的決策。本章內容主要涉及表單概述、創建表單、表單元素的插入及表單參數設置操作，其中創建表單頁面是學習的主要內容。

學情分析

職高學生喜歡親自動手操作，但缺乏系統的分析能力，缺少從實踐到理論的總結能力，因此本課教學要注重培養學生的協作討論和分析問題能力。

教學目標

知識與技能：理解表單的概念和作用；了解規劃表單、創建表單與設置表單的方法；能使用“Dreamweaver”制作表單網頁。

過程與方法：采用知識遷移，對比引入；開展任務驅動，學習新知；進行問題探究，突破難點，鞏固所學。

情感態度與價值觀：培養學生網頁設計的審美能力、創新能力、協作學習和自主學習能力。

教學重難點

重點：創建表單。難點：表單元素的插入。

教學過程

一、創設情境，導入新課

教師利用大屏幕展示生活中常見的各種表單頁面，讓學生一邊欣賞一邊思考：這些常見的頁面能實現什么功能？在網頁設計中怎樣實現這些功能？以此激發學生的學習興趣，導入本節學習內容——制作表單頁面。

【設計意圖】這一環節，通過展示圖片，從現象到本質總結出表單在我們生活中的實用性，鍛煉了學生的歸納總結能力，激發了學生學習新知的欲望，為后面的學習做了鋪墊。

1.表單創建的作用

在網頁制作中，表單主要作用就是收集來自用戶的信息，例如用戶名、密碼、電子郵箱地址、興趣、愛好等等，主要完成調查、注冊、搜索、訂購等功能，它是網站管理者與瀏覽者之間溝通的橋梁。

讓學生舉例說明在生活中常見的表單有哪些？

2.認識表單元素

表單域；文本域；單選按鈕；復選框；文件域；提交按鈕。

【設計意圖】這一環節，具體分析表單的組成部分，強化學生對“Dreamweaver”中表單的認識。

二、任務驅動，層層深入

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

任務一：學生打開桌面“素材”網頁，閱讀教材完成密碼和留言文本域的添加操作。學生操作，教師巡回指導。操作結束后教師先讓順利完成任務的同學示范講解，再與全班同學一起交流，最后教師進行總結，并講解演示整個操作過程。操作時教師要注重和學生交流，及時強調知識點。

【設計意圖】通過本環節，一方面培養了學生的自學能力，另一方面使學生對學習內容有了更深的理解，同時也引導沒有完成任務的同學掌握了方法。

任務二：在完成“任務一”的基礎上，閱讀教材完成性別和工資單選按鈕的添加操作。學生進行組內討論，歸納總結單選按鈕和單選按鈕組的操作。

【設計意圖】本環節意在培養學生的自主實踐、發現問題、解決問題能力，增強學生的合作意識。

任務三：在以上操作基礎上，閱讀教材完成復選按鈕的添加操作。通過操作分析比較單選按鈕和復選框在添加及屬性設置上的不同。

教師總結導入知識點，師生共同為表單添加按鈕，操作完成后展示最終效果圖。

三、歸納總結，梳理知識

總結：今天我們主要學習了哪些知識？

教師與學生一起簡短回顧本節課的主要知識點，將前面所學的零散知識進行匯總，把學生掌握的感性知識上升為理性知識，并提醒學生要靈活合理都運用所學知識。

【設計意圖】通過知識回顧，培養學生歸納總結和語言表達能力。

四、布置作業

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

【設計意圖】通過作業布置，引導學生將所學的課本知識運用到現實生活中，提高學生搜集信息、處理信息的能力和探究意識。

（責任編輯 趙永玲）