基于校企合作的《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)改革研究

杭莉 聶莉娟

摘? ?要：網(wǎng)頁(yè)設(shè)計(jì)課程作為電子商務(wù)專(zhuān)業(yè)的必修課，目前也已經(jīng)成為各大院校在計(jì)算機(jī)教育網(wǎng)絡(luò)技術(shù)以及軟件技術(shù)等多專(zhuān)業(yè)的主要課程。網(wǎng)頁(yè)設(shè)計(jì)不僅與這些專(zhuān)業(yè)的學(xué)生在未來(lái)就業(yè)過(guò)程中具有密切的崗位聯(lián)系，而且其實(shí)踐性、操作性以及綜合性都較強(qiáng)，應(yīng)用面也非常廣。但是當(dāng)前我國(guó)的網(wǎng)頁(yè)設(shè)計(jì)課程在教學(xué)過(guò)程中，還存在著理論與實(shí)踐脫節(jié)和教育脫節(jié)等諸多現(xiàn)象，影響整體的教育質(zhì)量發(fā)展。所以更需要基于當(dāng)前的網(wǎng)頁(yè)設(shè)計(jì)課程情況，結(jié)合校企合作背景進(jìn)行課程教學(xué)改革的進(jìn)一步研究和探索，希望能夠使我國(guó)高校的網(wǎng)頁(yè)設(shè)計(jì)課程具有更好的教學(xué)效果。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)? 教學(xué)做一體化? 校企合作

中圖分類(lèi)號(hào)：G712? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A? ? ? ? ? ? ? ? ? ? ? ? 文章編號(hào)：1674-098X（2019）11（a）-0190-03

網(wǎng)頁(yè)設(shè)計(jì)作為一門(mén)實(shí)踐性和應(yīng)用性極強(qiáng)的課程，在這一課程的教學(xué)過(guò)程中，必須要做到與時(shí)俱進(jìn)，甚至要具備一定的超前意識(shí)。21世紀(jì)以來(lái)，全球的經(jīng)濟(jì)市場(chǎng)都出現(xiàn)了更為劇烈的競(jìng)爭(zhēng)，人才的培養(yǎng)與就業(yè)、經(jīng)濟(jì)發(fā)展息息相關(guān)，想要從經(jīng)濟(jì)市場(chǎng)中脫穎而出，就必須要立足當(dāng)前的市場(chǎng)來(lái)進(jìn)行各方面資源的提升。在諸多資源當(dāng)中，人才資源成為了行業(yè)發(fā)展的重要依托，為了使我國(guó)的高等院校能夠在人才培養(yǎng)的過(guò)程中，積極為國(guó)內(nèi)外競(jìng)爭(zhēng)發(fā)展提供人才力量，就更需要把握機(jī)遇來(lái)占據(jù)優(yōu)勢(shì)。只有贏得先機(jī)才能夠更好地面向市場(chǎng)開(kāi)展人才的培養(yǎng)，并探索出符合當(dāng)前我國(guó)社會(huì)主義經(jīng)濟(jì)發(fā)展需求的人才培養(yǎng)模式。目前我國(guó)社會(huì)對(duì)于應(yīng)用型人才的需求也極為廣泛，據(jù)統(tǒng)計(jì)我國(guó)目前企業(yè)有80%以上的高級(jí)專(zhuān)業(yè)崗位都需要采用應(yīng)用型人才來(lái)進(jìn)行崗位的對(duì)接，所以這就更需要各大院校以人才需求為導(dǎo)向，通過(guò)加強(qiáng)應(yīng)用性人才的培養(yǎng)，來(lái)促進(jìn)學(xué)生的基礎(chǔ)知識(shí)向應(yīng)用能力進(jìn)行轉(zhuǎn)化，從而為社會(huì)輸送具有更高實(shí)踐能力的應(yīng)用型人才。也正是基于這一背景下，校企合作模式，開(kāi)始走進(jìn)了各大院校的教學(xué)課堂當(dāng)中，通過(guò)與市場(chǎng)和社會(huì)的需求為導(dǎo)向，結(jié)合學(xué)校與企業(yè)的不同教育環(huán)境和資源，使學(xué)生能夠?qū)⒄n堂教學(xué)與實(shí)際工作經(jīng)驗(yàn)相結(jié)合。不僅可以有效培養(yǎng)適應(yīng)市場(chǎng)需求的應(yīng)用型人才，也可以在人才培養(yǎng)過(guò)程中不斷提升學(xué)生的應(yīng)用實(shí)踐能力和理論知識(shí)應(yīng)用經(jīng)驗(yàn)。所以在校企合作人才培養(yǎng)模式下，網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)模式也需要進(jìn)行改革，只有切實(shí)加強(qiáng)相關(guān)的課程內(nèi)容的操作性，才能夠更好的運(yùn)用校企合作模式來(lái)有效為社會(huì)輸送高素質(zhì)人才，并且能夠?qū)崿F(xiàn)校企合作人才培養(yǎng)模式下的教學(xué)做一體化的教學(xué)模式。

