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

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