課程教案-27課題名稱第9章應(yīng)用DIV+CSS設(shè)計(jì)商業(yè)網(wǎng)站第1-4節(jié)建立站點(diǎn)，結(jié)構(gòu)分析，框架搭建，商業(yè)網(wǎng)站頁(yè)面布局授課班級(jí)軟件技術(shù)等大一上學(xué)期授課班級(jí)授課學(xué)時(shí)2授課地點(diǎn)多媒體教室授課形式講授、演示參考教材《前端HTML+CSS修煉之道》教學(xué)資源電子課件、教案、文字材料教學(xué)目標(biāo)知識(shí)目標(biāo)：了解網(wǎng)站開(kāi)發(fā)流程；了解網(wǎng)頁(yè)布局設(shè)計(jì)；技能目標(biāo)：可以使用DIV+CSS進(jìn)行網(wǎng)頁(yè)布局；掌握網(wǎng)站開(kāi)發(fā)流程及實(shí)際方法；素質(zhì)目標(biāo)：培養(yǎng)學(xué)生認(rèn)真、一絲不茍的學(xué)習(xí)態(tài)度，能夠根據(jù)實(shí)際情況對(duì)網(wǎng)頁(yè)進(jìn)行結(jié)構(gòu)分析；教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)網(wǎng)頁(yè)布局的結(jié)構(gòu)分析及網(wǎng)頁(yè)結(jié)構(gòu)布局教學(xué)難點(diǎn)使用DIV+CSS進(jìn)行網(wǎng)頁(yè)結(jié)構(gòu)布局學(xué)情分析本次所講內(nèi)容選自教材第9章第1-4節(jié)。因?yàn)楸敬握n程是HTML學(xué)習(xí)的綜合案例課程，需要和老師一起討論分析網(wǎng)站開(kāi)發(fā)流程及參與討論布局設(shè)計(jì)，并能夠理解老師進(jìn)行DIV+CSS的布局設(shè)計(jì)操作。教學(xué)過(guò)程課前：預(yù)習(xí)+課程導(dǎo)入本章課程內(nèi)容為案例課程，主要一步一步去實(shí)現(xiàn)一個(gè)網(wǎng)上書(shū)店的頁(yè)面制作，本次課程主要分析討論網(wǎng)站開(kāi)發(fā)流程，布局設(shè)計(jì)與實(shí)現(xiàn)，在后續(xù)課程中我們將在布局設(shè)計(jì)實(shí)現(xiàn)的基礎(chǔ)上實(shí)現(xiàn)網(wǎng)頁(yè)具體的HTML和CSS樣式，最終完成一個(gè)網(wǎng)上書(shū)店的前端頁(yè)面。課中：1、為項(xiàng)目建立站點(diǎn)。2、給出效果圖，和學(xué)生一起討論分析網(wǎng)站的結(jié)構(gòu)網(wǎng)站整體的框架搭建商業(yè)網(wǎng)站頁(yè)面布局有了上面的基礎(chǔ)，下面的任務(wù)就是通過(guò)HTML和CSS制作一個(gè)完整的網(wǎng)頁(yè)。在9.1.3小節(jié)我們已經(jīng)把整體框架搭建好了，就像蓋房子一樣，整體結(jié)構(gòu)已經(jīng)出來(lái)了，下面就需要分割空間了。課后：給學(xué)生不知擴(kuò)展作業(yè)，根據(jù)截圖分析網(wǎng)頁(yè)結(jié)構(gòu)及對(duì)網(wǎng)頁(yè)進(jìn)行簡(jiǎn)單的頁(yè)面布局。教學(xué)反思采用啟發(fā)式教學(xué)，提問(wèn)學(xué)生，和學(xué)生一起討論分析，并進(jìn)行現(xiàn)場(chǎng)演示；讓學(xué)生了解到制作一個(gè)網(wǎng)站頁(yè)面是