高職網(wǎng)頁設(shè)計(jì)與制作教學(xué)探析

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

【摘要】由于互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，使網(wǎng)站變成了企業(yè)宣傳與電子商務(wù)行業(yè)信息傳播及共享的核心載體，各大企業(yè)越發(fā)注重網(wǎng)站的建設(shè)，如此一來，對于網(wǎng)頁設(shè)計(jì)與制作的人才需求增加了。本文以當(dāng)前高職《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)情況為切入點(diǎn)，著重分析和討論了互聯(lián)網(wǎng)+背景下高職《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)對策，從而為相關(guān)從業(yè)人員提供參考。

【關(guān)鍵詞】互聯(lián)網(wǎng)+；高職；網(wǎng)頁設(shè)計(jì)與制作；教學(xué)

一、高職《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)情況分析

新時期，多數(shù)高職院校設(shè)置了網(wǎng)頁設(shè)計(jì)與制作課程，Dreamweaver與Photoshop是比較常用的教學(xué)軟件，教授高職學(xué)生網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識和技能，通常涵蓋了圖像處理與腳本處理等，這一課程牽涉到的面非常廣泛、知識點(diǎn)比較分散、操作實(shí)踐性比較強(qiáng)，現(xiàn)階段教學(xué)中普遍有這些問題：首先，從教師層面而言，多數(shù)教師具有非常豐富的理論知識，可是因?yàn)殚L時間從事教學(xué)工作，參加的實(shí)際網(wǎng)站建設(shè)項(xiàng)目不多，對于行業(yè)的先進(jìn)技術(shù)與變化知之甚少。不具備行業(yè)前瞻性與豐富實(shí)踐經(jīng)驗(yàn)的教師，傳授給高職學(xué)生的知識和技能無法和社會需求相對接。其次，從學(xué)生層面而言，高職院校的學(xué)生文化基礎(chǔ)不夠扎實(shí)，一些學(xué)生人生目標(biāo)模糊，學(xué)習(xí)積極性較差，且接受知識的速度慢，自身所具備的素質(zhì)無法充分滿足高校的要求。最后，從教學(xué)層面而言，部分院校依舊使用的是以往的教學(xué)模式，根據(jù)教學(xué)大綱，使用講解方式與操作演示方式對學(xué)生開展知識傳授。學(xué)生經(jīng)常是照搬教材，不能夠充分應(yīng)用知識、合理掌控網(wǎng)頁制作與網(wǎng)頁規(guī)劃布局，無法進(jìn)行有效的內(nèi)容排版。

二、基于互聯(lián)網(wǎng)+背景下高職《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)對策

（一）教學(xué)內(nèi)容規(guī)劃的科學(xué)性

在現(xiàn)代教育中，高職《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)內(nèi)容是以實(shí)際項(xiàng)目為載體，高職學(xué)生根據(jù)網(wǎng)站的開發(fā)程序，從初期網(wǎng)網(wǎng)站信息系統(tǒng)、建立與管理網(wǎng)站、采用HTML建設(shè)網(wǎng)站首頁內(nèi)容架構(gòu)、后臺登陸網(wǎng)頁的制作、采用模板與庫制作網(wǎng)站子頁，一直到網(wǎng)站上傳和時，制作一個信息系統(tǒng)前臺，把《網(wǎng)頁設(shè)計(jì)與制作》課程的知識點(diǎn)在項(xiàng)目研發(fā)中表現(xiàn)與展開。按照技術(shù)趨勢與項(xiàng)目開發(fā)技術(shù)要求，在過去傳授內(nèi)容中，把Dreamweaver軟件運(yùn)用的內(nèi)容減少，添加HTML代碼部分，同時在實(shí)際教學(xué)過程中把Dreamweaver里面的效果實(shí)現(xiàn)和HTML代碼的實(shí)現(xiàn)對照講授，使高職學(xué)生掌握好這幾種實(shí)現(xiàn)方式。教學(xué)內(nèi)容核心是CSS+DIV技術(shù)，闡述CSS模型與標(biāo)準(zhǔn)流、浮動與定位技術(shù)，借助HTML+CSS+DIV充分實(shí)現(xiàn)與優(yōu)化網(wǎng)站前臺制作及后續(xù)維護(hù)。

（二）教學(xué)設(shè)計(jì)的合理性

