《html+css網(wǎng)頁設(shè)計(jì)》課程項(xiàng)目化教學(xué)改革

陳英

摘 要：：為了迎接高等教育面臨的各種挑戰(zhàn)，通過開展教學(xué)改革研究實(shí)踐，提高學(xué)生的學(xué)習(xí)興趣，電腦藝術(shù)設(shè)計(jì)專業(yè)通過課程改革，以期帶動(dòng)教育教學(xué)的改革和創(chuàng)新基于此，文章就《html+css網(wǎng)頁設(shè)計(jì)》這門網(wǎng)頁專業(yè)的專業(yè)基礎(chǔ)課的課程改革進(jìn)行的詳細(xì)的介紹。

關(guān)鍵詞：html+css網(wǎng)頁設(shè)計(jì)；課程項(xiàng)目化；改革

《html+css網(wǎng)頁設(shè)計(jì)》是一門實(shí)踐性很強(qiáng)的課程，傳統(tǒng)的教學(xué)方法只能讓學(xué)生初步掌握網(wǎng)頁制作的基本知識(shí)，為了提高學(xué)生的實(shí)際應(yīng)用能力，將項(xiàng)目化教學(xué)引入到《html+css網(wǎng)頁設(shè)計(jì)》中來，對(duì)該課程進(jìn)行教學(xué)改革，力求在該門課程中按照項(xiàng)目化教學(xué)方式進(jìn)行組織實(shí)施，更好地完成教學(xué)目標(biāo)。

一、基于項(xiàng)目化教學(xué)的涵義

項(xiàng)目化教學(xué)是指將課程學(xué)科體系中的章節(jié)知識(shí)內(nèi)容轉(zhuǎn)化為若干個(gè)教學(xué)項(xiàng)目，將知識(shí)點(diǎn)融于每個(gè)項(xiàng)目中，在日常的課程教學(xué)中圍繞這些項(xiàng)目來組織和開展，通過項(xiàng)目的實(shí)施來完成新知識(shí)的學(xué)習(xí)的一種教學(xué)方法和教學(xué)活動(dòng)。

二、基于項(xiàng)目化教學(xué)的實(shí)施

（一）課程內(nèi)容選取

在選擇課程內(nèi)容時(shí)，教師可以通過學(xué)校培養(yǎng)目標(biāo)以及校企合作單位真正需要的技術(shù)人才類型，按照“以能力培養(yǎng)為核心，以職業(yè)崗位為目標(biāo)，以工作過程為導(dǎo)向”的原則，合理選擇課程內(nèi)容，確保課程內(nèi)容能夠滿足社會(huì)需求，需要注意的是，教師選擇的課程內(nèi)容應(yīng)以應(yīng)用性知識(shí)為主，理論知識(shí)為輔，進(jìn)而提升學(xué)生的實(shí)踐能力。例如對(duì)于《html+css網(wǎng)頁設(shè)計(jì)》這門課，教師可以選擇站點(diǎn)的測試發(fā)布管理與維護(hù)、CSS樣式、表格、APDiv元素、插入多媒體元素和超鏈接、框架、應(yīng)用文本和圖像、網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)、模板庫和資源管理作為教學(xué)內(nèi)容。

選取課程內(nèi)容后，需要確定教學(xué)項(xiàng)目。依據(jù)所選取的課程內(nèi)容，將課程所包括的知識(shí)點(diǎn)解構(gòu)到各教學(xué)項(xiàng)目中，實(shí)現(xiàn)對(duì)教學(xué)內(nèi)容的有序化。

最后，要分解教學(xué)任務(wù)。對(duì)根據(jù)課程內(nèi)容所確定的教學(xué)項(xiàng)目中的內(nèi)容并行的或串行的教學(xué)任務(wù)的分解。

（二）任務(wù)的實(shí)施

按照“以學(xué)生為主體，以教師為主導(dǎo)，以能力為本位，以項(xiàng)目為導(dǎo)向”的教學(xué)理念實(shí)施項(xiàng)目化教學(xué)全過程，實(shí)現(xiàn)學(xué)生對(duì)知識(shí)的主動(dòng)探索、主動(dòng)發(fā)現(xiàn)和主動(dòng)構(gòu)建。具體的任務(wù)實(shí)施過程如圖1所示。

圖1教學(xué)任務(wù)實(shí)施步驟

