教案課程名稱：PHP網(wǎng)頁案例任務(wù)教程課題：任務(wù)二設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁1課時：2課時1主講教師：某某某教師1學(xué)校：某某某學(xué)校0日期：XXXX年月日1

教案教學(xué)對象網(wǎng)絡(luò)技術(shù)A班授課日期XXXX年月日使用教材PHP網(wǎng)頁案例任務(wù)教程出版單位電子工業(yè)出版社課題任務(wù)二設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁計劃學(xué)時2學(xué)時教學(xué)目標(biāo)通過教學(xué)活動能掌握設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁的技能知識目標(biāo)：表單中常用控件格式和功能技能目標(biāo)：能掌握設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁的技能態(tài)度目標(biāo)：端正態(tài)度，配合伙伴完成任務(wù)。德育目標(biāo)：養(yǎng)成良好的團隊協(xié)作精神，學(xué)會彼此配合協(xié)作完成項目任務(wù)，成果分享。教學(xué)重點難點重點：能掌握設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁的技能難點：能掌握設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁的技能，能排除簡單問題故障教學(xué)設(shè)計說明教學(xué)內(nèi)容以崗位工作任務(wù)出現(xiàn)，為學(xué)生將來快速融入崗位工作打基礎(chǔ)。教學(xué)重點是培養(yǎng)學(xué)生熟練的操作技能。通過訓(xùn)練與強調(diào)，突破關(guān)鍵點。訓(xùn)練結(jié)束后，接軌企業(yè)實際，施工任務(wù)單技術(shù)歸檔的填寫，是崗位標(biāo)準(zhǔn)化技能訓(xùn)練的一部分。教學(xué)活動流程教學(xué)步驟與內(nèi)容教學(xué)組織形式教學(xué)方法達成目標(biāo)1、新課導(dǎo)入新課導(dǎo)入同學(xué)們，平時在商場逛街時，有沒有遇到過工作人員拿著問卷讓你填？比如問你“對我們的服務(wù)是否滿意？”“下次還會不會來？”這類問題。但紙質(zhì)問卷收集起來很麻煩，還容易弄丟。今天我們就用HTML表單里的控件（比如單選框、復(fù)選框、下拉菜單），做一個“公司調(diào)查問卷動態(tài)網(wǎng)頁”，就像給問卷裝上“電子翅膀”！任務(wù)描述為了加強團隊合作和提升公司文化，公司計劃在即將到來的國慶節(jié)假期中舉辦一次活動。為了實現(xiàn)這一目標(biāo)，行政部門希望網(wǎng)絡(luò)信息部門能在公司網(wǎng)站上設(shè)計動態(tài)網(wǎng)頁，并開展一項調(diào)查問卷活動。信息部門負責(zé)人將這項任務(wù)分配給了工程師小明，并要求他全力配合行政部門完成任務(wù)。該任務(wù)要求工程師小明設(shè)計名為“030201.php”的動態(tài)網(wǎng)頁，用于承載調(diào)查問卷。這個網(wǎng)頁需要具備交互性和動態(tài)性，以確保用戶能夠順利完成問卷調(diào)查。工程師小明需要使用適當(dāng)?shù)募夹g(shù)和工具來實現(xiàn)這個目標(biāo)，確保網(wǎng)頁的設(shè)計符合公司的品牌形象和用戶體驗要求。工程師小明需要與行政部門密切合作，以確保問卷調(diào)查內(nèi)容準(zhǔn)確無誤地呈現(xiàn)在網(wǎng)頁上。他應(yīng)該積極溝通，及時解決行政部門提出的需求和建議，并根據(jù)反饋及時進行調(diào)整和優(yōu)化。為了保證任務(wù)順利完成，工程師小明需要合理安排時間和資源，確保動態(tài)網(wǎng)頁的設(shè)計、開發(fā)和測試工作按時完成。他還應(yīng)該與其他團隊成員進行有效的協(xié)作，共同解決可能出現(xiàn)的技術(shù)問題，并保持良好的溝通和反饋機制。通過這項任務(wù)，能夠促進公司內(nèi)部團隊的協(xié)作和交流，同時提升員工對公司文化的認同感。部門負責(zé)人對工程師小明的能力和專業(yè)素質(zhì)充滿信心，相信他能夠順利完成這項任務(wù)。以提問的方式展開與學(xué)生的互動，引出本課堂教學(xué)內(nèi)容。項目串聯(lián)教學(xué)法根據(jù)學(xué)校要求安排按情況適度安排愛國主義、職業(yè)素養(yǎng)等思政內(nèi)容，初步了解知識概念即可。2、講解示范任務(wù)分析工程師小明從部門負責(zé)人處接受了任務(wù)后，及時與行政部門聯(lián)系，將調(diào)查問卷需求情況了解清楚并請領(lǐng)導(dǎo)確認，明確了需求，著手設(shè)計調(diào)查問卷網(wǎng)頁。參照任務(wù)描述，具體任務(wù)是設(shè)計問卷調(diào)查PHP動態(tài)網(wǎng)頁，使用HTML和PHP編寫，頁面包含以下內(nèi)容。（1）網(wǎng)站規(guī)劃參數(shù)。web站點路徑：C:\phpweb。Web測試IP地址：127.0.0.1。web測試端口號：8899。（2）網(wǎng)頁文件名為“030201.php”。（3）關(guān)于國慶活動的問卷調(diào)查的標(biāo)題。（4）表單，使用post方法提交到“030201.php”進行處理。（5）問卷調(diào)查包括以下問題：①選擇喜歡的國慶活動形式，使用下拉菜單進行選擇，還包括文本輸入框用于填寫其他形式。②選擇希望舉辦活動的日期，使用單選按鈕進行選擇。③選擇希望在活動中獲得的獎品，使用復(fù)選框進行選擇。④選擇最喜歡誰來負責(zé)活動，使用多選下拉菜單進行選擇，還包括文本輸入框用于填寫推薦人的姓名。（6）“提交”按鈕和“重置”按鈕用于操作表單數(shù)據(jù)。（7）頁面下方會顯示用戶選擇的問卷調(diào)查結(jié)果。（8）確保網(wǎng)頁結(jié)果的正確性，任務(wù)施工結(jié)束時要進行測試與驗收，記錄主要施工技術(shù)參數(shù)。網(wǎng)頁代碼設(shè)計完成后，網(wǎng)頁中包含PHP代碼，也能處理表單數(shù)據(jù)并顯示結(jié)果。為使該代碼運行正常，WAMP需要將其保存為“030201.php”文件并在支持PHP的服務(wù)器上運行。