1? 《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)目標(biāo)與課程改革分析

1.1 《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)目標(biāo)改革分析

在目前我國(guó)高校開(kāi)展網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)目標(biāo)制定中專(zhuān)業(yè)能力的培養(yǎng)目標(biāo)自然是占據(jù)首要地位，學(xué)生不僅要熟悉整體的網(wǎng)站設(shè)計(jì)流程，也要通過(guò)在生活中時(shí)刻掌握最新型的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)來(lái)運(yùn)用HTML+CSS+JavaScript等諸多技術(shù)手段來(lái)進(jìn)行網(wǎng)頁(yè)的布局和完善。不僅要能夠制作出符合Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)，也要能夠?qū)?zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)人員的設(shè)計(jì)效果圖及時(shí)轉(zhuǎn)化為Web標(biāo)準(zhǔn)原型，HTML代碼方面也要能夠認(rèn)識(shí)并進(jìn)行相關(guān)內(nèi)容的編寫(xiě)。而在方法能力目標(biāo)方面，也要求學(xué)生在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，要具備良好的溝通與理解能力，要積極參與整體網(wǎng)頁(yè)設(shè)計(jì)團(tuán)隊(duì)的創(chuàng)新研討，協(xié)調(diào)多方面的工作內(nèi)容，除了要對(duì)自身設(shè)計(jì)的網(wǎng)頁(yè)具有高度的責(zé)任感和職業(yè)素養(yǎng)之外，也要具備強(qiáng)烈的團(tuán)隊(duì)合作精神，使學(xué)生在未來(lái)就業(yè)過(guò)程中能夠具備優(yōu)良的職業(yè)道德，在工作中能夠承受一定的工作壓力，秉承認(rèn)真嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度來(lái)應(yīng)對(duì)所有的網(wǎng)頁(yè)設(shè)計(jì)工作。在社會(huì)能力目標(biāo)方面就是要學(xué)生建立起強(qiáng)烈的網(wǎng)絡(luò)安全意識(shí)，并具備良好的思想道德修養(yǎng)，只有學(xué)生具備了初步的愛(ài)崗敬業(yè)和團(tuán)隊(duì)協(xié)作精神，才能夠更好地提升自身的綜合素質(zhì)能力，并加強(qiáng)整體的創(chuàng)新意識(shí)和創(chuàng)新精神發(fā)展。

1.2 校企合作背景下的課程改革分析

最早的校企合作產(chǎn)生于西方，由于高等院校在誕生之后不斷的，經(jīng)歷各種類(lèi)型的變革，其中包括自治化與松散化，系統(tǒng)化與結(jié)構(gòu)化，多樣化與個(gè)性化，綜合化與職業(yè)化的多次變革。也正是在這些變革之后，校企合作開(kāi)始逐漸的進(jìn)行產(chǎn)生和發(fā)展，在高等院校的演變過(guò)程中校企合作模式也在逐漸地進(jìn)行相應(yīng)的改革和變化，從而更好地適應(yīng)社會(huì)與個(gè)體的需求。

