高職《網(wǎng)頁設(shè)計(jì)》課程教學(xué)改革探析

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了高職《網(wǎng)頁設(shè)計(jì)》課程教學(xué)改革探析范文，希望能給你帶來靈感和參考，敬請(qǐng)閱讀。

摘要：網(wǎng)頁設(shè)計(jì)課程構(gòu)建真實(shí)應(yīng)用驅(qū)動(dòng)下的高效的課堂教學(xué)項(xiàng)目、靈活的教學(xué)模式以及個(gè)性化的教學(xué)評(píng)價(jià)；教學(xué)過程中以學(xué)生為主體，以教師為主導(dǎo)，進(jìn)行教學(xué)做一體化教學(xué)；對(duì)學(xué)生的學(xué)習(xí)成績(jī)進(jìn)行個(gè)性化的教學(xué)評(píng)價(jià)，調(diào)動(dòng)所有學(xué)生的學(xué)習(xí)積極性。教學(xué)實(shí)踐表明，該理論改革有效提高了學(xué)生的職業(yè)能力。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；真實(shí)應(yīng)用驅(qū)動(dòng)；教學(xué)做一體化

0引言

當(dāng)前，國家推動(dòng)創(chuàng)新驅(qū)動(dòng)發(fā)展，實(shí)施“一帶一路”、“中國制造2025”、“互聯(lián)網(wǎng)＋”等重大戰(zhàn)略，以新技術(shù)、新業(yè)態(tài)、新模式、新產(chǎn)業(yè)為代表的新經(jīng)濟(jì)蓬勃發(fā)展，對(duì)職業(yè)院校培養(yǎng)技術(shù)性人才提出了更高要求，迫切需要加快高職課程改革和創(chuàng)新。高職院校在專業(yè)課教學(xué)中應(yīng)促進(jìn)學(xué)以致用、用以促學(xué)、學(xué)用相長，增強(qiáng)學(xué)生的可持續(xù)發(fā)展能力?！?a href="http://m.coffee125.com/lunwen/wangyeshejilunwen/128650.html" target="_blank">網(wǎng)頁設(shè)計(jì)》是高職計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)非常重要的一門專業(yè)基礎(chǔ)課程，涉及HTML語言、CSS、JavaScript、Jquery等技術(shù)。隨著網(wǎng)頁設(shè)計(jì)制作技術(shù)的發(fā)展，山東信息職業(yè)技術(shù)學(xué)院（以下稱“學(xué)院”）不斷更新教學(xué)內(nèi)容，相應(yīng)的教學(xué)模式也在不斷變革，力求使學(xué)生學(xué)會(huì)最新最接近社會(huì)需求的網(wǎng)頁設(shè)計(jì)知識(shí)。

1教學(xué)現(xiàn)狀及問題分析

在高職《網(wǎng)頁設(shè)計(jì)》課程教學(xué)中，這些年學(xué)院雖然一直在探索使用各種教學(xué)方式進(jìn)行教學(xué)改革，先后使用過案例教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、項(xiàng)目教學(xué)法等，這些方法注重應(yīng)用，達(dá)到理論適度夠用，注重學(xué)生的實(shí)踐技能培養(yǎng)，在一定程度上提高了課堂教學(xué)效果。但仍然普遍存在教學(xué)所用案例或項(xiàng)目與實(shí)際應(yīng)用有差距，太簡(jiǎn)單或者不實(shí)用，學(xué)生沒有學(xué)會(huì)真正應(yīng)該掌握的內(nèi)容等問題。另據(jù)調(diào)查，高職學(xué)校畢業(yè)班中普遍存在這樣的情況：學(xué)生在最后一學(xué)期畢業(yè)實(shí)習(xí)時(shí)，有一部分畢業(yè)生想從事計(jì)算機(jī)專業(yè)方向的工作，但又苦于達(dá)不到用人單位的招聘要求，他們會(huì)花費(fèi)1～2萬元培訓(xùn)費(fèi)到北京、上海、杭州等大城市進(jìn)行半年左右的專業(yè)技能培訓(xùn)，再上崗就業(yè)。這也說明高職院校培養(yǎng)的畢業(yè)生并沒有與企業(yè)很好地?zé)o縫對(duì)接。學(xué)生要額外花費(fèi)金錢和時(shí)間來完成技能提高和培訓(xùn)。這給高職院校的專業(yè)教學(xué)無疑敲起了警鐘。因此，針對(duì)這些情況，學(xué)校以真實(shí)應(yīng)用驅(qū)動(dòng)為前提，以真實(shí)項(xiàng)目為載體，合理安排教學(xué)內(nèi)容，讓學(xué)生有針對(duì)性地學(xué)習(xí)網(wǎng)頁設(shè)計(jì)課程知識(shí)，學(xué)做從實(shí)際應(yīng)用中得來的真實(shí)項(xiàng)目，從中得到訓(xùn)練和提高。

2教學(xué)模式改革

2．1自主編寫教材