方法和步驟1．準(zhǔn)備工作按照網(wǎng)站規(guī)劃參數(shù)進行配置。Web站點路徑：C:\phpwebWeb測試IP地址：127.0.0.1。Web測試端口號：8899。參照項目一中任務(wù)一、任務(wù)二、任務(wù)三，配置并啟動WAMP環(huán)境，配置好Dreamweaver網(wǎng)站環(huán)境，如果已經(jīng)配置并啟動WAMP環(huán)境、Dreamweaver網(wǎng)站環(huán)境，本步驟可以略過。設(shè)計“030201.php”動態(tài)網(wǎng)頁思路如下。第一步：創(chuàng)建動態(tài)網(wǎng)頁“030201.php”，設(shè)置頁面標(biāo)題為“關(guān)于國慶活動的問卷調(diào)查”。第二步：在網(wǎng)頁上添加表單，并使用post方法將數(shù)據(jù)提交到“030201.php”網(wǎng)頁自身。第三步：在表單中添加4個問題，要求用戶選擇喜歡的國慶活動形式，可以選擇預(yù)設(shè)選項或填寫其他形式。要求用戶選擇希望舉辦活動的日期，提供多個預(yù)設(shè)選項供選擇。要求用戶選擇希望在活動中獲得的獎品，提供多個復(fù)選框選項供選擇。要求用戶選擇最喜歡誰來負責(zé)活動，提供多個預(yù)設(shè)選項供選擇，并提供文本框用于填寫推薦人的姓名。第四步：為每個字段添加相應(yīng)的表單控件，包括文本框、單選按鈕組、復(fù)選框組、選擇列表、文本區(qū)域等控件，以供用戶輸入相關(guān)信息。第五步：提供“提交”按鈕，使用戶能夠?qū)⑻顚懙膯柧硇畔⑼ㄟ^表單提交至PHP處理。添加“重置”按鈕，方便用戶清空表單數(shù)據(jù)。2．創(chuàng)建設(shè)計“030201.php”動態(tài)網(wǎng)頁確認準(zhǔn)備工作無誤，啟動Dreamweaver軟件，鼠標(biāo)單擊“文件”菜單，單擊“新建”，在彈出對話框中單擊“創(chuàng)建”按鈕，單擊“文件”菜單，單擊“保存”，彈出“另存為”對話框，文件名處輸入“030201”，單擊“保存”按鈕。3．在“030201.php”動態(tài)網(wǎng)頁中設(shè)計標(biāo)題、表單與控件在打開“030201.php”動態(tài)網(wǎng)頁狀態(tài)下，鼠標(biāo)單擊“設(shè)計”視圖、“拆分”視圖、“代碼”視圖，切換到方便設(shè)計編輯的視圖。（1）輸入網(wǎng)頁標(biāo)題“關(guān)于國慶活動的問卷調(diào)查”。（2）鼠標(biāo)單擊“窗口”菜單，單擊“插入”調(diào)出插入面板，在插入面板上單擊“表單”調(diào)出表單面板，單擊表單面板上“表單”按鈕，彈出表單form對話框，在對話框操作處輸入“030201.php”，在方法處選擇“post”，單擊“確定”按鈕，如圖3-2-2所示。（3）參照圖3-2-1在表單中插入4行1列表格。（4）參照圖3-2-1在表格第一行輸入文字“關(guān)于國慶活動的問卷調(diào)查”，選中文字“關(guān)于國慶活動的問卷調(diào)查”設(shè)置文字格式為標(biāo)題1。（5）輸入文字“1、你喜歡的國慶活動形式：”插入表單控件“選擇（列表/菜單）”，選擇插入的“選擇”控件，類型為“菜單”，鼠標(biāo)在屬性面板中單擊“列表值”，彈出列表值對話框單擊“+”，添加項目和值，具體項目名稱和對應(yīng)值見源代碼第21～26行，單擊列表值對話框中“確定”按鈕。（6）輸入文字“其他請?zhí)顚懸环N活動形式：如選其他，請?zhí)顚憙?nèi)容?！辈迦氡韱慰丶拔谋究颉?，文本框初始值為“如選其他，請?zhí)顚憙?nèi)容?！保?）輸入文字“2、你希望舉辦活動的日期：”鍵盤輸入組合鍵“Shift+Enter”換行，插入表單控件“單選按鈕組”，單選按鈕組名稱為“c”，彈出列表值對話框單擊“+”，添加標(biāo)簽和值，具體為10月1日、10月2日、10月3日、10月4日、10月5日、10月6日、10月7日。（8）輸入文字“3、你希望在活動獲得的獎品：”鍵盤輸入組合鍵“Shift+Enter”換行，插入表單控件“復(fù)選框組”，復(fù)選框組名稱為“key[]”，彈出列表值對話框單擊“+”，添加復(fù)選框標(biāo)簽和值，具體為小米掛件、充電寶、抱枕、記事貼、卡套、辦公用品。（9）輸入文字“4、你最喜歡誰來負責(zé)活動：”插入表單控件“選擇（列表/菜單）”，選擇插入的“選擇”控件，類型為“列表”，高度為5，鼠標(biāo)在屬性面板中單擊“列表值”，彈出列表值對話框單擊“+”，添加項目和值為前臺、行政、人事、銷售、經(jīng)理。（10）輸入文字“請?zhí)顚懾撠?zé)活動推薦人的姓名：”插入表單控件“文本區(qū)域”，選擇插入的該控件，輸入初始值“也可以推薦其他人選，請?zhí)顚懶彰骸保?1）參照圖3-2-1在表單表格中第三行插入“按鈕”控件兩個，按鈕值分別改為“提交”“重置”，“提交”按鈕屬性動作為“提交表單”，“重置”按鈕動作為“重設(shè)表單”。（12）在表單表格中第四行輸入文字“WAMP的國慶活動問卷選擇是：”（13）菜單插入表單內(nèi)容如圖3-2-3所示。4．在“030201.php”動態(tài)網(wǎng)頁中輸入PHP源代碼（1）鼠標(biāo)單擊“窗口”菜單，單擊“插入”調(diào)出插入面板，在插入面板上單擊“PHP”調(diào)出PHP面板，單擊PHP面板上“<?”或“echo”按鈕，在源代碼編輯區(qū)域需要的位置自動插入<?php?>和<?phpecho?>代碼塊。（2）參照源代碼第72～94行，鍵盤輸入PHP源代碼（注意為節(jié)約設(shè)計，注釋可以省略，正式技術(shù)資料歸檔時，按照行業(yè)規(guī)范要求必須有詳細規(guī)范的注釋）。通過以上步驟成功創(chuàng)建了名為“030201.php”的動態(tài)網(wǎng)頁，并在其中添加了表單、控件和文字提示信息，以供用戶輸入相關(guān)信息或進行選擇，頁面提供了“提交”按鈕和“重置”按鈕，分別用于保存填寫的信息和清空已填寫的數(shù)據(jù)。1教師做中教2學(xué)生做中學(xué)3運用多媒體教學(xué)手段4輔助教學(xué)運用WAMP集成環(huán)境與Dreamweaver可視化環(huán)境相結(jié)合項目串聯(lián)教學(xué)法通過講解操作演示，同時強調(diào)過程中的關(guān)鍵步驟或參數(shù)等相關(guān)操作。3、操作訓(xùn)練教師演示操作設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁，學(xué)生按照項目任務(wù)要求、方法與操作步驟進行訓(xùn)練。1教師做中教2學(xué)生做中學(xué)3運用多媒體教學(xué)手段4輔助教學(xué)運用WAMP集成環(huán)境與Dreamweaver可視化環(huán)境相結(jié)合項目串聯(lián)教學(xué)法幫助學(xué)生理解知道或了解相關(guān)概念知識，切實掌握相關(guān)操作技能。4、課堂小結(jié)\教師點評小結(jié)本次課內(nèi)容，同時重點強調(diào)能掌握設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁的技能，能排除簡單問題故障，同時了解知道其相關(guān)知識概念。利用多媒體等手段，強調(diào)知識與技能要點進行總結(jié)，并布置課后的作業(yè)內(nèi)容。全體