一方面，學(xué)生可以在課堂中學(xué)習(xí)基礎(chǔ)理論知識(shí)和一定的專(zhuān)業(yè)技能，而另一方面，學(xué)生可以通過(guò)校企合作來(lái)走出校門(mén)，參與到企業(yè)實(shí)踐工作當(dāng)中。不僅讓學(xué)生的身份轉(zhuǎn)變?yōu)槁殬I(yè)人士，并且在生活過(guò)程當(dāng)中也要充分的利用職業(yè)人士的職能來(lái)完成自己的工作內(nèi)容。在目前的校企合作過(guò)程中，有許多學(xué)生并沒(méi)有完全適應(yīng)這種角色的轉(zhuǎn)換，這就需要學(xué)校要緊密加強(qiáng)與企業(yè)的溝通聯(lián)系，通過(guò)將真實(shí)生產(chǎn)流程和工作過(guò)程引入到現(xiàn)實(shí)的教學(xué)當(dāng)中，從而使學(xué)校和企業(yè)之間建立一定的信息交流與聯(lián)系。不僅可以使課程內(nèi)容和專(zhuān)業(yè)設(shè)置更貼合現(xiàn)有的社會(huì)需求，也能夠促進(jìn)院校的課程設(shè)置發(fā)展，從而為社會(huì)培養(yǎng)更多的優(yōu)質(zhì)人才。校企合作下的課程改革具有十分顯著的特點(diǎn)，校企合作下的課程改革不僅能夠使課程變得更加體系化和職業(yè)化，也能讓更多的學(xué)生在校學(xué)習(xí)期間也能夠感受到社會(huì)上每一個(gè)職業(yè)人員的社會(huì)生活和工作體驗(yàn)。事實(shí)上，當(dāng)前高校培養(yǎng)的學(xué)生雖然具有較為豐富的理論知識(shí)，但是在社會(huì)工作當(dāng)中，往往會(huì)遇到各種需要邏輯思維能力足夠強(qiáng)才能夠解決的問(wèn)題，盡管一些學(xué)校開(kāi)始將實(shí)踐內(nèi)容改革作為課程改革的重要方向，但是在整體課程改革的過(guò)程中，依然沒(méi)有使學(xué)生具備將自身的職能身份轉(zhuǎn)化為工作職員的能力。校企合作的形式正是為學(xué)生構(gòu)建更具有職業(yè)化和體系化性質(zhì)的一種教學(xué)模式，不僅使現(xiàn)有的課程變得更加有助于學(xué)生把握整體大局觀，也能夠通過(guò)課程內(nèi)容與企業(yè)工作流程相結(jié)合，來(lái)提升實(shí)踐課程設(shè)計(jì)在教學(xué)中的比例，使學(xué)生在學(xué)習(xí)過(guò)程中能夠有效提升學(xué)生的溝通交流能力和團(tuán)隊(duì)合作精神，并且在參與工作的過(guò)程中獲得更多課本上學(xué)不到的實(shí)踐工作內(nèi)容與分析能力的發(fā)展。

2? 《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)改革措施分析

2.1 加強(qiáng)校企合作緊密性來(lái)發(fā)展學(xué)生的技術(shù)技巧