在《網(wǎng)頁設(shè)計(jì)》課程教學(xué)中，基于真實(shí)應(yīng)用驅(qū)動(dòng)，學(xué)院編寫了《網(wǎng)頁設(shè)計(jì)與制作案例教程》教材，2017年由人民郵電出版社出版，教材中的典型項(xiàng)目就是學(xué)院正在運(yùn)行的網(wǎng)站。課堂學(xué)習(xí)在多媒體一體化教室進(jìn)行，教師邊教邊做，讓學(xué)生在做中學(xué)，教師在做中教，教學(xué)做真正一體化。一學(xué)期學(xué)習(xí)完成的主要目標(biāo)就是實(shí)現(xiàn)學(xué)院的靜態(tài)網(wǎng)站，然后在此基礎(chǔ)上，再制作學(xué)生自己的網(wǎng)站作品［1］。教學(xué)環(huán)節(jié)除了講解基礎(chǔ)知識(shí)外，將學(xué)院網(wǎng)站項(xiàng)目進(jìn)行分解：網(wǎng)站規(guī)劃———使用Photoshop制作效果圖并切片導(dǎo)出圖片———建立站點(diǎn)———完成網(wǎng)站主頁中的一個(gè)通知公告塊、再完成導(dǎo)航條———完成學(xué)院要聞一個(gè)大塊———完成主頁———添加主頁中的JavaScript或JQuery腳本實(shí)現(xiàn)動(dòng)態(tài)效果———完成新聞列表頁和新聞詳情頁。層層遞進(jìn)，作品逐漸成型。學(xué)生在學(xué)習(xí)過程中可以隨時(shí)看到自己的學(xué)習(xí)成果，產(chǎn)生不斷完成作品的成就感，成就感會(huì)激發(fā)學(xué)生進(jìn)一步學(xué)習(xí)的興趣，促使學(xué)生更加努力學(xué)習(xí)，完成更好作品。通過真實(shí)項(xiàng)目作品的學(xué)習(xí)，使學(xué)生由被動(dòng)學(xué)習(xí)變?yōu)橹鲃?dòng)學(xué)習(xí)，學(xué)習(xí)目標(biāo)明確，極大調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性［2］。

2．2雙師型教師

由于受傳統(tǒng)教學(xué)模式的影響，目前仍然有許多教師在課堂上以課本為綱，對(duì)照課本提供的PPT進(jìn)行講解，學(xué)生難免會(huì)昏昏欲睡，提不起學(xué)習(xí)的興趣。教師只是講解課本知識(shí)，缺乏實(shí)際網(wǎng)站的真實(shí)建設(shè)經(jīng)驗(yàn)，教給學(xué)生的也只能是一些泛泛的理論，或者是離實(shí)際應(yīng)用相差太遠(yuǎn)的案例或項(xiàng)目。學(xué)生雖然學(xué)過了該門課程，但真正讓學(xué)生自己開發(fā)設(shè)計(jì)一個(gè)網(wǎng)站還是很難。真實(shí)項(xiàng)目一般涉及兩門或更多的課程，課程之間的融合也變得尤為重要。網(wǎng)頁設(shè)計(jì)課程要涉及到用Photoshop做網(wǎng)頁效果圖、用Javascript或Jquery做網(wǎng)頁特效等，這就需要任課教師精通相關(guān)課程，而且教師不僅會(huì)傳統(tǒng)講課，還要會(huì)做實(shí)際應(yīng)用的研究和開發(fā)，所以教師首先要成為“高手”，才有可能培養(yǎng)出學(xué)生中的“高手”［3］。也就是說真正會(huì)做網(wǎng)站的教師才能勝任網(wǎng)頁設(shè)計(jì)課程的教學(xué)。目前學(xué)院教授《網(wǎng)頁設(shè)計(jì)》課程的教師都至少做過1～2個(gè)真實(shí)運(yùn)行的網(wǎng)站。學(xué)院網(wǎng)站、系部多個(gè)網(wǎng)站都由教師帶領(lǐng)學(xué)生開發(fā)完成。另外，部分教師成立了網(wǎng)頁設(shè)計(jì)工作室，帶領(lǐng)學(xué)生承接完成了社會(huì)上許多企事業(yè)單位的網(wǎng)站。教師實(shí)踐中的經(jīng)驗(yàn)反過來又應(yīng)用于教學(xué)，更加促進(jìn)了課堂教學(xué)的生動(dòng)性和實(shí)用性。

2．3靈活的課堂教學(xué)模式

