教案課程名稱：動(dòng)態(tài)網(wǎng)頁(yè)制作（Web程序設(shè)計(jì)）0課題：?jiǎn)卧?任務(wù)一設(shè)計(jì)加法計(jì)算器網(wǎng)頁(yè)程序0課時(shí)：2課時(shí)0主講教師：某某某教師0學(xué)校：某某某學(xué)校0日期：2020年3月19日0

教案教學(xué)對(duì)象某學(xué)校某專業(yè)授課日期2020年3月19日使用教材Web程序設(shè)計(jì)（第二版）出版單位電子工業(yè)出版社課題單元2任務(wù)一設(shè)計(jì)加法計(jì)算器網(wǎng)頁(yè)程序計(jì)劃學(xué)時(shí)2學(xué)時(shí)教學(xué)目標(biāo)通過(guò)設(shè)計(jì)加法計(jì)算器網(wǎng)頁(yè)程序?qū)W習(xí)，掌握相關(guān)的知識(shí)技能。知識(shí)目標(biāo)：通過(guò)設(shè)計(jì)加法計(jì)算器WEB程序的設(shè)計(jì)與實(shí)踐，認(rèn)識(shí)不同類型的數(shù)據(jù)表示方法，程序中表達(dá)式的作用，運(yùn)算符的優(yōu)先級(jí)。技能目標(biāo)：熟悉各種數(shù)據(jù)的表示方法；熟悉表達(dá)式的使用及運(yùn)算符優(yōu)先級(jí)；能聲明變量及設(shè)置初始值。態(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ì)算器網(wǎng)頁(yè)程序的技能。（熟悉各種數(shù)據(jù)的表示方法；熟悉表達(dá)式的使用及運(yùn)算符優(yōu)先級(jí)；能聲明變量及設(shè)置初始值。）難點(diǎn)：能熟練掌握幾個(gè)關(guān)鍵控件的使用技能。教學(xué)設(shè)計(jì)說(shuō)明1、教學(xué)內(nèi)容以崗位工作任務(wù)出現(xiàn)，為學(xué)生將來(lái)快速融入崗位工作打基礎(chǔ)。2、教學(xué)重點(diǎn)是培養(yǎng)學(xué)生熟練的操作技能。3、通過(guò)訓(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)入提問(wèn)-復(fù)習(xí)：如何創(chuàng)建網(wǎng)站，如何創(chuàng)建網(wǎng)頁(yè)？導(dǎo)入新課：?jiǎn)卧?任務(wù)一設(shè)計(jì)加法計(jì)算器網(wǎng)頁(yè)程序以提問(wèn)的方式展開與學(xué)生的互動(dòng)，引出本課堂教學(xué)內(nèi)容。項(xiàng)目串聯(lián)教學(xué)法重溫網(wǎng)站建設(shè)，網(wǎng)頁(yè)創(chuàng)建，為本次鋪墊。2、講解示范任務(wù)一設(shè)計(jì)加法計(jì)算器

任務(wù)描述公司希望IT維護(hù)部門也有相關(guān)人員，能夠初步掌握.NET的編程技術(shù)，以便在為公司客戶進(jìn)行維護(hù)時(shí)，能排除網(wǎng)站中的簡(jiǎn)單程序錯(cuò)誤。因此，IT經(jīng)理希望年輕的小明工程師能通過(guò)學(xué)習(xí)與閱讀，初步掌握.NET開發(fā)WEB應(yīng)用程序的入門編程技術(shù)。

任務(wù)分析小明工程師接受了IT經(jīng)理給的任務(wù)，他決定先制作一個(gè)加法計(jì)算器的頁(yè)面。頁(yè)面中，只要用戶輸入被加數(shù)、加數(shù)，就能顯示求知的結(jié)果。1教師做中教2學(xué)生做中學(xué)3運(yùn)用多媒體教學(xué)手段4輔助教學(xué)運(yùn)用VMware虛擬機(jī)技術(shù)與真實(shí)環(huán)境相結(jié)合項(xiàng)目串聯(lián)教學(xué)法掌握控件Label1TextBox1Label2TextBox2Label3Button使用，配套屬性使用方法技能。3、操作訓(xùn)練教師做中教演示設(shè)計(jì)加法計(jì)算器并同期錄制教學(xué)視頻，輔助提高學(xué)生訓(xùn)練效果，可以全程點(diǎn)到點(diǎn)輔助訓(xùn)練與復(fù)習(xí)。學(xué)生按照項(xiàng)目任務(wù)要求進(jìn)行訓(xùn)練。1教師做中教2學(xué)生做中學(xué)3運(yùn)用多媒體教學(xué)手段4輔助教學(xué)運(yùn)用VMware虛擬機(jī)技術(shù)與真實(shí)環(huán)境相結(jié)合項(xiàng)目串聯(lián)教學(xué)法熟練掌握l(shuí)abel、textbox、button控件及屬性使用方法技能。4、課堂小結(jié)\教師點(diǎn)評(píng)小結(jié)本次課內(nèi)容，同時(shí)重點(diǎn)強(qiáng)調(diào)設(shè)計(jì)加法計(jì)算器操作步驟，重點(diǎn)控件屬性技能，點(diǎn)評(píng)學(xué)生項(xiàng)目任務(wù)完成情況。利用多媒體等手段，強(qiáng)調(diào)知識(shí)與技能要點(diǎn)進(jìn)行總結(jié)，并布置課后的作業(yè)內(nèi)容。全體

