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

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

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

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

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

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

任務分析小明工程師從部門負責人接受了任務后，他及時與行政部門聯(lián)系，將調(diào)查問卷需求情況了解清楚并請領導確認，明確了需求，著手設計調(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"顯示單選按鈕選項RadioButton2ID="RadioButton2"runat="server"Font-Size="X-Large"Text="不愿意"OnCheckedChanged="RadioButton2_CheckedChanged"AutoPostBack="True"顯示單選按鈕選項Label1LabelID="Label1"runat="server"Font-Size="X-Large"Text="1、你喜歡的國慶活動形式："顯示1、你喜歡的國慶活動形式：DropDownListID="DropDownList1"runat="server"ListItem：晚會ListItem：K歌ListItem：旅游ListItem：聯(lián)誼ListItem：其他Label2ID="Label2"runat="server"Font-Size="X-Large"Text="請?zhí)顚懸环N活動形式："顯示請?zhí)顚懸环N活動形式：TextBox1ID="TextBox1"Font-Size="X-Large"顯示TextBox控件Label3ID="Label3"runat="server"Font-Size="X-Large"Text="2、你希望舉辦活動的日期："顯示2、你希望舉辦活動的日期：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、你希望在活動獲得的獎品："顯示3、你希望在活動獲得的獎品：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、你最喜歡誰來負責活動："顯示4、你最喜歡誰來負責活動：ListBox1ID="ListBox1"runat="server"Width="86px"ListItem：前臺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">關于國慶活動的問卷調(diào)查</span>16<br/>17你是否愿意參加此次公司活動：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、你喜歡的國慶活動形式："></asp:Label>21<asp:DropDownListID="DropDownList1"runat="server">22<asp:ListItem>晚會</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="請?zhí)顚懸环N活動形式："></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、你希望舉辦活動的日期："></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、你希望在活動獲得的獎品："></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、你最喜歡誰來負責活動："></asp:Label>52<asp:ListBoxID="ListBox1"runat="server"Width="86px">53<asp:ListItem> 前臺 </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設計視圖中分別雙擊Button1、RadioButton1、RadioButton2按鈕進入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、你喜歡的國慶活動形式："+DropDownList1.Text+":"+TextBox1.Text+"<br>";36Label6.Text=Label6.Text+"2、你希望舉辦活動的日期："+RadioButtonList1.Text+"<br>";37Label6.Text=Label6.Text+"3、你希望在活動獲得的獎品："+checklist_text+"<br>";38Label6.Text=Label6.Text+"4、你最喜歡誰來負責活動："+ListBox1.Text+"<br>";39}40}41}42protectedvoidRadioButton2_CheckedChanged(objectsender,EventArgse)43{44Label1.Visible=false;45DropDownList1.Visible=false;46Label2.Visible