教學(xué)過程中以學(xué)生為主體，以教師為主導(dǎo)，以完成項(xiàng)目為主線，以應(yīng)用為目的。學(xué)生以小組為單位組織學(xué)習(xí)，教師首先展示課堂要完成的項(xiàng)目任務(wù)，然后在與學(xué)生一起完成項(xiàng)目的過程中，進(jìn)行課堂引領(lǐng)、激勵(lì)和點(diǎn)撥。學(xué)生以完成規(guī)定的“項(xiàng)目”作品為目標(biāo)，重視創(chuàng)新能力的培養(yǎng)。若發(fā)現(xiàn)問題，學(xué)生共同討論、分析和解決，最后各個(gè)小組的疑難問題則由教師當(dāng)場(chǎng)解答或由學(xué)生課后繼續(xù)研究解決。課堂上師長變學(xué)長，教師變教為啟、變教為幫，學(xué)生成為學(xué)習(xí)的主人，變被動(dòng)接受為主動(dòng)探求，學(xué)生的質(zhì)疑力、觀察力、協(xié)同力、領(lǐng)導(dǎo)力等多種素質(zhì)都能得到很大提高，會(huì)大大增加今后取得創(chuàng)新成果的機(jī)率［4］。課堂上學(xué)生好的做法可以即時(shí)推廣，使學(xué)生變身為教師，讓學(xué)生教學(xué)生，更能調(diào)動(dòng)學(xué)生學(xué)習(xí)的興趣。現(xiàn)在互聯(lián)網(wǎng)資源豐富，學(xué)生的學(xué)習(xí)興趣被激發(fā)后，只要愿意學(xué)，他們會(huì)從網(wǎng)上學(xué)習(xí)到更多的知識(shí)，反過來會(huì)改進(jìn)教師提供的項(xiàng)目，做到教學(xué)相長，學(xué)生學(xué)到更有用的知識(shí)，教師的業(yè)務(wù)水平也能有很大的提高?；ヂ?lián)網(wǎng)時(shí)代，教師和學(xué)生更應(yīng)該互相學(xué)習(xí)，共同提高。

2．4個(gè)性化教學(xué)評(píng)價(jià)

改變傳統(tǒng)的評(píng)價(jià)方式，對(duì)學(xué)生進(jìn)行過程性評(píng)價(jià)。每個(gè)學(xué)生的成績(jī)由兩部分構(gòu)成：平時(shí)成績(jī)（50％）＋期末網(wǎng)站作品（50％）。平時(shí)成績(jī)由學(xué)生出勤、作業(yè)、項(xiàng)目作品以及在完成項(xiàng)目作品時(shí)的動(dòng)手能力、團(tuán)隊(duì)協(xié)作能力、遇到問題解決問題的能力等構(gòu)成。期末網(wǎng)站作品則由每個(gè)小組期末完成的網(wǎng)站作品來評(píng)定，每個(gè)學(xué)期期末，由每個(gè)小組選一個(gè)學(xué)生代表進(jìn)行作品的展示和答辯，教師根據(jù)作品和答辯情況當(dāng)場(chǎng)評(píng)分，這樣避免了學(xué)生抄襲別人的作品，并且學(xué)生之間也便于找出自己的不足，學(xué)習(xí)到別人的優(yōu)勢(shì)，取長補(bǔ)短，找到今后努力的方向。整個(gè)教學(xué)評(píng)價(jià)過程中，既重視學(xué)生的學(xué)習(xí)過程，也重視學(xué)生的個(gè)性評(píng)價(jià)，還要重視學(xué)生自身的差異性，根據(jù)實(shí)際情況對(duì)不同層次的學(xué)生適當(dāng)采取不同的評(píng)價(jià)標(biāo)準(zhǔn)［5］。既考察學(xué)習(xí)的技能，又考察學(xué)生的職業(yè)素質(zhì)、人品、協(xié)作能力、抗壓能力等，進(jìn)行綜合全面的個(gè)性化教學(xué)評(píng)價(jià)。這更有利于學(xué)生的發(fā)展，有助于教學(xué)，也是對(duì)學(xué)生評(píng)價(jià)更加人性化的體現(xiàn)。通過個(gè)性化的評(píng)價(jià)，發(fā)掘每個(gè)學(xué)生的學(xué)習(xí)潛能，及時(shí)進(jìn)行表揚(yáng)肯定，激發(fā)所有學(xué)生的學(xué)習(xí)積極性。

3結(jié)語

《網(wǎng)頁設(shè)計(jì)》課程教學(xué)的改革，在學(xué)院已實(shí)施了二年多的時(shí)間，效果良好。激發(fā)了學(xué)生學(xué)習(xí)的興趣，提高了學(xué)生的職業(yè)能力，為畢業(yè)與就業(yè)接軌、上崗即頂崗工作奠定基礎(chǔ)，對(duì)于突出高職院校特色、提升教學(xué)質(zhì)量、提高辦學(xué)滿意度、保證高職教育持續(xù)發(fā)展具有重大意義。

參考文獻(xiàn)：

［1］李志云．網(wǎng)頁設(shè)計(jì)與制作案例教程（HTML＋CSS＋DIV＋JavaScript）［M］．北京：人民郵電出版社，2017．

［2］龍勇．高職《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革與實(shí)踐［J］．軟件導(dǎo)刊•教育技術(shù)，2016（6）：16－18．

［3］楊穎．高職“網(wǎng)頁設(shè)計(jì)與制作”課程教學(xué)改革探索［J］．職教通訊，2015（18）：11－15．

［4］李奇．論《網(wǎng)頁設(shè)計(jì)課程》教學(xué)改革的必要性［J］．信息技術(shù)與信息化，2014（9）：22，25．

作者：李志云 單位：山東信息職業(yè)技術(shù)學(xué)院