Web程序設(shè)計(jì)（第2版） 電子教案 15-0421任務(wù)二設(shè)計(jì)調(diào)查問卷網(wǎng)頁程序

教案課程名稱：動(dòng)態(tài)網(wǎng)頁制作（Web程序設(shè)計(jì)）0課題：任務(wù)二設(shè)計(jì)調(diào)查問卷網(wǎng)頁程序0課時(shí)：2課時(shí)0主講教師：某某某教師0學(xué)校：某某某學(xué)校0日期：2020年04月21日00

教案教學(xué)對(duì)象某學(xué)校某專業(yè)授課日期2020年04月21日使用教材Web程序設(shè)計(jì)（第二版）出版單位電子工業(yè)出版社課題任務(wù)二設(shè)計(jì)調(diào)查問卷網(wǎng)頁程序計(jì)劃學(xué)時(shí)2學(xué)時(shí)教學(xué)目標(biāo)知識(shí)目標(biāo)：服務(wù)器控件功能作用。技能目標(biāo)：完成設(shè)計(jì)調(diào)查問卷網(wǎng)頁程序任務(wù)，掌握配套技能。使用CheckBox控件服務(wù)器控件CheckBoxList控件屬性和事件制作頁面，掌握相應(yīng)語句和運(yùn)用的技能。態(tài)度目標(biāo)：端正態(tài)度，配合伙伴完成任務(wù)。德育目標(biāo)：養(yǎng)成良好的團(tuán)隊(duì)協(xié)作精神，學(xué)會(huì)彼此配合協(xié)作完成項(xiàng)目任務(wù)，成果分享。教學(xué)重點(diǎn)難點(diǎn)重點(diǎn)：完成設(shè)計(jì)調(diào)查問卷網(wǎng)頁程序任務(wù)，掌握配套技能。難點(diǎn)：完成設(shè)計(jì)調(diào)查問卷網(wǎng)頁程序任務(wù)，熟練掌握配套技能。教學(xué)設(shè)計(jì)說明1、教學(xué)內(nèi)容以崗位工作任務(wù)出現(xiàn)，為學(xué)生將來快速融入崗位工作打基礎(chǔ)。2、教學(xué)重點(diǎn)是培養(yǎng)學(xué)生熟練的操作技能。3、通過訓(xùn)練與強(qiáng)調(diào)，突破關(guān)鍵點(diǎn)。4、訓(xùn)練結(jié)束后，接軌企業(yè)實(shí)際，施工任務(wù)單技術(shù)歸檔的填寫，是崗位標(biāo)準(zhǔn)化技能訓(xùn)練的一部分。教學(xué)活動(dòng)流程教學(xué)步驟與內(nèi)容教學(xué)組織形式教學(xué)方法達(dá)成目標(biāo)1、新課導(dǎo)入復(fù)習(xí)：循環(huán)語句。導(dǎo)入新課：任務(wù)二設(shè)計(jì)調(diào)查問卷網(wǎng)頁程序以提問的方式展開與學(xué)生的互動(dòng)，引出本課堂教學(xué)內(nèi)容。項(xiàng)目串聯(lián)教學(xué)法通過復(fù)習(xí)，回憶表單與循環(huán)語句。2、講解示范任務(wù)二設(shè)計(jì)調(diào)查問卷