講授鞏固知識與技能。課外作業(yè)一、填空題1．________是網(wǎng)頁上用于________并將其________方式。通過表單，用戶可以________數(shù)據(jù)，例如登錄賬號、注冊賬號、提交評論或進行在線購買等操作。2．表單使用表單標(biāo)簽<form>來設(shè)置，表單<form>起始至</form>結(jié)束。表單內(nèi)可以設(shè)置各種表單控件元素，如________、________、________、________等。二、敘述題1．簡述表單參數(shù)設(shè)置的作用，以及action屬性、method屬性、get屬性和post屬性的功能作用。2．簡述文本框的主要作用，并舉例說明。3．簡述密碼框的主要作用，并舉例說明。4．簡述文本區(qū)域的主要作用，并舉例說明。5．簡述單選按鈕、單選按鈕組的主要作用，并舉例說明。6．簡述復(fù)選框、復(fù)選按鈕組的主要作用，并舉例說明。7．簡述下拉菜單的主要作用，并舉例說明。8．簡述提交按鈕、重置按鈕的主要作用，并舉例說明。9．簡述文件上傳控件的主要作用，并舉例說明。教學(xué)回顧通過本次課，能熟悉相關(guān)概念，培養(yǎng)學(xué)生動手操作能力以及提出問題、思考問題和解決問題的能力；培養(yǎng)學(xué)生正確認識本門課程學(xué)習(xí)的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合素養(yǎng)。

