教案課程名稱：PHP網(wǎng)頁案例任務教程課題：任務四設計簡易等級評定動態(tài)網(wǎng)頁1課時：2課時1主講教師：某某某教師1學校：某某某學校日期：XXXX年月日1

教學對象網(wǎng)絡技術A班授課日期XXXX年月日使用教材PHP網(wǎng)頁案例任務教程出版單位電子工業(yè)出版社課題任務四設計簡易等級評定動態(tài)網(wǎng)頁計劃學時2學時教學目標通過教學活動能掌握任務四設計簡易等級評定動態(tài)網(wǎng)頁的技能知識目標：switch語句格式功能技能目標：能掌握任務四設計簡易等級評定動態(tài)網(wǎng)頁的技能態(tài)度目標：端正態(tài)度，配合伙伴完成任務。德育目標：養(yǎng)成良好的團隊協(xié)作精神，學會彼此配合協(xié)作完成項目任務，成果分享。教學重點難點重點：能掌握任務四設計簡易等級評定動態(tài)網(wǎng)頁的技能難點：能掌握任務四設計簡易等級評定動態(tài)網(wǎng)頁的技能，能排除簡單問題故障教學設計說明教學內(nèi)容以崗位工作任務出現(xiàn)，為學生將來快速融入崗位工作打基礎。教學重點是培養(yǎng)學生熟練的操作技能。通過訓練與強調(diào)，突破關鍵點。訓練結束后，接軌企業(yè)實際，施工任務單技術歸檔的填寫，是崗位標準化技能訓練的一部分。教學活動流程教學步驟與內(nèi)容教學組織形式教學方法達成目標1、新課導入新課導入同學們，每次考試后，老師會把具體分數(shù)換算成等級，比如90分以上是A（優(yōu)秀），80-89分是B（良好），70-79分是C（中等），60-69分是D（及格），60分以下是E（不及格），這樣能快速看出學習情況。要是每次都手動換算，又累又容易弄錯。其實在公司里，領導給員工工作表現(xiàn)打分后，也會像這樣把分數(shù)轉(zhuǎn)成A-E等級，用來快速評估大家的工作成果。但人工轉(zhuǎn)換特別耗時！今天我們就用PHP的switch語句做一個網(wǎng)頁，只要輸入分數(shù)，網(wǎng)頁就能像“自動小幫手”一樣，按規(guī)則馬上給出等級，不僅能幫老師輕松換算成績，更能幫公司快速完成員工評級工作！任務描述鑒于公司信息化維護工作量比較大，公司需要對每位員工的工作情況進行全面評價。然而，手動進行打分和轉(zhuǎn)換等級的過程非常耗時。因此，公司負責人希望借助技術手段簡化評估流程。為此，信息部門負責人委派工程師小明來設計名為“020401.php”的動態(tài)網(wǎng)頁，以滿足評分轉(zhuǎn)換為等級的功能需求。這個動態(tài)網(wǎng)頁將接收員工的打分數(shù)據(jù)，并自動將其轉(zhuǎn)換為對應的等級。部門經(jīng)理提出任務要求，希望該動態(tài)網(wǎng)頁能將百分制分數(shù)轉(zhuǎn)換為對應的等級（A、B、C、D、E）。通過這個簡單而高效的工具，部門負責人能夠快速而準確地評估員工的績效，節(jié)省大量時間和精力。工程師小明被要求以專業(yè)技術為基礎，按照部門負責人的需求，設計簡潔、易于使用的界面，并確保動態(tài)網(wǎng)頁的穩(wěn)定性和可靠性。這個動態(tài)網(wǎng)頁的成功實施將大大提升評估過程的效率，幫助部門負責人更好地管理團隊，推動公司信息化工作的順利進行。以提問的方式展開與學生的互動，引出本課堂教學內(nèi)容。項目串聯(lián)教學法根據(jù)學校要求安排按情況適度安排愛國主義、職業(yè)素養(yǎng)等思政內(nèi)容，初步了解知識概念即可。2、講解示范任務分析根據(jù)部門經(jīng)理的需求和轉(zhuǎn)換規(guī)則，工程師小明進行了詳細分析。為了滿足需求，工程師小明設計了名為“020401.php”的動態(tài)網(wǎng)頁。該動態(tài)網(wǎng)頁允許用戶在頁面上輸入百分制的分數(shù)，并根據(jù)特定的轉(zhuǎn)換規(guī)則將其轉(zhuǎn)換為相應的等級。1．轉(zhuǎn)換規(guī)則（1）分數(shù)90及以上（包含90）轉(zhuǎn)換為等級A。（2）分數(shù)在80至89之間轉(zhuǎn)換為等級B。（3）分數(shù)在70至79之間轉(zhuǎn)換為等級C。（4）分數(shù)在60至69之間轉(zhuǎn)換為等級D。（5）分數(shù)低于60轉(zhuǎn)換為等級E。通過這個動態(tài)網(wǎng)頁，部門經(jīng)理和其他員工可以輕松輸入分數(shù)并獲取對應的等級。這種自動化的轉(zhuǎn)換過程將極大地簡化評估流程，提高工作效率。工程師小明采用了專業(yè)技術，確保該動態(tài)網(wǎng)頁的穩(wěn)定性和可靠性。他將界面設計得簡潔明了，使用戶能夠輕松操作和理解轉(zhuǎn)換結果。這個任務的成功實施將使部門經(jīng)理能夠快速而準確地評估員工的工作情況，并為公司信息化維護工作節(jié)省時間和資源。同時，該動態(tài)網(wǎng)頁還具備可擴展性和復用性，可用于將來的評估任務，為公司持續(xù)提供價值。2．網(wǎng)站規(guī)劃參數(shù)Web站點路徑：C:\phpweb.Web測試IP地址：127.0.0.1.Web測試端口號：8899。工程師小明編寫的動態(tài)網(wǎng)頁名為“020401.php”。為確保網(wǎng)頁結果的正確性，任務施工結束時要進行測試與驗收，記錄主要施工技術參數(shù)。