任務(wù)描述囯慶假日即將來臨，公司為了營造公司文化，加強(qiáng)團(tuán)隊(duì)建設(shè)，公司行政部門考慮在國慶假日中舉行一次公司活動(dòng)。但是準(zhǔn)備什么活動(dòng)好呢？行政部門想到是否可以讓IT部門幫助在網(wǎng)站做一個(gè)調(diào)查問卷。讓全公司的員工來設(shè)計(jì)一個(gè)公司的活動(dòng)。行政部門經(jīng)理將想法和IT經(jīng)理談了之后。IT經(jīng)理非常支持，將任務(wù)分派給技術(shù)最好的小明工程師，要求他能全力配合行政部門完成這個(gè)調(diào)查問卷的任務(wù)。任務(wù)分析小明工程師從IT經(jīng)理知道了任務(wù)的情況，他決定設(shè)計(jì)這個(gè)調(diào)查頁面。他先從行政部門將調(diào)查問卷的問題需求了解到。1教師做中教2學(xué)生做中學(xué)3運(yùn)用多媒體教學(xué)手段4輔助教學(xué)運(yùn)用VMware虛擬機(jī)技術(shù)與真實(shí)環(huán)境相結(jié)合項(xiàng)目串聯(lián)教學(xué)法控件與控件屬性按照要求設(shè)計(jì)出網(wǎng)頁與程序3、操作訓(xùn)練安排學(xué)生按照施工任務(wù)訓(xùn)練，掌握相關(guān)技能。通過任務(wù)二設(shè)計(jì)調(diào)查問卷，完成設(shè)計(jì)調(diào)查問卷程序的工作任務(wù)，來學(xué)習(xí)相關(guān)控件屬性和事件運(yùn)用的技能方法。填寫施工技術(shù)文檔，培養(yǎng)企業(yè)崗位真實(shí)工作場景。1教師做中教2學(xué)生做中學(xué)3運(yùn)用多媒體教學(xué)手段4輔助教學(xué)運(yùn)用VMware虛擬機(jī)技術(shù)與真實(shí)環(huán)境相結(jié)合項(xiàng)目串聯(lián)教學(xué)法通過任務(wù)訓(xùn)練使學(xué)生掌握控件與屬性，掌握運(yùn)用控件的技能方法4、課堂小結(jié)\教師點(diǎn)評(píng)對(duì)項(xiàng)目任務(wù)完成過程中情況回顧，強(qiáng)調(diào)本次課程重點(diǎn)，問題關(guān)鍵點(diǎn)強(qiáng)調(diào)。利用多媒體等手段，強(qiáng)調(diào)知識(shí)與技能要點(diǎn)進(jìn)行總結(jié)，并布置課后的作業(yè)內(nèi)容。全體

講授對(duì)項(xiàng)目任務(wù)完成過程中情況回顧，強(qiáng)調(diào)本次課程重點(diǎn)，問題關(guān)鍵點(diǎn)強(qiáng)調(diào)。課外作業(yè)編寫一個(gè)頁面程序。其功能是將一個(gè)零件添加入庫。頁面上具有如下信息：零件的編號(hào)、品名、規(guī)格、零件說明、產(chǎn)地、制造廠商、零件圖片、采購日期、入庫日期、經(jīng)辦人等信息。要求輸入完成后，在同一頁面的下方就顯示零件的信息。教學(xué)回顧通過本次課，能熟悉相關(guān)概念，培養(yǎng)學(xué)生動(dòng)手操作能力以及完成任務(wù)過程中遇到問題、思考問題和解決問題的能力；培養(yǎng)學(xué)生正確認(rèn)識(shí)本門課程學(xué)習(xí)的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合職業(yè)素養(yǎng)。

任務(wù)描述囯慶假日即將來臨，公司為了營造公司文化，加強(qiáng)團(tuán)隊(duì)建設(shè)，公司行政部門考慮在國慶假日中舉辦一次公司活動(dòng)，行政部門申請(qǐng)讓網(wǎng)絡(luò)信息部門幫助在網(wǎng)站做一個(gè)調(diào)查問卷。信息部門負(fù)責(zé)人將任務(wù)分派給小明工程師，要求他能全力配合行政部門完成這個(gè)調(diào)查問卷030201.aspx網(wǎng)頁程序設(shè)計(jì)任務(wù)。圖3-2-1囯慶活動(dòng)調(diào)查問卷