網(wǎng)頁(yè)設(shè)計(jì)做一門(mén)理論實(shí)踐并重的課程，在整體的課程內(nèi)容中不僅包括對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的策劃和創(chuàng)意制作，也有一定的綜合性和復(fù)雜性的內(nèi)容包含在其中。在傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)當(dāng)中，都是由教師搜索一些與網(wǎng)頁(yè)設(shè)計(jì)有關(guān)的知識(shí)點(diǎn)內(nèi)容，結(jié)合現(xiàn)實(shí)性案例來(lái)引導(dǎo)學(xué)生進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)和構(gòu)建，通過(guò)進(jìn)行任務(wù)引領(lǐng)型的項(xiàng)目來(lái)引導(dǎo)學(xué)生進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的基本制作技巧的學(xué)習(xí)。事實(shí)上在這一學(xué)習(xí)過(guò)程中，雖然可以培養(yǎng)學(xué)生進(jìn)行平面設(shè)計(jì)的觀念和思維習(xí)慣，也能夠讓學(xué)生在學(xué)習(xí)過(guò)程中，不斷地加深對(duì)于網(wǎng)頁(yè)設(shè)計(jì)制作技巧的能力印象，但是最終呈現(xiàn)出的企業(yè)或個(gè)人網(wǎng)站都無(wú)法達(dá)到企業(yè)的實(shí)際需求目標(biāo)，不僅使制作出的網(wǎng)頁(yè)看起來(lái)十分稚嫩，也讓學(xué)生的制作技巧無(wú)法得到進(jìn)一步的提升。所以這就需要網(wǎng)頁(yè)設(shè)計(jì)課程在進(jìn)行教學(xué)改革的過(guò)程中，必須要打破傳統(tǒng)的知識(shí)掌握的教學(xué)目標(biāo)，而在校企合作的過(guò)程中學(xué)校更應(yīng)該加強(qiáng)與企業(yè)的合作，通過(guò)雙方共同開(kāi)發(fā)課程建設(shè)和對(duì)課程內(nèi)容進(jìn)行重新梳理和分析，才能夠制定更切合企業(yè)未來(lái)發(fā)展需求的人才培養(yǎng)目標(biāo)。

學(xué)生解決實(shí)際問(wèn)題的能力主要來(lái)自于在企業(yè)實(shí)踐過(guò)程中，所以在整體的課程內(nèi)容知識(shí)點(diǎn)構(gòu)建方面，必須要具有一定的邏輯順序。首先要講網(wǎng)頁(yè)效果圖的設(shè)計(jì)，然后講網(wǎng)頁(yè)頁(yè)面的布局，最后講添加網(wǎng)頁(yè)特效。這種課程安排方式不僅符合現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的整體性流程，也能夠通過(guò)循序漸進(jìn)的引領(lǐng)來(lái)吸引學(xué)生主動(dòng)地投入到課程學(xué)習(xí)當(dāng)中。在整體教學(xué)內(nèi)容的開(kāi)展過(guò)程中，除了要引導(dǎo)學(xué)生掌握基本的PHOTOSHOP、FLASH等軟件的應(yīng)用之外，對(duì)于一些格式轉(zhuǎn)換工具和截屏工具也要進(jìn)行合理化的應(yīng)用，甚至于一些動(dòng)態(tài)文字制作和圖標(biāo)制作也需要引導(dǎo)學(xué)生進(jìn)行主動(dòng)學(xué)習(xí)。只有加強(qiáng)校企合作，才能培養(yǎng)出真正能被企業(yè)所接受的高素質(zhì)人才，也對(duì)高校的發(fā)展和改革起到了促進(jìn)的作用。

2.2 進(jìn)一步優(yōu)化課程資源內(nèi)容，加強(qiáng)整合力度