首先，高職課程教學(xué)需要表現(xiàn)理論夠用與實(shí)踐為核心的基本原則，對于這樣的情況，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)的過程中，把這門課程根據(jù)制作一個完整網(wǎng)站前臺項(xiàng)目進(jìn)行，接著把網(wǎng)站項(xiàng)目根據(jù)企業(yè)中開發(fā)項(xiàng)目的程序劃分成多個子項(xiàng)目，按照各個子項(xiàng)目的任務(wù)，把知識點(diǎn)與操作方式具體到每一堂課，設(shè)置出具體的教學(xué)計(jì)劃。這一網(wǎng)站需要教師與教師合作完成。一個完整的網(wǎng)站劃分成前后臺部分，運(yùn)用于《網(wǎng)頁設(shè)計(jì)與制作》課程及其后續(xù)課程教學(xué)過程中，可以確保這兩門課程的內(nèi)容是持續(xù)性的。教師對于項(xiàng)目的熟悉程度，可以對高職學(xué)生在學(xué)習(xí)與研發(fā)時出現(xiàn)的問題給予正確的指導(dǎo)，高職學(xué)生在做好網(wǎng)站前臺以后，能夠?qū)?xiàng)目有一定的了解，如此就可以使學(xué)生在后續(xù)學(xué)習(xí)過程中即刻上手。網(wǎng)站前臺制作采用Dreamweaver軟件，美工部與廣告圖片、網(wǎng)站標(biāo)志使用Photoshop軟件完成，動畫使用Flash軟件制作，頁面布局使用CSS+DIV技術(shù)，網(wǎng)頁特效經(jīng)過編制JavaScript代碼制作。由此可知，項(xiàng)目完成不但能夠幫助學(xué)生學(xué)習(xí)網(wǎng)站制作的知識，還可以把網(wǎng)頁制作和別的課程知識進(jìn)行了結(jié)合。

（三）教學(xué)方法的完善

通過使用教、學(xué)、做一體化的教學(xué)模式，可以將過去教學(xué)中過于注重教、教與學(xué)分離的現(xiàn)象轉(zhuǎn)變，把理論結(jié)合實(shí)踐，課程結(jié)合實(shí)踐，將學(xué)生作為主體，積極遵循從理論到實(shí)踐再到理論的基本認(rèn)知規(guī)律，積極引導(dǎo)高職學(xué)生在學(xué)中做，在做中學(xué)，使高職學(xué)生學(xué)習(xí)從以往的被動變成主動。高職學(xué)生經(jīng)過演練實(shí)際項(xiàng)目，可以充分了解網(wǎng)站開發(fā)的流程，增強(qiáng)設(shè)計(jì)能力，學(xué)會網(wǎng)站前臺制作與測試、維護(hù)與等。在實(shí)踐的時候，努力發(fā)現(xiàn)問題，經(jīng)過教師的指導(dǎo)親自處理，可以讓高職學(xué)生產(chǎn)生很大的滿足感，培養(yǎng)高職學(xué)生發(fā)現(xiàn)問題與處理問題的能力。實(shí)踐課由高職學(xué)生明確網(wǎng)站主題，從怎么策劃網(wǎng)站、采集網(wǎng)站資料、準(zhǔn)備素材，一直到明確好每一個頁面之間的邏輯性關(guān)系、分工制作網(wǎng)頁與申請域名等，這些均需要由高職學(xué)生自行組織團(tuán)隊(duì)，團(tuán)隊(duì)內(nèi)所有學(xué)生一起完成。除此以外，還可安排高職學(xué)生參加網(wǎng)頁設(shè)計(jì)與制作比賽，開拓學(xué)生設(shè)計(jì)思路，教師也可把參加比賽活動的好作品當(dāng)作案例使用在教學(xué)過程中，進(jìn)而豐富課程內(nèi)容，起到一石二鳥的作用。努力尋找和企業(yè)的課程合作，使企業(yè)參加課程設(shè)計(jì)和教學(xué)，優(yōu)化課程，把課程教學(xué)延展到企業(yè)中去，給高職學(xué)生未來發(fā)展奠定扎實(shí)的基礎(chǔ)。綜上所述，在互聯(lián)網(wǎng)+背景下，《網(wǎng)頁設(shè)計(jì)與制作》課程發(fā)展快速，如若要得到很高的認(rèn)可度，就需要提高教學(xué)的專業(yè)性。其是技術(shù)和藝術(shù)的結(jié)合體，經(jīng)過各種項(xiàng)目教學(xué)，可以使高職學(xué)生多多思考問題，增加對項(xiàng)目的訓(xùn)練，幫助高職學(xué)生在網(wǎng)頁設(shè)計(jì)與制作課程中彌補(bǔ)不足之處，進(jìn)而提升社會企業(yè)對專業(yè)課程的認(rèn)可度，為高職學(xué)生打造較強(qiáng)的就業(yè)競爭力。

參考文獻(xiàn)：

[1]羅雅麗.高職電子商務(wù)專業(yè)《商務(wù)網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)研究[J].電腦知識與技術(shù),2018,14(25):191-192.

[2]張慧,王鷹漢.O2O教學(xué)模式在高職網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)中的應(yīng)用研究[J].湖北函授大學(xué)學(xué)報,2017,30(18):129-130+133.

[3]徐衛(wèi)紅,張艷.高職計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)教學(xué)問題與對策[J].科技風(fēng),2017(17):52.

作者:李淑娣 單位：保定職業(yè)技術(shù)學(xué)院