《PHP網(wǎng)站開發(fā)項(xiàng)目式教程(微課版) 教案任務(wù)6教案》由會(huì)員分享,可在線閱讀,更多相關(guān)《PHP網(wǎng)站開發(fā)項(xiàng)目式教程(微課版) 教案任務(wù)6教案(2頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、《PHP網(wǎng)站開發(fā)項(xiàng)目式教程(微課版)》教案
基本信息說(shuō)明
模塊
163郵箱登錄功能實(shí)現(xiàn) 單元數(shù) 2
教學(xué)目標(biāo)
知識(shí)目標(biāo)
掌握登錄界面的設(shè)計(jì)方法
掌握判斷登錄信息正確性的方法,完成登錄功能
能力目標(biāo)
使學(xué)生具備設(shè)計(jì)簡(jiǎn)單登錄界面和tab選項(xiàng)卡登錄界面的能力
重點(diǎn)
登錄界面中錯(cuò)誤提示信息層的設(shè)計(jì)方法
設(shè)計(jì)tab選項(xiàng)卡式登錄界面
判斷登錄信息正確性的方法
難點(diǎn)
設(shè)計(jì)tab選項(xiàng)卡式登錄界面
判斷登錄信息正確性的方法
教學(xué)方法與教學(xué)手段
教學(xué)方法
項(xiàng)目驅(qū)動(dòng)、啟發(fā)引導(dǎo)式和小組討論
教學(xué)手段
通過(guò)運(yùn)行所設(shè)計(jì)的163郵箱登錄項(xiàng)目,引導(dǎo)學(xué)生觀察需要完成的功能,說(shuō)明
需要
2、注意的事項(xiàng)及功能實(shí)現(xiàn)的方法
教學(xué)內(nèi)容
設(shè)計(jì)登錄界面完成登錄功能
1.設(shè)計(jì)登錄界面
強(qiáng)調(diào)tab選項(xiàng)卡式登錄界面的設(shè)計(jì)方法
創(chuàng)建denglu. html和denglu. css文件,完成普通登錄界面的設(shè)計(jì),注意錯(cuò)誤
提示信息層的初始狀態(tài)設(shè)置方法
說(shuō)明tab選項(xiàng)卡的作用特點(diǎn)
創(chuàng)建denglu-tab. html和denglu-tab. css文件,使用tab選項(xiàng)卡形式設(shè)計(jì)包
括賬戶登錄和手機(jī)號(hào)登錄的兩種登錄選項(xiàng)卡
創(chuàng)建denglu. js文件,實(shí)現(xiàn)選項(xiàng)卡的切換功能
2.完成登錄功能
強(qiáng)調(diào)用戶名和密碼等信息輸入錯(cuò)誤的提示信息的顯示方法
獲取用戶輸入的用戶名和密碼等信息
使用session保存用戶名信息
鏈接訪問(wèn)mysql數(shù)據(jù)庫(kù),設(shè)計(jì)查詢語(yǔ)句,查詢數(shù)據(jù)表usermsg中是否存在用戶
輸入的用戶名和密碼信息,若是存在,則進(jìn)入郵箱主界面email, php文件,否則回
到登錄界面重新輸入,并顯示提示信息。