在構(gòu)建了基礎(chǔ)的網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)大綱后，也需要對(duì)整體的課程內(nèi)容進(jìn)行一定的調(diào)整，并結(jié)合現(xiàn)代化的計(jì)算機(jī)信息技術(shù)來(lái)積極擴(kuò)充相關(guān)的資源內(nèi)容。除了要對(duì)于現(xiàn)有的網(wǎng)頁(yè)設(shè)計(jì)課程內(nèi)容進(jìn)行一定的優(yōu)化和資源整合之外，也需要結(jié)合校企合作單位的項(xiàng)目案例來(lái)進(jìn)行相關(guān)網(wǎng)絡(luò)教學(xué)資源的提供，使學(xué)生能夠在學(xué)習(xí)過(guò)程當(dāng)中結(jié)合真實(shí)的項(xiàng)目?jī)?nèi)容進(jìn)行相關(guān)的網(wǎng)頁(yè)設(shè)計(jì)技巧學(xué)習(xí)。在具備一定的基礎(chǔ)技巧之后，就可以進(jìn)行實(shí)踐性的網(wǎng)頁(yè)設(shè)計(jì)操作。在這一過(guò)程中學(xué)生想要具有更高的網(wǎng)頁(yè)設(shè)計(jì)技巧，就必須要通過(guò)教師和網(wǎng)絡(luò)資源的學(xué)習(xí)來(lái)進(jìn)行自我提升，除了應(yīng)用教師制作的微課和PPT課件之外，也可以通過(guò)探究網(wǎng)頁(yè)設(shè)計(jì)案例和現(xiàn)有的網(wǎng)頁(yè)設(shè)計(jì)模板來(lái)進(jìn)行相關(guān)軟件工具的學(xué)習(xí)。這樣不僅使學(xué)生可以在教學(xué)過(guò)程中掌握更好的網(wǎng)頁(yè)設(shè)計(jì)技巧，也能夠在學(xué)生學(xué)習(xí)時(shí)主動(dòng)引導(dǎo)學(xué)生進(jìn)行自身能力的提升。學(xué)生可以在提升自主學(xué)習(xí)意識(shí)的同時(shí)自由組建學(xué)習(xí)團(tuán)隊(duì)開(kāi)展討論。真實(shí)項(xiàng)目的學(xué)習(xí)環(huán)境顯然與虛擬環(huán)境下進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)更具有真實(shí)的網(wǎng)頁(yè)設(shè)計(jì)氛圍，而且也能夠根據(jù)與最終的項(xiàng)目設(shè)計(jì)成果進(jìn)行對(duì)比，從而使學(xué)生在不斷的學(xué)習(xí)和對(duì)比當(dāng)中，充實(shí)自身技術(shù)能力，提高學(xué)生的技能水平。

2.3 結(jié)合案例教學(xué)、微課等形式進(jìn)行課下學(xué)習(xí)的引領(lǐng)

傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)課程都是以學(xué)生在機(jī)房進(jìn)行上課，學(xué)生隨著教師的講解來(lái)進(jìn)行每一步驟的操作，整個(gè)教學(xué)過(guò)程都以教師的講解內(nèi)容作為主體，而學(xué)生的聽(tīng)課和操作成為被動(dòng)化應(yīng)用。學(xué)生在實(shí)踐過(guò)程中缺乏操作積極性，其培養(yǎng)學(xué)生動(dòng)手能力方面也較為薄弱。所以在現(xiàn)代教學(xué)模式革新的過(guò)程中，就必須要基于校企合作背景進(jìn)行課程內(nèi)容的進(jìn)一步改革提升，不僅要運(yùn)用案例教學(xué)方式，也可以充分結(jié)合微課慕課以及翻轉(zhuǎn)課堂等形式到網(wǎng)頁(yè)設(shè)計(jì)的課程內(nèi)容當(dāng)中。在案例教學(xué)過(guò)程中學(xué)?？梢越Y(jié)合校企合作企業(yè)的要求進(jìn)行師生共同的真實(shí)項(xiàng)目設(shè)計(jì)，從而培養(yǎng)學(xué)生的基本職業(yè)素養(yǎng)與技能能力。在整體教學(xué)過(guò)程中，這種真實(shí)性的項(xiàng)目應(yīng)用不僅可以為學(xué)生提供個(gè)性化指導(dǎo)，也能夠通過(guò)為學(xué)生構(gòu)建良好的學(xué)習(xí)情境，來(lái)增強(qiáng)教學(xué)效果的反饋。使學(xué)生在學(xué)習(xí)過(guò)程中能夠更好地完成對(duì)知識(shí)的理解，并增強(qiáng)學(xué)生的團(tuán)隊(duì)協(xié)作精神，使學(xué)生在參與真實(shí)的項(xiàng)目設(shè)計(jì)過(guò)程中，能夠時(shí)刻處于真實(shí)的工作狀態(tài)。教學(xué)過(guò)程即是完成項(xiàng)目的過(guò)程，只有及時(shí)并且保質(zhì)保量的完成項(xiàng)目才是學(xué)生當(dāng)下應(yīng)該做到的內(nèi)容。而在微課慕課以及翻轉(zhuǎn)課堂應(yīng)用過(guò)程中，更需要注重網(wǎng)頁(yè)設(shè)計(jì)課程內(nèi)容的實(shí)踐操作性。不僅要引導(dǎo)學(xué)生借助微課視頻來(lái)反復(fù)深化重點(diǎn)知識(shí)內(nèi)容的記憶，也要鼓勵(lì)學(xué)生積極提出問(wèn)題并參與到教學(xué)過(guò)程當(dāng)中，使學(xué)生能夠借助真實(shí)項(xiàng)目的實(shí)踐來(lái)實(shí)現(xiàn)知識(shí)整體的融會(huì)貫通。

