楊穎

高職“網(wǎng)頁設(shè)計與制作”課程教學(xué)改革探索

楊穎

隨著各種智能化的移動終端日益普及，傳統(tǒng)的PC端網(wǎng)頁設(shè)計布局方式越來越不能滿足用戶的需求，如何讓網(wǎng)頁兼容多個終端，成為網(wǎng)頁設(shè)計師們亟待解決的問題。同時，移動互聯(lián)網(wǎng)技術(shù)也促進了教育資源的共享，學(xué)生在學(xué)習(xí)觀念和學(xué)習(xí)模式上有了巨大的轉(zhuǎn)變，線上學(xué)習(xí)、碎片化學(xué)習(xí)、移動學(xué)習(xí)和社交學(xué)習(xí)將是未來的學(xué)習(xí)趨勢?！熬W(wǎng)頁設(shè)計與制作”課程本身與互聯(lián)網(wǎng)技術(shù)緊密相關(guān)，更應(yīng)該發(fā)揮課程自身的特點，緊跟行業(yè)最新技術(shù)，將移動互聯(lián)網(wǎng)融入到課堂內(nèi)外，激發(fā)學(xué)生學(xué)習(xí)的主動性和創(chuàng)造性，從而有效提高教學(xué)質(zhì)量，培養(yǎng)更多符合社會崗位需求的技能型人才。

高職教育;網(wǎng)頁設(shè)計與制作;課程改革;移動互聯(lián)

近年來，隨著智能移動終端產(chǎn)品的不斷發(fā)展，特別是4G時代的開啟，網(wǎng)速和帶寬的增加，數(shù)據(jù)網(wǎng)絡(luò)成本和流量資費的下降，更加豐富的互聯(lián)網(wǎng)信息應(yīng)用，云計算、大數(shù)據(jù)等新興技術(shù)開始廣泛普及，這都意味著移動互聯(lián)網(wǎng)時代的真正來臨。中國互聯(lián)網(wǎng)信息中心CNNIC發(fā)布的《第34次中國互聯(lián)網(wǎng)絡(luò)發(fā)展狀況統(tǒng)計報告》顯示，截至2014年6月，中國網(wǎng)民規(guī)模達6．32億，其中，手機網(wǎng)民規(guī)模5．27億，互聯(lián)網(wǎng)普及率達到46．9%。網(wǎng)民上網(wǎng)設(shè)備中，手機使用率達83．4%，相比2013年底上升2．4個百分點，首次超越傳統(tǒng)PC整體80．9%的使用率，手機作為第一大上網(wǎng)終端的地位更加鞏固，用戶的注意力已經(jīng)不可逆轉(zhuǎn)地從PC端網(wǎng)站向移動端APP轉(zhuǎn)移。因此，“網(wǎng)頁設(shè)計技術(shù)”課程也應(yīng)順應(yīng)新時代的發(fā)展，將最新的知識和技術(shù)融入到課程的教學(xué)過程中，從以前的側(cè)重于PC端網(wǎng)頁界面設(shè)計過渡到今后兼顧移動端設(shè)備網(wǎng)頁設(shè)計，不斷改進教學(xué)內(nèi)容以及教學(xué)手段，才能保證良好的教學(xué)效果，提高學(xué)生的就業(yè)競爭能力。

一、緊跟行業(yè)最新技術(shù)，靈活組織教學(xué)內(nèi)容

目前，高職“網(wǎng)頁設(shè)計與制作”課程的教學(xué)內(nèi)容主要包括:網(wǎng)頁設(shè)計與制作的基本概念;HTML標記語言;網(wǎng)頁編輯軟件Dreamweaver的使用方法;在網(wǎng)頁中添加文字、圖像、超鏈接、表格等基本元素;使用CSS樣式表;Div+CSS網(wǎng)頁布局;制作框架網(wǎng)頁;創(chuàng)建表單網(wǎng)頁;模板與庫;Javascript網(wǎng)頁特效;使用Flash制作網(wǎng)頁動畫;使用Photoshop處理網(wǎng)頁圖像等，選用的網(wǎng)頁案例也都側(cè)重于傳統(tǒng)的PC端網(wǎng)站界面設(shè)計。例如在講解網(wǎng)頁布局技術(shù)時，為了頁面的美觀性，我們往往將頁面固定寬度并居中，一般頁面寬度采用950～1200像素左右，如圖1所示。而為了實現(xiàn)圖1的左中右3欄并排的版式，需要采用Div+CSS浮動布局來進行定位。

