教案課程名稱：動(dòng)態(tài)網(wǎng)頁制作（Web程序設(shè)計(jì)）課題：任務(wù)二設(shè)計(jì)折扣收銀機(jī)網(wǎng)頁程序(UI網(wǎng)頁)1課時(shí)：2課時(shí)1主講教師：某某某教師1學(xué)校：某某某學(xué)校0日期：2019年10月14日1

教案教學(xué)對(duì)象某學(xué)校某專業(yè)授課日期2019年10月14日使用教材Web程序設(shè)計(jì)（第二版）出版單位電子工業(yè)出版社課題任務(wù)二設(shè)計(jì)折扣收銀機(jī)網(wǎng)頁程序(UI網(wǎng)頁)計(jì)劃學(xué)時(shí)2學(xué)時(shí)教學(xué)目標(biāo)通過設(shè)計(jì)折扣收銀機(jī)網(wǎng)頁程序的學(xué)習(xí)，掌握相關(guān)知識(shí)與技能。知識(shí)目標(biāo)：掌握變量、數(shù)據(jù)類型、表達(dá)式的使用。技能目標(biāo)：熟悉各種數(shù)據(jù)的表示方法；熟悉表達(dá)式的使用及運(yùn)算符優(yōu)先級(jí)；能聲明變量及設(shè)置初始值；能使用條件分支語句進(jìn)行條件判斷語句實(shí)現(xià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ì)折扣收銀機(jī)網(wǎng)頁程序設(shè)計(jì)技能，及了解相關(guān)知識(shí)。難點(diǎn)：能熟練設(shè)計(jì)折扣收銀機(jī)網(wǎng)頁程序設(shè)計(jì)。教學(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í)：我們在VS中使用什么控件，用了控件什么屬性？導(dǎo)入新課：設(shè)計(jì)折扣收銀機(jī)網(wǎng)頁程序(UI網(wǎng)頁設(shè)計(jì)部分)以提問的方式展開與學(xué)生的互動(dòng)，引出本課堂教學(xué)內(nèi)容。項(xiàng)目串聯(lián)教學(xué)法掌握控件使用方式掌握控件主要屬性2、講解示范任務(wù)描述公司準(zhǔn)備在國慶來臨之際，在網(wǎng)上商城上要開展購物優(yōu)惠活動(dòng)。需要重新設(shè)計(jì)金額結(jié)算程序。IT經(jīng)理要求小李編寫一個(gè)折扣程序以滿足公司活動(dòng)的要求

任務(wù)分析小李與公司銷售部溝通，獲得程序要實(shí)現(xiàn)的功能需求。本次折扣促銷活動(dòng)是以在網(wǎng)上購物1500元，超過500元的部分打8折，對(duì)于超過1000元的部分打7折，最后給出應(yīng)付款額?，F(xiàn)小李假設(shè)用戶正好購物1500元，編寫一個(gè)網(wǎng)頁程序計(jì)算用戶實(shí)際付款金額。教師做中教，教學(xué)過程現(xià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é)法進(jìn)一步熟練使用控件：Label、TextBox、Button掌握折扣網(wǎng)頁程序設(shè)計(jì)的相關(guān)技能3、操作訓(xùn)練安排學(xué)生按照施工任務(wù)訓(xùn)練，掌握相關(guān)技能。通過任務(wù)二設(shè)計(jì)折扣收銀機(jī)，來學(xué)習(xí)各種數(shù)據(jù)的表示方法；熟悉表達(dá)式的使用及運(yùn)算符優(yōu)先級(jí)；能聲明變量及設(shè)置初始值。掌握運(yùn)算符、表達(dá)式以及邏輯運(yùn)算等方法技能，能使用程序語句解決具體實(shí)際的工作任務(wù)。填寫施工技術(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é)法完成項(xiàng)目任務(wù)的同時(shí)，掌握網(wǎng)頁程序設(shè)計(jì)中字符串運(yùn)算技能，了解表達(dá)式方法。4、課堂小結(jié)\教師點(diǎn)評(píng)小結(jié)本次課內(nèi)容，同時(shí)重點(diǎn)強(qiáng)調(diào)設(shè)計(jì)折扣收銀機(jī)操作步驟，重點(diǎn)為折扣計(jì)算中表達(dá)式使用技能，點(diǎn)評(píng)學(xué)生項(xiàng)目任務(wù)完成情況。利用多媒體等手段，強(qiáng)調(diào)知識(shí)與技能要點(diǎn)進(jìn)行總結(jié)，并布置課后的作業(yè)內(nèi)容。全體