03任務(wù)二設(shè)計公司調(diào)查問卷動態(tài)網(wǎng)頁任務(wù)描述為了加強團隊合作和提升公司文化，公司計劃在即將到來的國慶節(jié)假期中舉辦一次活動。為了實現(xiàn)這一目標(biāo)，行政部門希望網(wǎng)絡(luò)信息部門能在公司網(wǎng)站上設(shè)計動態(tài)網(wǎng)頁，并開展一項調(diào)查問卷活動。信息部門負責(zé)人將這項任務(wù)分配給了工程師小明，并要求他全力配合行政部門完成任務(wù)。該任務(wù)要求工程師小明設(shè)計名為“030201.php”的動態(tài)網(wǎng)頁，用于承載調(diào)查問卷。這個網(wǎng)頁需要具備交互性和動態(tài)性，以確保用戶能夠順利完成問卷調(diào)查。工程師小明需要使用適當(dāng)?shù)募夹g(shù)和工具來實現(xiàn)這個目標(biāo)，確保網(wǎng)頁的設(shè)計符合公司的品牌形象和用戶體驗要求。工程師小明需要與行政部門密切合作，以確保問卷調(diào)查內(nèi)容準(zhǔn)確無誤地呈現(xiàn)在網(wǎng)頁上。他應(yīng)該積極溝通，及時解決行政部門提出的需求和建議，并根據(jù)反饋及時進行調(diào)整和優(yōu)化。為了保證任務(wù)順利完成，工程師小明需要合理安排時間和資源，確保動態(tài)網(wǎng)頁的設(shè)計、開發(fā)和測試工作按時完成。他還應(yīng)該與其他團隊成員進行有效的協(xié)作，共同解決可能出現(xiàn)的技術(shù)問題，并保持良好的溝通和反饋機制。通過這項任務(wù)，能夠促進公司內(nèi)部團隊的協(xié)作和交流，同時提升員工對公司文化的認同感。部門負責(zé)人對工程師小明的能力和專業(yè)素質(zhì)充滿信心，相信他能夠順利完成這項任務(wù)。任務(wù)分析工程師小明從部門負責(zé)人處接受了任務(wù)后，及時與行政部門聯(lián)系，將調(diào)查問卷需求情況了解清楚并請領(lǐng)導(dǎo)確認，明確了需求，著手設(shè)計調(diào)查問卷網(wǎng)頁。參照任務(wù)描述，具體任務(wù)是設(shè)計問卷調(diào)查PHP動態(tài)網(wǎng)頁，使用HTML和PHP編寫，頁面包含以下內(nèi)容。（1）網(wǎng)站規(guī)劃參數(shù)。web站點路徑：C:\phpwebWeb測試IP地址：127.0.0.1。web測試端口號：8899。（2）網(wǎng)頁文件名為“030201.php”。（3）關(guān)于國慶活動的問卷調(diào)查的標(biāo)題。（4）表單，使用post方法提交到“030201.php”進行處理。（5）問卷調(diào)查包括以下問題：①選擇喜歡的國慶活動形式，使用下拉菜單進行選擇，還包括文本輸入框用于填寫其他形式。②選擇希望舉辦活動的日期，使用單選按鈕進行選擇。③選擇希望在活動中獲得的獎品，使用復(fù)選框進行選擇