而這種傳統(tǒng)的網(wǎng)頁界面并不適合在手機、平板等移動終端設(shè)備中顯示，這是因為移動設(shè)備相比臺式電腦而言，屏幕范圍都比較有限，從而使得用戶很難看清楚依賴于標準尺寸的PC端屏幕上的文字和圖形。因此，手機端網(wǎng)頁在排版時一般采取流式布局，頁面寬度盡量采用以百分比為單位的彈性寬度，根據(jù)設(shè)備屏幕的大小能夠自適應(yīng)調(diào)節(jié)，按比例縮放。另外，考慮到用戶在移動設(shè)備操作方面的一些特點，頁面在圖形、導(dǎo)航按鈕的設(shè)計方面應(yīng)盡量簡潔易用，如圖2所示，用最小的成本呈現(xiàn)最有價值的內(nèi)容，盡量減少用戶進行信息訪問時所采取的步驟，從而達到高效良好的用戶體驗。［1］這些面向不同終端的網(wǎng)頁設(shè)計原則，應(yīng)該在教學(xué)過程中清晰地傳遞給學(xué)生。同時，在教學(xué)中，應(yīng)及時引入先進的Web技術(shù)，如 HTML5、CSS3、響應(yīng)式網(wǎng)頁設(shè)計［2］、媒體查詢、流式布局、自適應(yīng)圖片等內(nèi)容。除了介紹前端界面設(shè)計以外，可以適當介紹一些動態(tài)網(wǎng)站后臺開發(fā)的流程，使學(xué)生在整體上對網(wǎng)站建設(shè)具有更加明確的認識，為后續(xù)網(wǎng)頁編程技術(shù) JavaScript/AJAX、Web程序設(shè)計(I)——ASP．NET技術(shù)、Web程序設(shè)計(II)——PHP+MySQL技術(shù)、網(wǎng)絡(luò)數(shù)據(jù)庫等專業(yè)課程的學(xué)習(xí)打下良好的基礎(chǔ)。

圖1 傳統(tǒng)的PC端網(wǎng)頁界面

圖2 手機端網(wǎng)站頁面

二、轉(zhuǎn)變傳統(tǒng)教學(xué)觀念，促進教學(xué)方式創(chuàng)新

在移動互聯(lián)時代，信息的傳播速度更快，傳播的內(nèi)容也更具有沖擊力和震撼力，傳播的扁平化趨勢也更加明顯。信息的傳播早已不再是自上而下的單向式傳播，而是呈現(xiàn)信息傳播的網(wǎng)狀結(jié)構(gòu)、雙向結(jié)構(gòu)，每一個手持移動終端的個體都是一個傳播節(jié)點，人人都可以成為傳播活動的主體。微博、微信、微課等新鮮事物已經(jīng)在社會上日益普及，學(xué)生通過手機、IM軟件等各種途徑，互相分享交流可以快速獲取最先進的知識技術(shù)。教師不再是知識的權(quán)威，教師作為課堂上知識傳授者的傳統(tǒng)地位被動搖了，未來課堂知識將由三方面組成:教科書及參考書提供的知識;教師個人知識;師生互動產(chǎn)生的知識。這表明教師的身份應(yīng)該從課堂的管理者轉(zhuǎn)變?yōu)閷W(xué)生學(xué)習(xí)知識的合作者，課程的教學(xué)方法也需要隨之發(fā)生改變。

除了在課堂上采用傳統(tǒng)的案例教學(xué)、項目式教學(xué)、任務(wù)驅(qū)動法教學(xué)以外，“網(wǎng)頁設(shè)計與制作”課程應(yīng)該結(jié)合自身特點，在教學(xué)手段上多運用現(xiàn)代教育技術(shù)和虛擬現(xiàn)實技術(shù)，以直觀的形式使抽象問題簡單化，以高效的授課手段、形象的動畫演示、巧妙的環(huán)節(jié)設(shè)計保證授課質(zhì)量。充分利用網(wǎng)絡(luò)課程教學(xué)平臺，優(yōu)化教學(xué)過程，提高教學(xué)質(zhì)量和效率。［3］教學(xué)資源應(yīng)全部可在網(wǎng)上瀏覽和下載，包括教學(xué)大綱、教學(xué)課件、教學(xué)案例、實訓(xùn)實踐、例題習(xí)題、授課視頻、優(yōu)秀網(wǎng)頁作品庫與素材庫等。精心設(shè)計出知識點合理、內(nèi)容短小精悍的微課程以及其他適合在移動終端上展現(xiàn)的優(yōu)質(zhì)的移動學(xué)習(xí)資源，從而使任何學(xué)生在任何時候、任何地方都能輕松地獲取知識以及訓(xùn)練技能，保證學(xué)生按需學(xué)習(xí)和主動學(xué)習(xí)。此外，通過短信、電子郵件、QQ群、論壇、微博、微信、朋友圈等師生互動環(huán)節(jié)加強教師與學(xué)生之間的聯(lián)系與了解，既幫助教師及時了解學(xué)生的學(xué)習(xí)情況以便掌握課程的進度和方向，又能夠促進學(xué)生學(xué)習(xí)的自主性和積極性。