任務(wù)分析小明工程師從部門負(fù)責(zé)人接受了任務(wù)后，他及時(shí)與行政部門聯(lián)系，將調(diào)查問卷需求情況了解清楚并請(qǐng)領(lǐng)導(dǎo)確認(rèn)，明確了需求，著手設(shè)計(jì)調(diào)查問卷網(wǎng)頁效果圖，用到的控件屬性如表3-2-1所示：表3-2-1調(diào)查問卷頁面的控件屬性控件屬性說明RadioButton1ID="RadioButton1"runat="server"Font-Size="X-Large"Text="愿意"OnCheckedChanged="RadioButton1_CheckedChanged"AutoPostBack="True"顯示單選按鈕選項(xiàng)RadioButton2ID="RadioButton2"runat="server"Font-Size="X-Large"Text="不愿意"OnCheckedChanged="RadioButton2_CheckedChanged"AutoPostBack="True"顯示單選按鈕選項(xiàng)Label1LabelID="Label1"runat="server"Font-Size="X-Large"Text="1、你喜歡的國慶活動(dòng)形式："顯示1、你喜歡的國慶活動(dòng)形式：DropDownListID="DropDownList1"runat="server"ListItem：晚會(huì)ListItem：K歌ListItem：旅游ListItem：聯(lián)誼ListItem：其他Label2ID="Label2"runat="server"Font-Size="X-Large"Text="請(qǐng)?zhí)顚懸环N活動(dòng)形式："顯示請(qǐng)?zhí)顚懸环N活動(dòng)形式：TextBox1ID="TextBox1"Font-Size="X-Large"顯示TextBox控件Label3ID="Label3"runat="server"Font-Size="X-Large"Text="2、你希望舉辦活動(dòng)的日期："顯示2、你希望舉辦活動(dòng)的日期：RadioButtonList1ID="RadioButtonList1"runat="server"Height="24px"Width="607px"RepeatDirection="Horizontal"ListItem：10月1日ListItem：10月2日ListItem：10月3日ListItem：10月4日ListItem：10月5日ListItem：10月6日ListItem：10月7日Label4ID="Label4"runat="server"Font-Size="X-Large"Text="3、你希望在活動(dòng)獲得的獎(jiǎng)品："顯示3、你希望在活動(dòng)獲得的獎(jiǎng)品：CheckList1ID="CheckBoxList1"runat="server"Height="24px"Width="620px"RepeatDirection="Horizontal"ListItem：小米掛件ListItem：充電寶ListItem：抱枕ListItem：記事貼ListItem：卡套ListItem：辦公用品Label5ID="Label5"runat="server"Font-Size="X-Large"Text="4、你最喜歡誰來負(fù)責(zé)活動(dòng)："顯示4、你最喜歡誰來負(fù)責(zé)活動(dòng)：ListBox1ID="ListBox1"runat="server"Width="86px"ListItem：前臺(tái)ListItem：行政ListItem：人事ListItem：銷售ListItem：經(jīng)理Button1ID="Button1"runat="server"Font-Size="X-Large"Text="提交"OnClick="Button1_Click"像是按鈕提交Label2ID="Label6"runat="server"Font-Size="X-Large"Text="您的選擇是："顯示您的選擇是：030201.aspx網(wǎng)頁程序源代碼如下：1<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="030201.aspx.cs"Inherits="_030201"%>2<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">3<htmlxmlns="/1999/xhtml">4<headrunat="server">5<title></title>6<styletype="text/css">7.style18{font-size:x-large;9font-weight:bold;}10</style>11</head>12<body>13<formid="form1"runat="server">14<div>15<spanclass="style1">關(guān)于國慶活動(dòng)的問卷調(diào)查</span>16<br/>17你是否愿意參加此次公司活動(dòng)：18<asp:RadioButtonID="RadioButton1"runat="server"Font-Size="X-Large"Text="愿意"OnCheckedChanged="RadioButton1_CheckedChanged"AutoPostBack="True"/>19<asp:RadioButtonID="RadioButton2"runat="server"Font-Size="X-Large"Text="不愿意"OnCheckedChanged="RadioButton2_CheckedChanged"AutoPostBack="True"/><br/>20<asp:LabelID="Label1"runat="server"Font-Size="X-Large"Text="1、你喜歡的國慶活動(dòng)形式："></asp:Label>21<asp:DropDownListID="DropDownList1"runat="server">22<asp:ListItem>晚會(huì)</asp:ListItem>23<asp:ListItem>聚餐</asp:ListItem>24<asp:ListItem>K歌</asp:ListItem>25<asp:ListItem>旅游</asp:ListItem>26<asp:ListItem>聯(lián)誼</asp:ListItem>27<asp:ListItem>其他</asp:ListItem>28</asp:DropDownList><br/>29<asp:LabelID="Label2"runat="server"Font-Size="X-Large"Text="請(qǐng)?zhí)顚懸环N活動(dòng)形式："></asp:Label>30<asp:TextBoxID="TextBox1"Font-Size="X-Large"runat="server"></asp:TextBox><br/>31<asp:LabelID="Label3"runat="server"Font-Size="X-Large"Text="2、你希望舉辦活動(dòng)的日期："></asp:Label><br/>32<asp:RadioButtonListID="RadioButtonList1"runat="server"Height="24px"Width="607px"33RepeatDirection="Horizontal">34<asp:ListItem>10月1日</asp:ListItem>35<asp:ListItem>10月2日</asp:ListItem>36<asp:ListItem>10月3日</asp:ListItem>37<asp:ListItem>10月4日</asp:ListItem>38<asp:ListItem>10月5日</asp:ListItem>39<asp:ListItem>10月6日</asp:ListItem>40<asp:ListItem>10月7日</asp:ListItem>41</asp:RadioButtonList>42<asp:LabelID="Label4"runat="server"Font-Size="X-Large"Text="3、你希望在活動(dòng)獲得的獎(jiǎng)品："></asp:Label><br/>43<asp:CheckBoxListID="CheckBoxList1"runat="server"Height="24px"Width="620px"RepeatDirection="Horizontal">44<asp:ListItem> 小米掛件 </asp:ListItem>45<asp:ListItem> 充電寶 </asp:ListItem>46<asp:ListItem> 抱枕 </asp:ListItem>47<asp:ListItem> 記事貼 </asp:ListItem>48<asp:ListItem> 卡套 </asp:ListItem>49<asp:ListItem> 辦公用品 </asp:ListItem>50</asp:CheckBoxList>51<asp:LabelID="Label5"runat="server"Font-Size="X-Large"Text="4、你最喜歡誰來負(fù)責(zé)活動(dòng)："></asp:Label>52<asp:ListBoxID="ListBox1"runat="server"Width="86px">53<asp:ListItem> 前臺(tái) </asp:ListItem>54<asp:ListItem> 行政 </asp:ListItem>55<asp:ListItem> 人事 </asp:ListItem>56<asp:ListItem> 銷售 </asp:ListItem>57<asp:ListItem> 經(jīng)理 </asp:ListItem>58</asp:ListBox><br/>59<asp:ButtonID="Button1"runat="server"Font-Size="X-Large"Text="提交"OnClick="Button1_Click"/><br/>60<asp:LabelID="Label6"runat="server"Font-Size="X-Large"Text="您的選擇是："></asp:Label>61</div>62</form>63</body>64</html>030201.aspx.cs網(wǎng)頁程序源代碼在030201.aspx設(shè)計(jì)視圖中分別雙擊Button1、RadioButton1、RadioButton2按鈕進(jìn)入030201.aspx.cs程序代碼編輯模式，參照以下代碼輸入：1usingSystem;2publicpartialclass_030201:System.Web.UI.Page3{4protectedvoidPage_Load(objectsender,EventArgse)5{6if(IsPostBack)7{8Label1.Visible=false;9DropDownList1.Visible=false;10Label2.Visible=false;11TextBox1.Visible=false;12Label3.Visible=false;13RadioButtonList1.Visible=false;14Label4.Visible=false;15CheckBoxList1.Visible=false;16Label5.Visible=false;17ListBox1.Visible=false;18Label6.Visible=false;19Button1.Visible=false;20Label6.Text="你的選擇是：";21}22}23protectedvoidButton1_Click(objectsender,EventArgse)24{25stringchecklist_text="";26inti;27for(i=0;i<CheckBoxList1.Items.Count;i++)28{29if(CheckBoxList1.Items[i].Selected)30{31checklist_text=checklist_text+CheckBoxList1.Items[i].Text+"、";32Label6.Visible=true;33Label6.Text="你的選擇是：";34Label6.Text=Label6.Text+"<br>";35Label6.Text=Label6.Text+"1、你喜歡的國慶活動(dòng)形式："+DropDownList1.Text+":"+TextBox1.Text+"<br>";36Label6.Text=Label6.Text+"2、你希望舉辦活動(dòng)的日期："+RadioButtonList1.Text+"<br>";37Label6.Text=Label6.Text+"3、你希望在活動(dòng)獲得的獎(jiǎng)品："+checklist_text+"<br>";38Label6.Text=Label6.Text+"4、你最喜歡誰來負(fù)責(zé)活動(dòng)："+ListBox1.Text+"<br>";39}40}41}42protectedvoidRadioButton2_CheckedChanged(objectsender,EventArgse)43{44Label1.Visible=false;45DropDownList1.Visible=false;46Label2.Visible