一，情景導(dǎo)入。教師應(yīng)完整描述整節(jié)課的教學(xué)任務(wù)，充分激發(fā)學(xué)生興趣，并詳細(xì)介紹學(xué)生感興趣的內(nèi)容，引導(dǎo)學(xué)生分析頁面的設(shè)計(jì)風(fēng)格、組成要素，同時(shí)讓學(xué)生了解、掌握制作頁面的基本方法和步驟，幫助學(xué)生由淺到深的掌握頁面制作的知識(shí)。同時(shí)，要讓學(xué)生充分了解本節(jié)課的教學(xué)任務(wù)設(shè)計(jì)、能力目標(biāo)以及知識(shí)目標(biāo)，情境導(dǎo)入模塊中，是以教師為主體進(jìn)行授課。

二，分析講解。分析講解模塊也是以教師為主，在該模塊匯總，教師根據(jù)任務(wù)教學(xué)的要求，通過分析講解“教師做、學(xué)生模擬”，實(shí)現(xiàn)從知識(shí)點(diǎn)到實(shí)際操作技能的轉(zhuǎn)變。

三，舉一反三。舉一反三模塊以學(xué)生為主體，在相應(yīng)的網(wǎng)頁項(xiàng)目中，教師為學(xué)生配備相應(yīng)的知識(shí)點(diǎn)，然后學(xué)生根據(jù)自己的理解，自主完成教學(xué)項(xiàng)目，進(jìn)而幫助學(xué)生理解并掌握所學(xué)知識(shí)，同時(shí)掌握與教學(xué)任務(wù)相關(guān)的方法和技巧，實(shí)現(xiàn)教學(xué)任務(wù)所涵蓋知識(shí)目標(biāo)、能力目標(biāo)以學(xué)生為主體的自我構(gòu)建，從而達(dá)到牢固掌握網(wǎng)頁制作技術(shù)的能力。

四，總結(jié)提高。總結(jié)提高是項(xiàng)目化教學(xué)模式的最后一個(gè)模塊，在該模塊中，教師應(yīng)讓學(xué)生自己總結(jié)、提煉所學(xué)的理論知識(shí)的操作技能，通過該階段，學(xué)生能夠加深對(duì)所學(xué)知識(shí)的理解，同時(shí)提升對(duì)網(wǎng)頁制作方法的技巧。

三、教學(xué)評(píng)價(jià)方式的改革

《html+css網(wǎng)頁設(shè)計(jì)》課程是一門實(shí)踐性很強(qiáng)的課程，在日常的課程教學(xué)中教師可以采取基于任務(wù)驅(qū)動(dòng)的項(xiàng)目化教學(xué)方式，與之相配套的教學(xué)評(píng)價(jià)方式也應(yīng)該根據(jù)實(shí)際情況做適當(dāng)?shù)母母锖蛣?chuàng)新。因此對(duì)于該課程的考核建立過程考評(píng)與期末考評(píng)相結(jié)合的方法，強(qiáng)調(diào)過程考評(píng)的重要性。

四、結(jié)語

《html+css網(wǎng)頁設(shè)計(jì)》有很強(qiáng)的實(shí)踐性，教師在應(yīng)用項(xiàng)目化教學(xué)改革方式進(jìn)行教學(xué)時(shí)，應(yīng)讓學(xué)生成為課堂主體，教師只需圍繞任務(wù)的設(shè)計(jì)與實(shí)現(xiàn)對(duì)學(xué)生進(jìn)行輔導(dǎo)就可以，讓學(xué)生根據(jù)教學(xué)目標(biāo)，自主探索網(wǎng)頁制作的過程及相關(guān)知識(shí)，在這個(gè)過程中，提升學(xué)生的自主學(xué)習(xí)能力，讓學(xué)生在真實(shí)的教學(xué)情境中學(xué)習(xí)，進(jìn)而激發(fā)學(xué)生興趣，將學(xué)生培養(yǎng)成專業(yè)型人才，確保學(xué)生能夠滿足社會(huì)需求。

參考文獻(xiàn)：

[1]賈利娟.基于任務(wù)驅(qū)動(dòng)的課程項(xiàng)目化教學(xué)改革與實(shí)踐——以《html+css網(wǎng)頁設(shè)計(jì)》課程為例[J].陜西廣播電視大學(xué)學(xué)報(bào)，2016，18（03）：54-57.

[2]王旸，董君.藝術(shù)類高職《HTML+CSS網(wǎng)頁設(shè)計(jì)與制作》課程項(xiàng)目化教學(xué)改革與實(shí)踐[J].大眾文藝，2015，（24）：255.

[3]王浩.基于項(xiàng)目化的《網(wǎng)頁設(shè)計(jì)》課程教學(xué)改革初探[J].信息與電腦（理論版），2014，（11）：214.

[4]勞飛.基于項(xiàng)目化教學(xué)的“網(wǎng)頁設(shè)計(jì)與制作”課程改革與實(shí)踐[J].教育與職業(yè)，2014，（29）：139-140.