三、改進課程考核方式，合理評價教學(xué)效果

“網(wǎng)頁設(shè)計與制作”課程的考核應(yīng)注重實踐性、創(chuàng)造性和實際技能培養(yǎng)的要求，以學(xué)生綜合實踐能力考核為主線，改變傳統(tǒng)的對課程單一片面的考核方式，建立促進學(xué)生動手能力和創(chuàng)新能力的考評體系，實行過程考核與結(jié)果考核相結(jié)合。過程考核包括學(xué)生課堂練習(xí)、課后作業(yè)完成情況、考勤情況等，結(jié)果考核包括期末課程設(shè)計情況。課程設(shè)計可以由授課老師結(jié)合學(xué)校需求或者企業(yè)需求、市場需求，引入若干項目，由學(xué)生選擇獨立或分組完成。分組時同組人數(shù)不超過3人，并明確劃分各人分工情況，比如界面設(shè)計、文案編輯、內(nèi)容校正、資料收集、后臺程序等。分組合作不僅能增強學(xué)生的團隊精神，同時也有助于相互之間的幫助，使學(xué)生更快地掌握應(yīng)用技能。在設(shè)計過程中，要求學(xué)生填寫標準的設(shè)計任務(wù)書，嚴格按照網(wǎng)頁設(shè)計流程進行，完成和上交所有設(shè)計文檔和報告，這樣可以增強學(xué)生的實踐能力和崗位能力。

在驗收網(wǎng)頁設(shè)計作品的過程中，由學(xué)生在多媒體教室或機房把自己的網(wǎng)頁設(shè)計作品展示出來，并且講解整個構(gòu)思、設(shè)計以及實現(xiàn)過程，讓學(xué)生成為網(wǎng)站的運作人，由指導(dǎo)教師最終進行點評總結(jié)，并對每個作品從創(chuàng)意、排版、內(nèi)容、美工、技術(shù)等各方面進行綜合評分。同時，還要將學(xué)生的相互評價和自我評價作為考核評價的重要指標。學(xué)生還可以把自己的網(wǎng)頁作品放上網(wǎng)，發(fā)揮社交網(wǎng)絡(luò)和移動互聯(lián)網(wǎng)優(yōu)勢，通過調(diào)查、評論、專題、互動、網(wǎng)民投票等手段，客觀了解作品的各方面優(yōu)勢劣勢，從而做出進一步的改進和提高。期末考核不但是檢驗學(xué)習(xí)效果的手段，而且還成為學(xué)生繼續(xù)學(xué)習(xí)與實踐訓(xùn)練的組成部分，培養(yǎng)了學(xué)生實際動手能力和基本專業(yè)素質(zhì)，這樣的考核方式將會取得比單獨進行理論考試更好的教學(xué)效果。

除了常規(guī)的課程考核以外，組織學(xué)生在課余成立興趣小組、社團、工作室、虛擬公司，承接實際的網(wǎng)頁設(shè)計業(yè)務(wù)，同時，鼓勵學(xué)生參加各種網(wǎng)頁設(shè)計大賽及相關(guān)的網(wǎng)頁設(shè)計認證考試，使學(xué)生通過不同層次的實際訓(xùn)練，鍛煉其自主學(xué)習(xí)能力與創(chuàng)新思維能力，并促進他們對所學(xué)的知識進行總結(jié)與提高，從而形成比較系統(tǒng)的課程知識體系，最終提高學(xué)生的實戰(zhàn)能力，學(xué)以致用服務(wù)社會。

四、加強教學(xué)團隊建設(shè)，提高教學(xué)質(zhì)量