講授鞏固知識(shí)與技能。課外作業(yè)1．新建一個(gè)EX02_1_1.aspx的網(wǎng)頁(yè)程序，在名為L(zhǎng)ABEL1的控件里顯示下列內(nèi)容第一行顯示“我剛開始學(xué)習(xí)C#”第二行顯示987654321的科學(xué)計(jì)數(shù)法第三行顯示“5+2=”,并等號(hào)后顯示5+2計(jì)算的值第四行顯示“現(xiàn)在是公元幾年幾月幾日”，并在后面顯示當(dāng)天的日期第五行顯示1/6的值是多少2、設(shè)計(jì)減法計(jì)算器網(wǎng)頁(yè)程序。（控件與界面自擬，要能顯示自己姓名與學(xué)號(hào)）教學(xué)回顧通過(guò)本次課，能熟悉相關(guān)概念，培養(yǎng)學(xué)生動(dòng)手操作能力以及提出問(wèn)題、思考問(wèn)題和解決問(wèn)題的能力；培養(yǎng)學(xué)生正確認(rèn)識(shí)本門課程學(xué)習(xí)的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合素養(yǎng)。

任務(wù)描述公司網(wǎng)絡(luò)信息部門對(duì)部門新進(jìn)人員，要求能夠初步掌握.NET的編程技術(shù)，以便在為公司運(yùn)維以及網(wǎng)站設(shè)計(jì)開發(fā)過(guò)程中，能處理網(wǎng)站中的簡(jiǎn)單問(wèn)題，進(jìn)行初步網(wǎng)站網(wǎng)頁(yè)程序基礎(chǔ)設(shè)計(jì)開發(fā)。部門負(fù)責(zé)人布置工作任務(wù)：小明工程師制作一個(gè)加法計(jì)算器的網(wǎng)頁(yè)程序。設(shè)計(jì)界面如圖2-1-1所示。

任務(wù)分析小明工程師接到部門安排的任務(wù)，迅速通過(guò)圖書館、互聯(lián)網(wǎng)查找技術(shù)資料，利用Label控件實(shí)現(xiàn)被加數(shù)、加數(shù)、求和文字提示，利用TextBox控件輸入數(shù)值和顯示運(yùn)算結(jié)果，利用Button控件來(lái)完成加法運(yùn)算。網(wǎng)頁(yè)程序文件名為020101.aspx，并且代碼與頁(yè)面分開存放?？丶傩匀绫?-1-1所示：表2-1-1控件屬性控件屬性說(shuō)明Label1ID="Label1"Text="加數(shù)："顯示加數(shù)TextBox1ID="TextBox1"顯示文本框Label2ID="Label2"Text="被加數(shù)："顯示被加數(shù)TextBox2ID="TextBox2"顯示文本框Label3ID="Label3"runat="server"Text="求和"顯示求和TextBox3ID="TextBox3"顯示文本框Button1ID="Button1"onclick="Button1_Click"Text="計(jì)算"顯示計(jì)算按鈕方法和步驟 START設(shè)計(jì)020101.aspx網(wǎng)頁(yè)程序準(zhǔn)備工作，確認(rèn)C盤根目錄下沒(méi)有0201文件夾，單擊“開始、程序、MicrosoftVisualStudio2010”啟動(dòng)MicrosoftVisualStudio2010，單擊菜單“文件、新建網(wǎng)站”，顯示“新建網(wǎng)站”對(duì)話框，在已安裝的模板處選擇“VisualC#”單擊，在右側(cè)“ASP.NET空網(wǎng)站”處單擊，在下方Web位置處選