方法和步驟1．準備工作按照網(wǎng)站規(guī)劃參數(shù)進行配置。Web站點路徑：C:\phpwebWeb測試IP地址：127.0.0.1。Web測試端口號：8899。參照項目一中任務一、任務二、任務三，配置并啟動WAMP環(huán)境，配置好Dreamweaver網(wǎng)站環(huán)境，如果已經(jīng)配置并啟動WAMP環(huán)境、Dreamweaver網(wǎng)站環(huán)境，本步驟可以略過。創(chuàng)建“020401.php”動態(tài)網(wǎng)頁。確認準備工作無誤，啟動Dreamweaver軟件，鼠標單擊“文件”菜單，單擊“新建”按鈕，單擊“創(chuàng)建”按鈕，單擊“文件”菜單，單擊“保存”，彈出“另存為”對話框，文件名處輸入“020401”，單擊“保存”按鈕。2．設計“020401.php”動態(tài)網(wǎng)頁參照圖2-4-1在“020401.php”動態(tài)網(wǎng)頁中設計標題、表單與控件。（1）輸入網(wǎng)頁標題“簡易等級評定”。（2）鼠標單擊“窗口”菜單，單擊“插入”調(diào)出插入面板，在插入面板上單擊“表單”調(diào)出表單面板，單擊表單面板上“表單”按鈕，彈出表單form對話框，在對話框操作處輸入“020401.php”，在方法處選擇“post”選項，單擊“確定”按鈕。（3）在表單form區(qū)域中輸入標題“簡易等級評定”，用鍵盤輸入組合鍵“Shift+Enter”換行，選中標題“簡易等級評定”文字，鼠標單擊“窗口”菜單，單擊“屬性”調(diào)出屬性面板，HTML屬性格式處選擇“標題1”。如圖2-4-2所示。（4）在標題“簡易等級評定”下面一行輸入“限定評分輸入的范圍0～100分?！辈迦氡韱蚊姘逯小拔谋咀侄巍笨丶?，回車換行。（5）插入表單面板中“按鈕”控件，按鈕控件屬性改為“計算”。3．在“020401.php”動態(tài)網(wǎng)頁中輸入PHP源代碼（1）鼠標單擊“窗口”菜單，單擊“插入”，調(diào)出插入面板在插入面板上單擊“PHP”調(diào)出PHP面板，單擊PHP面板上“<?”或“echo”按鈕，在源代碼編輯區(qū)域需要的位置自動插入<?php?>和<?phpecho?>代碼塊。（2）參照源代碼第

14

行在控件參數(shù)中輸入