講授掌握折扣網(wǎng)頁程序設(shè)計(jì)的相關(guān)技能，初步使用、了解表達(dá)式與運(yùn)算符。課外作業(yè)計(jì)算下面代碼中x和y的值，并通過程序進(jìn)行檢驗(yàn)： doublea=7.5,b=3,c=2.5; doublex=a/c+a/b–(int)a/c; doubley=a%c+a%b–(int)a%c;教學(xué)回顧通過本次課，能熟悉相關(guān)概念，培養(yǎng)學(xué)生動(dòng)手操作能力以及提出問題、思考問題和解決問題的能力；培養(yǎng)學(xué)生正確認(rèn)識(shí)本門課程學(xué)習(xí)的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合素養(yǎng)。

任務(wù)二設(shè)計(jì)折扣收銀機(jī)網(wǎng)頁程序

任務(wù)描述公司準(zhǔn)備在國慶來臨之際，在網(wǎng)上商城上要開展購物優(yōu)惠活動(dòng)，需要重新設(shè)計(jì)金額結(jié)算程序，部門負(fù)責(zé)人要求小李工程師編寫一個(gè)折扣網(wǎng)頁程序來配合公司活動(dòng)的要求。根據(jù)任務(wù)需求，網(wǎng)絡(luò)信息部門小明工程師設(shè)計(jì)020201.aspx公司網(wǎng)頁，設(shè)計(jì)界面如圖2-2-1所示：圖2-2-1折扣收銀機(jī)設(shè)計(jì)界面

任務(wù)分析小李工程師及時(shí)與公司銷售部溝通，獲得程序要實(shí)現(xiàn)的功能需求。本次折扣促銷活動(dòng)是以在網(wǎng)上購物1500元，超過500元的部分打8折，對(duì)于超過1000元的部分打7折，最后計(jì)算應(yīng)付款額?，F(xiàn)小李假設(shè)用戶正好購物1500元，編寫一個(gè)網(wǎng)頁程序計(jì)算用戶實(shí)際付款金額。設(shè)計(jì)網(wǎng)頁程序020201.aspx，用到的控件和屬性，如表2-2-1所示。表2-2-1控件對(duì)象屬性控件屬性說明Label1ID="Label1"Font-Size="XX-Large"Text="折扣收銀機(jī)"顯示網(wǎng)頁標(biāo)題“折扣收銀機(jī)”ButtonID="Button1"Font-Size="X-Large"Text="實(shí)際付款"onclick="Button1_Click"顯示按鈕“實(shí)際付款”Label2ID="Label2"顯示實(shí)際付款結(jié)果020201.aspx網(wǎng)頁程序源代碼如下：1<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="020201.aspx.cs"Inherits="_020201"%>2<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">3<htmlxmlns="/1999/xhtml">4<headrunat="server">5<title></title>6</head>7<body>8<formid="form1"runat="server">9<div>10<asp:LabelID="Label1"runat="server"Font-Size="XX-Large"Text="折扣收銀機(jī)"></asp:Label><br/><br/>11說明：消費(fèi)超過500元的部分打8折，對(duì)于超過1000元的部分打7折。<br/><br/>12<asp:ButtonID="Button1"runat="server"Font-Size="X-Large"OnClick="Button1_Click"Text="實(shí)際付款"/><br/><br/>13<asp:LabelID="Label2"runat="server"></asp:Label>14</div>15</form>16</body>17</html>2．020201.aspx.cs網(wǎng)頁程序源代碼在confirmyear.aspx設(shè)計(jì)視圖中雙擊Button1按鈕控件進(jìn)入020201.aspx.cs程序代碼編輯模式，參照以下代碼在Button_Click事件輸入：1usingSystem;2publicpartialclass_020201:System.Web.UI.Page3{4protectedvoidPage_Load(objectsender,EventArgse)5{}6protectedvoidButton1_Click(objectsender,EventArgse)7{8intjine=1500;//網(wǎng)上購物1500元9doubleshifu;//定義實(shí)際付款金額10shifu=500+500*0.8+(jine-1000)*0.7;11Label2.Text="****折扣活動(dòng)****"+"<br>";12Label2.Text=Label2.Text+"金額滿500超出部分，打8折；<br>金額滿1000超出部分，打7折"+