摘要:隨著越來越多高校開設(shè)了《網(wǎng)頁設(shè)計(jì)與制作》課程,如何建立一套完整標(biāo)準(zhǔn)化的課程內(nèi)容無論是對(duì)于優(yōu)化教學(xué)質(zhì)量還是提升網(wǎng)頁人才的培養(yǎng)質(zhì)量都是非常有意義的。該文針對(duì)網(wǎng)站建設(shè)所覆蓋的知識(shí)點(diǎn),提出《網(wǎng)頁設(shè)計(jì)與制作》課程內(nèi)容的標(biāo)準(zhǔn)化建設(shè)實(shí)施方案。
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì)與制作;課程標(biāo)準(zhǔn)化;實(shí)施方案;標(biāo)準(zhǔn)
中圖分類號(hào):TP311 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1009-3044(2016)21-0158-02
1 基于標(biāo)準(zhǔn)化的課程內(nèi)容分析
1.1 了解技術(shù)標(biāo)準(zhǔn),鎖定課程框架
任何一門課程,都應(yīng)該是基于某種需求而存在,這種需求必定有一個(gè)標(biāo)準(zhǔn)。而對(duì)于網(wǎng)站建設(shè)也是如此,W3C標(biāo)準(zhǔn)對(duì)建站相關(guān)內(nèi)容都制定了成熟與完整的標(biāo)準(zhǔn)?!毒W(wǎng)頁設(shè)計(jì)與制作》課程作為建站的主干課程,所有課程內(nèi)容都應(yīng)該來源于W3C標(biāo)準(zhǔn)框架之中。
1.2 深入行業(yè)調(diào)研,熟知技術(shù)要求
標(biāo)準(zhǔn)一旦制定,便不會(huì)輕易改動(dòng),而課程的完整內(nèi)容也不會(huì)有太大變化。但對(duì)于內(nèi)容的理解和使用卻是隨著技術(shù)和行業(yè)的發(fā)展而變化。尤其對(duì)于網(wǎng)頁設(shè)計(jì),技術(shù)更新更是迅速,例如由原來的表格布局發(fā)展到現(xiàn)在的DIV布局,甚至將來可能的響應(yīng)式布局、彈性布局、網(wǎng)格布局等等。內(nèi)容還是這個(gè)內(nèi)容,只是它的作用和用法發(fā)生了變化。而這些都是需要我們深入企業(yè)一線去調(diào)研才能知道的。
1.3 充分探討溝通,完善課程內(nèi)容
一旦對(duì)技術(shù)標(biāo)準(zhǔn)和行業(yè)要求有了深入的認(rèn)識(shí)之后,就要確定合理的安排課程內(nèi)容,無論課程內(nèi)容如何,重點(diǎn)是教授這門課程的老師。相關(guān)老師集中對(duì)內(nèi)容進(jìn)行討論,不僅可以更好的對(duì)課程內(nèi)容進(jìn)行設(shè)置和安排,同時(shí)也是一個(gè)學(xué)習(xí)和提高的過程。
2 構(gòu)建標(biāo)準(zhǔn)化的課程內(nèi)容
通過對(duì)標(biāo)準(zhǔn)的解讀和行業(yè)的調(diào)研后得知,《網(wǎng)頁設(shè)計(jì)與制作》這門課程大體可分為3大部分來構(gòu)建:網(wǎng)頁結(jié)構(gòu)、網(wǎng)頁表現(xiàn)與網(wǎng)頁行為。
2.1 網(wǎng)頁結(jié)構(gòu)(HTML)
此部分內(nèi)容以HTML標(biāo)簽為核心內(nèi)容,根據(jù)需要?jiǎng)?chuàng)建的內(nèi)容,使用具有較強(qiáng)可讀性和可識(shí)別性的標(biāo)簽來進(jìn)行表示,例如要?jiǎng)?chuàng)建一個(gè)段落,我們可以使用
來表示,如果要?jiǎng)?chuàng)建一個(gè)章節(jié),則可以使用
2.2 網(wǎng)頁表現(xiàn)(CSS)
此部分內(nèi)容為網(wǎng)頁制作里面最重要的一個(gè)技術(shù)環(huán)節(jié),用于網(wǎng)頁布局與網(wǎng)頁美化,CSS是網(wǎng)頁課程里面的一項(xiàng)重要組成內(nèi)容,同樣分為兩個(gè)版本,CSS2.0與CSS3.0,依據(jù)W3C標(biāo)準(zhǔn),將選擇器、屬性、hacks、單位等等歸納完整,分類清楚。通過W3CSchool和W3School的內(nèi)容參照,可將CSS內(nèi)容劃分為CSS基礎(chǔ)教程、CSS樣式、CSS框模型、CSS定位、CSS選擇器及CSS高級(jí)教程。目前行業(yè)正處在新舊技術(shù)交替狀態(tài),因而在內(nèi)容制定上也要分開制定,使得層次遞進(jìn)更加分明。
2.3 網(wǎng)頁行為(javascript)
此部分內(nèi)容為實(shí)現(xiàn)網(wǎng)頁交互性功能,網(wǎng)頁中使用的主要技術(shù)為javascript。而javascript是屬于客戶端腳本語言的一種,它也成為web前端技術(shù)里面的重要成員。目前很多非程序員都在使用它,可見javascript是一門相對(duì)容易上手的技術(shù)。原生的javascript對(duì)于一般人來說是有難度的,但是對(duì)于理解js(之后都用于javascript簡(jiǎn)寫)是十分必要的,目前有很多基于js的框架,例如jQuery是一款非常優(yōu)秀的js庫,因?yàn)榇瞬糠謨?nèi)容可以設(shè)定為原生javascript與jQuery兩個(gè)部分的內(nèi)容。
上述3個(gè)方面,按照W3C標(biāo)準(zhǔn)嚴(yán)格制訂內(nèi)容,便可基本全部涵蓋課程所有內(nèi)容。
3 加強(qiáng)關(guān)聯(lián)課程建設(shè),做好課程銜接
僅僅依靠《網(wǎng)頁設(shè)計(jì)與制作》課程內(nèi)容是無法滿足崗位與技術(shù)要求的,它需要大量其他課程內(nèi)容的知識(shí)來支持,才能更好地學(xué)習(xí)和掌握,例如:網(wǎng)頁美工,除了要求掌握網(wǎng)頁結(jié)構(gòu)、網(wǎng)頁表現(xiàn)外,還要會(huì)使用設(shè)計(jì)軟件先對(duì)效果圖進(jìn)行設(shè)計(jì),甚至在目前已經(jīng)越來越多的企業(yè)還要求網(wǎng)頁美工掌握網(wǎng)頁行為部分的知識(shí)技能,因而根據(jù)整個(gè)行業(yè)體系,可將建站內(nèi)容分成3個(gè)階段:
3.1 網(wǎng)頁美工
主要針對(duì)網(wǎng)頁效果圖,網(wǎng)頁元素設(shè)計(jì),可將此部分內(nèi)容加入到平面設(shè)計(jì)課程中例如Photoshop、AI等,且平面課程一定要在網(wǎng)頁課程之前開設(shè)完成。此階段的課程內(nèi)容必須要有針對(duì)性,要求對(duì)網(wǎng)頁的構(gòu)成元素的設(shè)計(jì),網(wǎng)頁的配色、網(wǎng)頁的風(fēng)格設(shè)計(jì),以及客戶需求的分析制定相關(guān)內(nèi)容。此階段將很大程度上影響到后續(xù)課程內(nèi)容的學(xué)習(xí)的效果。通過個(gè)人實(shí)際的教學(xué)中發(fā)現(xiàn),做出一個(gè)好的效果圖作品,將會(huì)極大的促進(jìn)學(xué)生的學(xué)習(xí)積極性,也會(huì)無形中使得學(xué)生學(xué)習(xí)更加主動(dòng)和自信。
3.2 web前端
此階段是緊跟上一階段的,當(dāng)學(xué)習(xí)完網(wǎng)頁美工,制作出最后的效果圖后,緊接著就是將圖片效果先實(shí)現(xiàn)成靜態(tài)網(wǎng)站。這里存在一個(gè)重要的環(huán)節(jié),那就是切圖。許多人對(duì)于切圖并不太重視,但實(shí)際情況是,切圖的好壞,直接影響到整個(gè)建站的效率。切圖不好也會(huì)造成流量浪費(fèi)及網(wǎng)速變慢等后果,這就需要美工與前端人員之間能夠很好地進(jìn)行溝通和合作,因而這個(gè)階段并不是完全的獨(dú)立存在。
3.3 網(wǎng)站后臺(tái)開發(fā)
當(dāng)靜態(tài)網(wǎng)站建站完畢后,此時(shí)網(wǎng)站只具備在客戶端電腦瀏覽的基本功能,人機(jī)之間無法實(shí)現(xiàn)數(shù)據(jù)的傳輸。例如當(dāng)需要在網(wǎng)站留言,并馬上顯示在網(wǎng)站中時(shí)候,當(dāng)需要對(duì)網(wǎng)頁的數(shù)據(jù)進(jìn)行及時(shí)的更新修改的時(shí)候,這都需要服務(wù)器端技術(shù)的支持。目前建站的服務(wù)器端技術(shù)主要有PHP、JSP、ASP等。從過程可以看出,此階段是必須承接上一個(gè)階段的才能繼續(xù)實(shí)施的,如果更好的實(shí)現(xiàn)對(duì)接,這就要求前端或美工人員與后臺(tái)人員之間進(jìn)行詳細(xì)的溝通。
上述3.1和3.3是可選內(nèi)容,各專業(yè)可根據(jù)自身需要選取開設(shè)。
4 完善教學(xué)資源,規(guī)范教學(xué)內(nèi)容
完備的教學(xué)資源是課程標(biāo)準(zhǔn)化建設(shè)不可或缺的一部分。制定完課程內(nèi)容后,如何學(xué)習(xí)課程是至關(guān)重要的。由于師資不同、專業(yè)不同等原因,同一門課程,教學(xué)內(nèi)容卻相差甚遠(yuǎn),應(yīng)該針對(duì)具體的知識(shí)點(diǎn),制定統(tǒng)一的基礎(chǔ)案例,也就是必講案例,不分專業(yè),不分教師,凡涉及某知識(shí)點(diǎn),此對(duì)應(yīng)的基礎(chǔ)案例為必講內(nèi)容,然后可在此案例基礎(chǔ)上,自由增加其他案例。這次既可保證課程內(nèi)容的標(biāo)準(zhǔn)化,又可靈活變通。必備的主要課程資源大致有以下幾種:
4.1 標(biāo)準(zhǔn)化的教學(xué)大綱
此標(biāo)準(zhǔn)化教學(xué)大綱是課程學(xué)習(xí)的指導(dǎo)性文件,應(yīng)該是針對(duì)課程內(nèi)容統(tǒng)一制定,不區(qū)分教師,不區(qū)分專業(yè),對(duì)每一個(gè)知識(shí)點(diǎn)都提出達(dá)到的目標(biāo)要求。教學(xué)大綱不易經(jīng)常性變動(dòng),它是一個(gè)完整的指導(dǎo)綱領(lǐng),只有當(dāng)內(nèi)容發(fā)送實(shí)質(zhì)性變化時(shí),才會(huì)做出改變,最后由各專業(yè)針對(duì)自身特點(diǎn)從此教學(xué)大綱中有選擇性的執(zhí)行。
4.2 標(biāo)準(zhǔn)化的實(shí)訓(xùn)大綱
如果說教學(xué)大綱是一個(gè)指導(dǎo)性的文件,那實(shí)訓(xùn)大綱就是實(shí)實(shí)在在的執(zhí)行方案,針對(duì)每一個(gè)知識(shí)點(diǎn)都應(yīng)該設(shè)定一個(gè)獨(dú)立的案例,有詳細(xì)的實(shí)現(xiàn)步驟及過程,也要對(duì)每一個(gè)案例提出明確的實(shí)訓(xùn)目標(biāo)。實(shí)訓(xùn)案例不僅僅要針對(duì)一個(gè)個(gè)小知識(shí)點(diǎn),更要有完整的案例,通過小案例的疊加,并最終能實(shí)現(xiàn)一個(gè)覆蓋全部環(huán)節(jié)的完整案例。
4.3 視頻教程
僅僅有文字性的指導(dǎo)文件不夠,配套的視頻教程是必不可少的。課程內(nèi)容的制定向來都是開放的,課程的學(xué)習(xí)應(yīng)該是不受時(shí)間和空間的約束。視頻可以很方便地將知識(shí)點(diǎn)清楚的呈現(xiàn)。視頻的制定應(yīng)盡量碎片化,按知識(shí)小節(jié)進(jìn)行準(zhǔn)備,時(shí)長(zhǎng)在20分鐘以內(nèi)比較適宜。有了視頻,學(xué)習(xí)者就可以更加方便的自學(xué)了。
4.4 反饋系統(tǒng)
課程的內(nèi)容的完善和優(yōu)化,需要不斷地在實(shí)踐過程中發(fā)現(xiàn)問題,總結(jié)問題,通過反饋系統(tǒng),將各種建議和意見進(jìn)行收集整理,查缺補(bǔ)漏,不斷完善和改進(jìn),此反饋系統(tǒng)可以通過網(wǎng)絡(luò)手段,通訊手段等方式實(shí)現(xiàn)。
4.5 網(wǎng)絡(luò)平臺(tái)
如何將課程內(nèi)容更好的呈現(xiàn)和管理也是課程標(biāo)準(zhǔn)化建設(shè)的一項(xiàng)重要任務(wù)??梢越⒁粋€(gè)網(wǎng)絡(luò)平臺(tái),如專門建設(shè)此課程的網(wǎng)站,與優(yōu)質(zhì)課程,共享課程,精品課程看齊,將反饋平臺(tái)、視頻案例、教學(xué)大綱和實(shí)訓(xùn)大綱有組織地結(jié)合在一起,并實(shí)現(xiàn)資源的共享。
5 創(chuàng)新考核方式,將考核落在實(shí)處
對(duì)于操作性極強(qiáng)的課程,使用傳統(tǒng)的考核方式效果并不理想,如何創(chuàng)新考核方式呢?這里有以下幾點(diǎn)想法:
5.1 以賽代考
以比賽成績(jī)作為課程考核成績(jī)。通過比賽提高學(xué)生學(xué)習(xí)積極性,并將課程所學(xué)知識(shí)運(yùn)用到實(shí)際大賽中,這樣既考查了學(xué)生的學(xué)習(xí)情況,也可進(jìn)一步提高學(xué)生的學(xué)習(xí)能力。
5.2 以證代考
可鼓勵(lì)學(xué)生參加相應(yīng)職業(yè)資格證書考試,以職業(yè)標(biāo)準(zhǔn)來考查學(xué)生學(xué)習(xí)情況,以考證成績(jī)作為課程考核成績(jī)。
5.3 答辯式
通過對(duì)所做案例進(jìn)行詳細(xì)分析和講解,由專業(yè)老師和同學(xué)進(jìn)行提問的方式進(jìn)行考核,這樣不僅可以促進(jìn)學(xué)生的學(xué)習(xí)積極性,也可以加強(qiáng)對(duì)學(xué)生監(jiān)督考查。
5.4 自薦式
一個(gè)班級(jí)的學(xué)生能力總是有差異的,有的學(xué)生學(xué)習(xí)能力較強(qiáng),在課程中期便已經(jīng)掌握課程要點(diǎn),為了促進(jìn)學(xué)生學(xué)習(xí)積極性,充分體現(xiàn)差異化的教學(xué)特色,可由學(xué)生自己申請(qǐng)考試,便在學(xué)期中期就完成考核,以便學(xué)生可以更加自由的利用和分配時(shí)間。
無論采用哪種考核方式,只要真正地把考核落在實(shí)處就是好的考核方式。
6 結(jié)束語
當(dāng)前對(duì)于教育的創(chuàng)新和改革不斷地深化,無論是教學(xué)方法的創(chuàng)新還是教學(xué)模式的改革,都必須立足于課程的建設(shè),《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)化建設(shè)不僅是對(duì)課程內(nèi)容的重新梳理,更是一個(gè)自我提高和學(xué)習(xí)的過程,對(duì)于提升教學(xué)質(zhì)量,促進(jìn)專業(yè)發(fā)展都是很有意義的!
參考文獻(xiàn):
[1] 鄭偉, 薛嵐. 高職院校圖形類專業(yè)實(shí)踐教學(xué)研究[J]. 科技資訊, 2010(12): 248-248.
[2] 鄭偉. 高職院校非圖形類專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革的探討[J]. 福建電腦, 2011, 27(1): 205-206.
[3] 鄭偉, 薛嵐. 高職院校圖形類專業(yè)《網(wǎng)頁設(shè)計(jì)與制作》課程建設(shè)改革的探討[J]. 藝術(shù)科技, 2013, 26(3): 283-283.