value="<?phpechoisset($_REQUEST['num1'])?$_REQUEST['num1']""?>"。（3）參照源代碼第6～9行、第19～48行，用鍵盤輸入PHP源代碼（注意為節(jié)約時間，注釋可以省略，正式技術資料歸檔時，按照行業(yè)規(guī)范要求必須有詳細規(guī)范的注釋）。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用WAMP集成環(huán)境與Dreamweaver可視化環(huán)境相結合項目串聯(lián)教學法通過講解操作演示，同時強調(diào)過程中的關鍵步驟或參數(shù)等相關操作。3、操作訓練教師演示操作能掌握任務四設計簡易等級評定動態(tài)網(wǎng)頁的技能，能排除簡單問題故障，學生按照項目任務要求、方法與操作步驟進行訓練。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用WAMP集成環(huán)境與Dreamweaver可視化環(huán)境相結合項目串聯(lián)教學法幫助學生理解知道或了解相關概念知識，切實掌握相關操作技能。4、課堂小結\教師點評小結本次課內(nèi)容，同時重點強調(diào)能掌握任務四設計簡易等級評定動態(tài)網(wǎng)頁的技能，能排除簡單問題故障，同時了解知道其相關知識概念。利用多媒體等手段，強調(diào)知識與技能要點進行總結，并布置課后的作業(yè)內(nèi)容。全體

講授鞏固知識與技能。課外作業(yè)1．畫出switch語句簡易流程圖。2．寫出switch語句格式。3．解釋switch語句，并說明switch執(zhí)行流程。教學回顧通過本次課，能熟悉相關概念，培養(yǎng)學生動手操作能力以及提出問題、思考問題和解決問題的能力；培養(yǎng)學生正確認識本門課程學習的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合素養(yǎng)。02任務四設計簡易等級評定動態(tài)網(wǎng)頁任務描述鑒于公司信息化維護工作量比較大，公司需要對每位員工的工作情況進行全面評價。然而，手動進行打分和轉(zhuǎn)換等級的過程非常耗時。因此，公司負責人希望借助技術手段簡化評估流程。為此，信息部門負責人委派工程師小明來設計名為“020401.php”的動態(tài)網(wǎng)頁，以滿足評分轉(zhuǎn)換為等級的功能需求。這個動態(tài)網(wǎng)頁將接收員工的打分數(shù)據(jù)，并自動將其轉(zhuǎn)換為對應的等級。部門經(jīng)理提出任務要求，希望該動態(tài)網(wǎng)頁能將百分制分數(shù)轉(zhuǎn)換為對應的等級（A、B、C、D、E）。通過這個簡單而高效的工具，部門負責人能夠快速而準確地評估員工的績效，節(jié)省大量時間和精力。工程師小明被要求以專業(yè)技術為基礎，按照部門負責人的需求，設計簡潔、易于使用的界面，并確保動態(tài)網(wǎng)頁的穩(wěn)定性和可靠性。這個動態(tài)網(wǎng)頁的成功實施將大大提升評估過程的效率，幫助部門負責人更好地管理團隊，推動公司信息化工作的順利進行。設計界面如圖2-4-1所示。任務分析根據(jù)部門經(jīng)理的需求和轉(zhuǎn)換規(guī)則，工程師小明進行了詳細分析。為了滿足需求，工程師小明設計了名為“020401.php”的動態(tài)網(wǎng)頁。該動態(tài)網(wǎng)頁允許用戶在頁面上輸入百分制的分數(shù)，并根據(jù)特定的轉(zhuǎn)換規(guī)則將其轉(zhuǎn)換為相應的等級。1．轉(zhuǎn)換規(guī)則（1）分數(shù)90及以上（包含90）轉(zhuǎn)換為等級A。（2）分數(shù)在80至89之間轉(zhuǎn)換為等級B。（3）分數(shù)在70至79之間轉(zhuǎn)換為等級C。（4）分數(shù)在60至69之間轉(zhuǎn)換為等級D。（5）分數(shù)低于60轉(zhuǎn)換為等級E。通過這個動態(tài)網(wǎng)頁，部門經(jīng)理和其他員工可以輕松輸入分數(shù)并獲取對應的等級。這種自動化的轉(zhuǎn)換過程將極大地簡化評估流程，提高工作效率。工程師小明采用了專業(yè)技術，確保該動態(tài)網(wǎng)頁的穩(wěn)定性和可靠性。他將界面設計得簡潔明了，使用戶能夠輕松操作和理解轉(zhuǎn)換結果。這個任務的成功實施將使部門經(jīng)理能夠快速而準確地評估員工的工作情況，并為公司信息化維護工作節(jié)省時間和資源。同時，該動態(tài)網(wǎng)頁還具備可擴展性和復用性，可用于將來的評估任務，為公司持續(xù)提供價值。2．網(wǎng)站規(guī)劃參數(shù)Web站點路徑：C:\phpweb.Web測試IP地址：127.0.0.1.Web測試端口號：8899。工程師小明編寫的動態(tài)網(wǎng)頁名為“020401.php”。為確保網(wǎng)頁結果的正確性，任務施工結束時要進行測試與驗收，記錄主要施工技術參數(shù)。思考與練習敘述題1．畫出switch語句簡易流程圖。2．寫出switch語句格式。3．解釋switch語句，并