在“網(wǎng)頁設(shè)計與制作”的課程教學(xué)中，教師的業(yè)務(wù)水平和綜合素質(zhì)直接影響學(xué)生的學(xué)習(xí)質(zhì)量。所以建設(shè)一支高素質(zhì)的專業(yè)教學(xué)團隊是課程教學(xué)改革中至關(guān)重要的一環(huán)。［4］教學(xué)團隊的所有成員應(yīng)具備豐富的教學(xué)經(jīng)驗，專兼聘相結(jié)合，形成合理的年齡與知識結(jié)構(gòu)梯隊。邀請高職稱高學(xué)歷高技能的人才特別是企業(yè)專家來承擔學(xué)生實踐環(huán)節(jié)，定期為學(xué)生開設(shè)網(wǎng)頁設(shè)計方面的新技術(shù)講座。重視教師之間的合作交流與資源共享，充分利用移動互聯(lián)網(wǎng)的優(yōu)勢，建立教師備課聯(lián)盟，通過共同備課的機制，討論課程教學(xué)方法、教學(xué)項目以及更新教學(xué)內(nèi)容。此外，由于這門課程涉及的專業(yè)知識很多，它包含平面設(shè)計、動畫設(shè)計、圖像處理、網(wǎng)頁編程、數(shù)據(jù)庫、Web程序開發(fā)、網(wǎng)站建設(shè)與維護管理等領(lǐng)域，必須緊跟新技術(shù)的發(fā)展才能保證所學(xué)知識不被淘汰。這對授課教師本身的知識結(jié)構(gòu)和專業(yè)技能水平的要求更高。因此，學(xué)校也應(yīng)積極鼓勵教師不斷更新和拓展專業(yè)知識結(jié)構(gòu)，同時多方面支持專業(yè)教師定期參加各種設(shè)計競賽、交流培訓(xùn)及科研項目，增加教師的進修和學(xué)習(xí)機會，加大師資培訓(xùn)力度，使教師積極主動地參與到企業(yè)或公司實際的設(shè)計項目中去，從而提高教師的整體素質(zhì)和業(yè)務(wù)水平。作為教師本身，也要樹立先進的現(xiàn)代教育理念，主動提升自我，勇于嘗試新媒體，接觸新事物，利用業(yè)余碎片時間不斷研究學(xué)習(xí)新知識，享受移動學(xué)習(xí)帶來的新體驗。

在移動互聯(lián)網(wǎng)日益普及的今天，人們可以非?？旖莸孬@得大量的網(wǎng)頁設(shè)計與制作相關(guān)的學(xué)習(xí)資源，任課教師要想獲得學(xué)生的積極參與和普遍認同，就需要緊跟最新的網(wǎng)頁設(shè)計技術(shù)，在知識和技能方面不斷充實自我，以學(xué)生就業(yè)為導(dǎo)向，將教學(xué)與社會應(yīng)用相結(jié)合，不斷對課程的教學(xué)方法、教學(xué)手段進行改革和創(chuàng)新，以充實的教學(xué)內(nèi)容吸引學(xué)生自主學(xué)習(xí)，引導(dǎo)學(xué)生不斷創(chuàng)新，使學(xué)生在學(xué)習(xí)過程中收獲更多的成就感。只有緊緊把握互聯(lián)網(wǎng)技術(shù)飛速發(fā)展的新機遇，立足于滿足社會崗位對人才的需求，努力提高學(xué)生的創(chuàng)新思維與實踐動手能力，才能培養(yǎng)出更多符合時代要求的高素質(zhì)專業(yè)人才，真正實現(xiàn)教學(xué)與就業(yè)的無縫對接。

［1］梅倩．移動互聯(lián)網(wǎng)時代下的網(wǎng)頁設(shè)計［J］．科技創(chuàng)新導(dǎo)報，2010(4):19－20．

［2］王愉，潘明明．響應(yīng)式網(wǎng)頁設(shè)計初探［J］．北京印刷學(xué)院學(xué)報，2014(3):13－15．

［3］吳葳葳．高職高?！毒W(wǎng)頁設(shè)計》課程教學(xué)改革研究［J］．科技信息(學(xué)術(shù)研究)，2007(34):171－172．

［4］陸遠蓉，李曉婷．基于工作過程系統(tǒng)化的《移動互聯(lián)網(wǎng)站設(shè)計》學(xué)習(xí)情境設(shè)計［J］．當代職業(yè)教育，2014(6): 24－26．

［責任編輯 陳國平］

楊穎，女，廣東農(nóng)工商職業(yè)技術(shù)學(xué)院講師，碩士，主要研究方向為計算機應(yīng)用技術(shù)。

G712

A

1674－7747(2015)18－0025－03