教案課程名稱：動態網頁制作（Web程序設計）0課題：任務二設計調查問卷網頁程序0課時：2課時0主講教師：某某某教師0學校：某某某學校0日期：2020年04月23日00

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

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

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

在本任務使用許多列表控件，下面一一做介紹。（1）CheckBox控件的屬性和事件CheckBox控件在Web窗體頁上創建復選框，該復選框允許用戶在true或false狀態之間切換。通過設置Text屬性，可以指定要在該控件中顯示的標題。標題可顯示在復選框的右側或左側。設置TextAlign屬性可以指定標題顯示在哪一側。 Checked：該值表示復選框是否被選中，返回true表示選中，false表示未選中。 Text：設置復選框相關聯的文本顯示。 CheckedChanged：在CheckBox控件狀態發生改變時，觸發該事件?？梢跃帉懗绦蛱幚戆l生的事件。CheckBox控件的語法格式如下：1<asp:CheckBoxAutoPostBack="True|False"Checked="True|False"Enabled="True|False"EnableViewState="True|False"Height="size"ID="string"OnCheckedChanged="CheckedChangedeventhandler"runat="server"Text="string"Visible="True|False"Width="size"/>注：默認情況下，在單擊CheckBox控件時不會自動向服務器發送窗體。若要啟用自動發送，請將AutoPostBack屬性設置為true。（2）CheckBoxList控件屬性和事件CheckBoxList用于在頁面上創建復選框組，是一個CheckBox的集合。如果在一選項有多個選擇是可以使用該控件。CheckBoxList控件還支持數據綁定。若要將該控件綁定到數據源，請首先創建一個數據源（如DataSourceControl對象）以包含要在該控件中顯示的項。下一步，使用DataBind方法將該數據源綁定到CheckBoxList控件。使用DataTextField和DataValueField屬性分別指定將數據源中的哪個字段綁定到控件中每個列表項的Text和Value屬性?，F在，CheckBoxList控件將顯示數據源中的信息。它有如下主要屬性： DataSource：設置CheckBoxList的數據源。 DataTextField：設置為CheckBoxList各項提供文件內容的數據源字段 DateValueField：設置為CheckBoxList各項提供值的數據源字段 Items：設置ListItem各項其屬性 SelectIndex：獲得CheckBoxList控件中選定項的最低序號索引 SelectItem：獲得CheckBoxList索引最小的選定項 SelectValue：獲得CheckBoxList控件中選定項的值。當CheckBoxList需要添加項時，需要使用控件的編輯項，打開ListItem編輯器。如圖3-2-3，圖3-2-3所示圖3-2-3CheckBoxList編輯項圖3-2-3ListItem編輯器CheckBoxLlist的語句格式如下：1<asp:CheckBoxListAutoPostBack="True|False"DataMember="string"DataSource="string"DataSourceID="string"DataTextField="string"DataTextFormatString="string"DataValueField="string"Enabled="True|False"EnableViewState="True|False"ID="string"runat="server"SelectedIndex="integer"SelectedValue="string"Visible="True|False"Width="size"……>//第一個復選框的文字2<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>//第二個復選框的文字3<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/>……</asp:CheckBoxList>（3）RadioButton控件RadioButton服務器控件在Web窗體頁上創建一個單選按鈕。通過設置Text屬性指定要在控件中顯示的文本。該文本可顯示在單選按鈕的左側或右側。設置TextAlign屬性以控制該文本顯示在哪一側。如果為每個RadioButton控件指定了相同的GroupName，則可以將多個單選按鈕分為一組。將單選按鈕分為一組將只允許從該組中進行互相排斥的選擇。RadioButton的語法格式如下：<asp:RadioButtonAccessKey="string"AutoPostBack="True|False"Checked="True|False"Enabled="True|False"EnableViewState="True|False"GroupName="string"ID="string"OnCheckedChanged="CheckedChangedeventhandler"OnDataBinding="DataBindingeventhandler"runat="server"Text="string"Visible="True|False"Width="size"/>下面的示例演示如何使用RadioButton控件為用戶提供一組互斥的選項。1<asp:RadioButtonID="Radio1"Text="Typical"Checked="True"GroupName="RadioGroup1"runat="server"/>2Thisoptioninstallsthefeaturesmosttypicallyused.<i>Requires1.2MBdiskspace.</i><br/>3<asp:RadioButtonID="Radio2"Text="Compact"GroupName="RadioGroup1"runat="server"/>4Thisoptioninstallstheminimumfilesrequiredtoruntheproduct.<i>Requires350KBdiskspace.</i><br/>5<asp:RadioButtonID="Radio3"runat="server"Text="Full"GroupName="RadioGroup1"/>6Thisoptioninstallsallfeaturesfortheproduct.<i>Requires4.3MBdiskspace.</i>7<asp:ButtonText="Submit"OnClick="SubmitBtn_Click"runat="server"/>注：RadioButton鼠標單擊是會觸發CheckedChanged事件。（4）RadioButtonList控件RadioButtonList控件是一個單選項列表框控件，是一組RadioButton的集合，它們之前選擇是互斥的。RadioButtonList可以直接用ListItem編輯器來添加項，也可以通過綁定數據源添加選項。RadioButtonList語法格式如下：1<asp:RadioButtonListAutoPostBack="True|False"DataMember="string"DataSource="string"DataSourceID="string"DataTextField="string"DataTextFormatString="string"DataValueField="string"Enabled="True|False"OnDataBinding="DataBindingeventhandler"OnDataBound="DataBoundeventhandler"OnDisposed="Disposedeventhandler"OnInit="Initeventhandler"runat="server"Style="string"Visible="True|False"Width="size">2<asp:ListItemEnabled="True|False"Selected="True|False"Text="string"Value="string"/></asp:RadioButtonList>注意：使用RadioButton控件。對于使用數據綁定創建一組單選按鈕，RadioButtonList控件更方便，而單個RadioButton控件則可以更好地控制布局。（5）ListBox控件ListBox控件是一個靜態列表框，在頁面上創建一個列表供訪問者選擇其中的一項或多項。與CheckBoxList一樣和RadioButtonList控件一樣，它可以使用ListItem編輯器來添加選項，或是通過綁定數據源添加選項。其屬性與其它列表控件類似，不再重復敘述。ListBox控件的語法格式如下：1<asp:ListBoxAutoPostBack="True|False"DataMember="string"DataSource="string"Enabled="True|False"ID="string"runat="server"SelectedIndex="integer"SelectedValue="string"Visible="True|False"Width="size">2<