WEB應(yīng)用程序設(shè)計(jì)課程教學(xué)大綱

《WEB應(yīng)用程序設(shè)計(jì)》課程教學(xué)大綱一、課程基本信息（四號黑體）英文名稱WEBProgramming課程代碼ELBU2010課程性質(zhì)專業(yè)必修課程授課對象電子商務(wù)專業(yè)學(xué)分3.5學(xué)時(shí)54+18主講教師修訂日期2023.9指定教材《PHPWeb程序設(shè)計(jì)教程與實(shí)驗(yàn)》，二、課程目標(biāo)（一）總體目標(biāo)：作為電子商務(wù)專業(yè)的學(xué)生，掌握靜動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)是基本技能。通過本課程的學(xué)習(xí)，學(xué)生可以結(jié)合遠(yuǎn)程服務(wù)器實(shí)踐，迅速掌握網(wǎng)頁開發(fā)的基礎(chǔ)代碼，提升網(wǎng)頁設(shè)計(jì)的實(shí)戰(zhàn)能力，并最終在服務(wù)器上成功開發(fā)出一個(gè)小型PHP網(wǎng)站。（二）課程目標(biāo)：PHP是一種易于學(xué)習(xí)和使用的后臺開發(fā)技術(shù)，用戶只需具備很少的編程知識，就可以使用PHP建立一個(gè)具有交互功能的Web站點(diǎn)。MySQL是一個(gè)廣受歡迎的中型關(guān)系數(shù)據(jù)庫管理系統(tǒng)，它免費(fèi)、快速、并且支持多線程、多用戶、重負(fù)載的性能要求。使用SQL進(jìn)行Web應(yīng)用系統(tǒng)開發(fā)是一種非常理想的選擇，這在當(dāng)前各大網(wǎng)站服務(wù)商是常見的基本標(biāo)配課程目標(biāo)1：通過授課與實(shí)驗(yàn)，掌握設(shè)計(jì)與制作1．1基本靜態(tài)網(wǎng)頁語句1．2CSS應(yīng)用1．3使用CSS實(shí)現(xiàn)靜態(tài)網(wǎng)頁的布局與美觀設(shè)計(jì)課程目標(biāo)2：通過授課與實(shí)驗(yàn)，掌握MYSQL數(shù)據(jù)庫應(yīng)用2．1數(shù)據(jù)庫的創(chuàng)建與設(shè)計(jì)2．2數(shù)據(jù)庫的訪問與基本操作課程目標(biāo)3：通過授課與實(shí)驗(yàn)，掌握PHP程序的開發(fā)3．1PHP基礎(chǔ)語法和命令3．2PHP訪問MYSQL數(shù)據(jù)庫的實(shí)現(xiàn)操作（三）課程目標(biāo)與畢業(yè)要求、課程內(nèi)容的對應(yīng)關(guān)系表1：課程目標(biāo)與課程內(nèi)容、畢業(yè)要求的對應(yīng)關(guān)系表課程目標(biāo)課程子目標(biāo)對應(yīng)課程內(nèi)容對應(yīng)畢業(yè)要求課程目標(biāo)11.1靜態(tài)網(wǎng)頁語句掌握最基礎(chǔ)的HTML腳本命令，如文本、圖像、超級鏈接、表格等1.2CSS應(yīng)用掌握字體，字號，字體顏色，單詞間隔，對齊方式，文本行高等基本屬性的使用1.3網(wǎng)頁的布局與美觀設(shè)計(jì)掌握網(wǎng)頁左右上下的分欄布局課程目標(biāo)22.1數(shù)據(jù)庫的創(chuàng)建掌握在遠(yuǎn)程數(shù)據(jù)庫服務(wù)器平臺上創(chuàng)建與設(shè)計(jì)數(shù)據(jù)庫2.2數(shù)據(jù)庫的訪問掌握基礎(chǔ)的SQL的命令，熟練訪問需要的數(shù)據(jù)課程目標(biāo)33.1PHP基礎(chǔ)語法掌握靜態(tài)動(dòng)態(tài)網(wǎng)頁的相互嵌入與補(bǔ)充3.2PHP訪問MYSQL數(shù)據(jù)庫在WEB服務(wù)器上能實(shí)現(xiàn)數(shù)據(jù)庫的訪問和內(nèi)容修改操作三、教學(xué)內(nèi)容第一章HTML基礎(chǔ)1.教學(xué)目標(biāo)：（1）掌握HTML文檔的代碼編寫；（2）熟練使用CSS進(jìn)行網(wǎng)頁優(yōu)化；（3）掌握用CSS達(dá)成網(wǎng)頁美化的預(yù)期效果。2.教學(xué)重難點(diǎn)：（1）不同標(biāo)簽在HTML代碼中的用途；（2）CSS在不同的使用環(huán)境如何選擇方式；（3）網(wǎng)頁布局的CSS實(shí)現(xiàn)。3.教學(xué)內(nèi)容：（1）HTML文檔結(jié)構(gòu)與基本標(biāo)記的使用；（2）CSS的使用；（3）實(shí)例結(jié)合，用CSS進(jìn)行網(wǎng)頁的美化。4.教學(xué)方法：講授、討論、比較、案例分析。5.教學(xué)評價(jià)：CSS對網(wǎng)頁內(nèi)容與網(wǎng)頁設(shè)計(jì)分離的價(jià)值。第二章JavaScript客戶端腳本語言1.教學(xué)目標(biāo)：（1）熟練使用JavaScript對網(wǎng)頁對象及標(biāo)簽進(jìn)行控制；（2）掌握用JavaScript進(jìn)行表單的驗(yàn)證。2.教學(xué)重難點(diǎn)：JavaScript腳本編寫3.教學(xué)內(nèi)容：（1）JavaScript的語言基礎(chǔ)；（2）使用JavaScript對網(wǎng)頁對象內(nèi)容和布局控制；（3）使用JavaScript進(jìn)行表單的驗(yàn)證。4.教學(xué)方法：講授、討論、比較、案例分析。5.教學(xué)評價(jià)：JS對網(wǎng)頁內(nèi)容的代碼編寫。第三章MySQL數(shù)據(jù)庫基礎(chǔ)1.教學(xué)目標(biāo)：（1）掌握在SAE上啟動(dòng)MySQL；（2）熟練使用數(shù)據(jù)庫的創(chuàng)建和刪除；（3）掌握MYSQL數(shù)據(jù)記錄的插入、刪除、更新與查詢命令。2.教學(xué)重難點(diǎn)：SQL結(jié)構(gòu)化查詢語句3.教學(xué)內(nèi)容：（1）MYSQL概述；（2）數(shù)據(jù)庫的創(chuàng)建；（3）INSERT\UPDATE\DELETE\SELECT命令的使用。4.教學(xué)方法：講授、討論、比較、案例分析。5.教學(xué)評價(jià)：在SAE平臺上安裝MYSQL及使用第四章PHP5的程序設(shè)計(jì)基礎(chǔ)1.教學(xué)目標(biāo)：熟練掌握PHP與HTML在網(wǎng)頁代碼中的切換技巧2.教學(xué)重難點(diǎn)：PHP流程控制語句3.教學(xué)內(nèi)容：（1）PHP5概述；（2）PHP5的語言基礎(chǔ)。4.教學(xué)方法：講授、討論、比較、案例分析。5.教學(xué)評價(jià)：熟練掌握PHP代碼嵌入網(wǎng)頁的技能第五章PHP和MySQL數(shù)據(jù)庫的操作1.教學(xué)目標(biāo)：掌握PHP與MYSQL通過函數(shù)連接，并訪問的技能2.教學(xué)重難點(diǎn)：各函數(shù)的使用方法3.教學(xué)內(nèi)容：連接數(shù)據(jù)庫Mysql_connect，選擇數(shù)據(jù)庫mysql_select_db，數(shù)據(jù)庫執(zhí)行操作mysql_query，記錄集操作mysql_fetch_assoc，獲取記錄內(nèi)容mysql_num_rows，釋放結(jié)果mysql_free_result4.教學(xué)方法：講授、討論、比較、案例分析。5.教學(xué)評價(jià)：熟練掌握PHP連接MYSQL并訪問的基本技能第六章PHP+MYSQL開發(fā)應(yīng)用程序舉例1.教學(xué)目標(biāo)：熟練使用PHP開發(fā)小型服務(wù)器端平臺2.教學(xué)重難點(diǎn)：系統(tǒng)的綜合3.教學(xué)內(nèi)容：（1）GET與POST實(shí)現(xiàn)客戶端與服務(wù)器端數(shù)據(jù)交換；（2）遠(yuǎn)程數(shù)據(jù)庫端的記錄維護(hù)：刪除、修改、增加與查詢；（3）數(shù)據(jù)的分頁顯示；（4）SESSION技術(shù)的使用4.教學(xué)方法：講授、討論、比較、案例分析。5.教學(xué)評價(jià)：開發(fā)小型商品發(fā)布與維護(hù)系統(tǒng)四、學(xué)時(shí)分配表2：各章節(jié)的具體內(nèi)容和學(xué)時(shí)分配表章節(jié)章節(jié)內(nèi)容學(xué)時(shí)分配第一章HTML基礎(chǔ)15第二章客戶端腳本語言9第三章MySQL數(shù)據(jù)庫基礎(chǔ)3第四章PHP5的程序設(shè)計(jì)基礎(chǔ)3第五章PHP和MySQL數(shù)據(jù)庫的操作6第六章+MYSQL開發(fā)應(yīng)用程序舉例15五、教學(xué)進(jìn)度表3：教學(xué)進(jìn)度表周次日期章節(jié)名稱內(nèi)容提要授課時(shí)數(shù)作業(yè)及要求備注1HTML基礎(chǔ)標(biāo)簽3靜態(tài)網(wǎng)頁的開發(fā)2-3HTML基礎(chǔ)6學(xué)習(xí)進(jìn)行網(wǎng)頁布局設(shè)計(jì)的三種方式4-5HTML基礎(chǔ)DIV布局6結(jié)合實(shí)例進(jìn)行完整網(wǎng)頁的布局6客戶端腳本語言基本語法3程序流程7-8客戶端腳本語言JS+6JS進(jìn)行網(wǎng)頁動(dòng)態(tài)設(shè)計(jì)9PHP5的程序設(shè)計(jì)基礎(chǔ)PHP5的語言基礎(chǔ)3了解PHP的基本語法結(jié)構(gòu)10MySQL數(shù)據(jù)庫基礎(chǔ)數(shù)據(jù)庫的創(chuàng)建3SAE平臺下進(jìn)行數(shù)據(jù)庫的操作11-12PHP和MySQL數(shù)據(jù)庫的操作PHP連接MYSQL并訪問的基本技能6掌握SAE數(shù)據(jù)庫的連接與打開13-17+MYSQL開發(fā)應(yīng)用程序舉例使用PHP開發(fā)小型服務(wù)器端平臺15商品平臺的開發(fā)18考試3六、教材及參考書目1.《精通HTML5+CSS3+JavaScript網(wǎng)頁設(shè)計(jì)》，清華大學(xué)出版社2.《PHP+MySQL+Dreamweaver動(dòng)態(tài)網(wǎng)站建設(shè)從入門到精通》，機(jī)械工業(yè)出版社3.《PHP+MySQL+Dreamweaver網(wǎng)站建設(shè)全程揭秘》，清華大學(xué)出版社4.《CSS商業(yè)網(wǎng)站布局之道》，清華大學(xué)出版社5.《JavaScript入門經(jīng)典》，清華大學(xué)出版社七、教學(xué)方法1．講授法：理論講授，主要教學(xué)方法，貫穿教學(xué)全過程。2．討論法：對本門課程的主要內(nèi)容，采用問題形式，在師生和學(xué)生之間展開討論。3.舉例法：通過舉例，強(qiáng)化學(xué)生對相關(guān)知識點(diǎn)的認(rèn)識。4.案例分析法：通過案例解讀、案例問題回答，提高學(xué)生理論知識運(yùn)用能力。八、考核方式及評定方法（一）課程考核與課程目標(biāo)的對應(yīng)關(guān)系表4：課程考核與課程目標(biāo)的對應(yīng)關(guān)系表課程目標(biāo)考核要點(diǎn)考核方式課程目標(biāo)1設(shè)計(jì)1.課堂交流2.課后作業(yè)3.期末考試課程目標(biāo)2數(shù)據(jù)庫設(shè)計(jì)與使用1.課堂交流2.課后作業(yè)3.期末考試課程目標(biāo)3動(dòng)態(tài)網(wǎng)站開發(fā)1.課堂交流2.課后作業(yè)3.期末考試（二）評定方法1．評定方法平時(shí)成績（含考勤、課堂表現(xiàn)與作業(yè)）15%，期中考試15%；期末考試70%，機(jī)房操作，開卷。2．課程目標(biāo)的考核占比與達(dá)成度分析表5：課程目標(biāo)的考核占比與達(dá)成度分析表考核占比課程目標(biāo)平時(shí)期中期末總評達(dá)成度課程目標(biāo)1151570總評達(dá)成度={0.15ｘ平時(shí)分目標(biāo)成績+0.15ｘ期中分目標(biāo)成績+0.7ｘ期末分目標(biāo)成績}/分目標(biāo)總分課程目標(biāo)2151570課程目標(biāo)3151570（三）評分標(biāo)準(zhǔn)課程目標(biāo)評分標(biāo)準(zhǔn)90-10080-8970-7960-69＜60優(yōu)良中合格不合格ABCDF課程目標(biāo)1美觀，并完成指定的所有操作