3? 結(jié)語(yǔ)

近年來(lái)，我國(guó)高校在校企合作人才培養(yǎng)模式下不斷實(shí)現(xiàn)教學(xué)做一體化，不僅企業(yè)教師授課的教學(xué)模式日漸成熟，其教學(xué)效果和質(zhì)量也有了很大的提高，學(xué)生的動(dòng)手實(shí)踐能力、協(xié)同工作能力、綜合運(yùn)用知識(shí)的能力等也出現(xiàn)了明顯的提升。在《網(wǎng)頁(yè)設(shè)計(jì)》課程開(kāi)展過(guò)程中結(jié)合校企合作形式也受到師生的一致好評(píng)。在這種教學(xué)模式下，學(xué)生完全按照企業(yè)員工的狀態(tài)和企業(yè)項(xiàng)目開(kāi)發(fā)流程進(jìn)行學(xué)習(xí)和工作，使學(xué)生能深刻領(lǐng)會(huì)到企業(yè)對(duì)人才的具體需求和要求，從而縮短學(xué)校人才培養(yǎng)與社會(huì)實(shí)際需求之間的差距。另外，這種模式改變了傳統(tǒng)的人才培養(yǎng)方法，迎合了市場(chǎng)需求、有利于解決大學(xué)生就業(yè)難的問(wèn)題。

參考文獻(xiàn)

[1] 彭珊珊.基于應(yīng)用型人才培養(yǎng)的《網(wǎng)頁(yè)設(shè)計(jì)》課堂教學(xué)改革研究[J].電腦知識(shí)與技術(shù)，2018，14（28）：156-157.

[2] 李顯萍，汪榮.基于工作過(guò)程的“網(wǎng)頁(yè)設(shè)計(jì)與制作”課教學(xué)改革與實(shí)踐[J].才智，2017（36）：36-37.

[3] 洪濤.平面設(shè)計(jì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革研究[J].美術(shù)教育研究，2017（18）：90-91.

[4] 布勒布麗汗·伊沙巴依，阿依沙吾列·阿布都卡斯木，木合亞提·尼亞孜別克.《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)改革研究[J].電腦知識(shí)與技術(shù)，2017，13（19）：131-132.

[5] 馮濤.校企合作開(kāi)發(fā)網(wǎng)頁(yè)設(shè)計(jì)類(lèi)課程的研究與探索——以遼寧經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院為例[J].遼寧高職學(xué)報(bào)，2015，17（12）：65-67.

[6] 張寶升.中職學(xué)校校本教材開(kāi)發(fā)研究[D].湖南師范大學(xué)，2015.

[7] 任廣林.以企業(yè)為中心的電商網(wǎng)頁(yè)設(shè)計(jì)一體化教學(xué)[J].商業(yè)文化，2015（18）：127-128.

[8] 周建輝.三維教學(xué)目標(biāo)下《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)改革[J].教育評(píng)論，2015（1）：132-134.