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