高職“網頁設計與制作”課程教學模式創(chuàng)新研究

關鍵詞：高職院校；網頁設計與制作；教學現(xiàn)狀；教學創(chuàng)新

中圖法分類號：TP393 文獻標識碼：A

“網頁設計與制作”是高職計算機專業(yè)的一門重點課程，其涵蓋計算機網絡技術、信息技術、軟件技術等內容，具有較強的理論性和實踐性。在課程學習中，學生不僅需要掌握與網頁制作和設計相關的基礎知識，還要具備良好的實踐能力，能夠靈活應用所學知識來完成實踐項目。當前，社會對于網頁設計與制作的人才需求量較大，且要求也越來越高，在具體的課程教學中，需要與時俱進地鍛煉學生的創(chuàng)新能力和應用能力。

1教學現(xiàn)狀

“網頁設計與制作”屬于計算機專業(yè)的一門主干課程，要求通過該門課程的學習，使學生對網站建設有深刻認知，掌握各類網頁制作和網頁設計的基本方法，熟悉相關的概念和理論，具備一定的設計、開發(fā)和發(fā)布網站的能力，能夠靈活解決實際問題，為后續(xù)的就業(yè)奠定基礎?！熬W頁設計與制作”是典型的操作類課程，與“計算機基礎”等課程不同，這門課程看似簡單，實則有大量深層次的操作技巧和制作技術，在學習完課程后，不少學生往往只是掌握了教材中的理論操作及簡單的技術，對于深層次的制作方法卻模棱兩可，制作的作品質量也不高，不符合應用型人才的培育要求。之所以存在這一問題，是由于“網頁設計與制作”課程的涵蓋內容較多，制作技巧也比較多，技術層次高，具有容易掌握、難以精通的特點，這給“網頁設計與制作”課程的教學帶來諸多困難。

從高職院校的教學實踐來看，學生普遍缺乏網頁設計與制作的基礎，學習能力較為薄弱，學習習慣不佳，缺乏完善、健全的知識體系。在班級中，學生之間的計算機應用水平差異較大，且部分學生沒有充分認識到“網頁設計與制作”課程的重要意義。還有部分教師在開展教學活動時缺乏實操經驗，過度關注理論知識的傳授，忽視了實踐指導，也沒有根據社會的發(fā)展需求與時俱進地調整課程知識，使學生無法掌握最新的知識和技能。除此之外，傳統(tǒng)的課程考核方式比較簡單，一般是要求學生在規(guī)定時間內制作出一個網頁即可達到合格標準，而這種考核模式比較片面，不利于學生實踐能力和創(chuàng)新能力的培養(yǎng)，導致學生只會簡單操作，對設計理解浮于表面。

2教學模式創(chuàng)新

2.1利用微課，讓教學形象化

微課是目前高職院校教學中廣泛采用的一種教學模式。微課通過轉化為學生喜聞樂見的教學視頻，能夠讓枯燥的理論內容生動化、形象化。在高職“網頁設計與制作”課程教學中，也可借助微課來優(yōu)化教學模式。在微課的設計上，要關注三個要點：即“一個中心”“兩個原則”“三個基本點”。“一個中心”就是以學生為中心，學生需要從“網頁設計與制作”課程中學到什么內容，微課視頻制作是否有吸引力，學生能否聽懂等，這都要以學生的需求作為基點，科學呈現(xiàn)出重點和難點知識，文字語言的表達要自然、親切，沒有距離感，用軟性化的方式來影響學生；“兩個原則”就是“有用”和“有趣”，“有用”是可以滿足學生的學習要求，微課的設計要通俗易懂，“有趣”就是利用微課讓枯燥的知識變得有趣，抽象的原理變得形象，使學生樂于接受，能夠沉浸在學習活動中：“三個基本點”就是在教學策略的選擇上，一是要讓學生易于接受，并且能夠主動配合教學活動，可采用探究式、拋錨式、情境式等教學方式，二是內容的呈現(xiàn)要利用動畫、音視頻、操作演示、圖片展示等多種方式喚起學生興趣，三是教學媒體的選擇需要借助視聽媒體、視覺媒體、交互多媒體來展示。微課的引入要與“網頁設計與制作”課程的具體教學要求相結合，在課前預習、課堂講解、課后復習幾個階段都可以采用微課，只是應用策略稍有不同。

“PS網頁美化綜合技巧”一節(jié)的難度較高，融合了網頁設計與制作的綜合性內容，具有極強的操作性，學生學習起來難度較高，利用PhotoShop來設計網頁屬于網頁前期設計的重點工作，要求學生利用PhotoShop和Dreamweaver等軟件協(xié)同操作，并且能夠對網頁設計與制作有全局把握。為了幫助學生突破重點，可為學生制作“PhotoShop切圖制作網頁技巧”的微課視頻，用生動、直觀的方式為學生呈現(xiàn)PhotoShop切圖制作網頁的具體過程，讓學生通過觀看視頻來了解整個操作要點和其中的重點技能。在授課之前，要求學生對照微課視頻來完成預習，并填寫課前預習任務單，在課堂上，根據學生反饋的疑難之處進行針對性指導，這就節(jié)約了指導時間。在“PhotoShop切圖制作網頁技巧”微課視頻的設計上，先用一些Html網頁與網頁效果圖的對比來激發(fā)學生的興趣，讓學生探究PhotoShop設計好的效果圖如何轉化為網頁。接下來，通過對比效果圖、圖片以及文件來引入切圖的概念、原理和操作方式，直觀展現(xiàn)本節(jié)課教學的技能要點。完畢后，展示核心技能，包括整體切圖、區(qū)塊切圖，在微課視頻的結尾，總結切圖的具體過程和方法技巧，強化本課的內容和知識點。最后，給出切圖任務要求。學生觀看微課視頻后，自己嘗試動手實踐并填寫預習任務單，在預習任務單中，有幾個問題：借助PhotoShop切圖制作網頁的思路是怎樣的？怎么分別處理整體和局部的區(qū)塊？區(qū)塊的切圖有幾種方法？還有什么可以選擇的切圖技巧？請大家總結，跟隨微課視頻的節(jié)奏來完成預習任務。

上述微課視頻展示了技能的操作演示過程，將復雜的技能操作通過錄屏的形式來呈現(xiàn)，學生可以反復觀看、學習，最后通過自行操作來掌握知識和技能。通過這類型微課的引入，讓學生在觀看后更加輕松地理解新知識、新技巧，基本上觀看1～2次視頻后，學生就能根據視頻來操作，在課堂上，教師將教學重點放置在難點和核心點的講解上即可滿足要求。

2.2借助項目教學，提高學生的實踐能力

項目教學也被稱之為項目學習，是師生、生生通過共同完成一個完整項目而開展的一種教學活動，其目的是將理論和實踐課程有機結合，挖掘學生創(chuàng)造潛能，提高其問題解決能力。每個項目都有清晰的項目說明，一般是以小組合作的方式來開展，由教師指導，學生自行完成。在傳統(tǒng)的教學模式中，過于強調知識的接收和掌握，而忽視了發(fā)現(xiàn)和探索，不利于學生獨立思考和創(chuàng)新能力的培養(yǎng)。“網頁設計與制作”課程有著較強的實踐性，利用項目教學可以培養(yǎng)學生的問題意識、生成新知識的能力和團隊合作能力，既符合探究性學習的特點，又具有實用性和層次性，學生在完成任務的過程中，不僅可以掌握所學知識，還能夠收獲良好的品質。

項目教學首先需要精心選擇項目，所選項目既要滿足“網頁設計與制作”課程的總體目標，也要考慮學生的學習需要和興趣愛好，要與學生的日常經歷相關。比如，“制作班級網站”“制作個人主頁”等，都是適合高職大學生的項目內容，項目選定后即可制定學習計劃。計劃制定可由小組成員自行完成，大家分工合作，妥善安排工作計劃和工作時間，下一步就是項目教學的核心步驟——活動探究，學生對于知識的掌握都是在這一環(huán)節(jié)完成。在探究中，學生利用教師提供的資源開展調查、研究、實踐，不斷地發(fā)現(xiàn)問題、分析問題、解決問題，從而構建屬于自己的知識體系。在各個小組完成作品制作后，組織成果交流，小組和小組之間分享經驗和體會，相互彌補不足，享受成功的喜悅，最后由教師做出整體評價。

在“班級網站的制作”項目學習中，教師先為學生展示一些優(yōu)秀的班級網站，讓學生結合課堂所學的知識，各小組之間商定班級網站的風格、框架、內容和結構，確定主題后，小組收集素材，各個小組分別負責班級主頁、班級文學、班級新聞、班級相冊、班級留言網頁的設計。整個項目時間為一個月，第1周，要求各小組制定項目實施計劃書，明確制作計劃分工情況，小組成員根據主題來搜集素材：第2周，確定網站的色調、結構，分工制作鏈接頁和主頁，在制作過程中，小組成員不斷協(xié)商討論，達成共識；第3周為測試階段，教師指導小組成員對有問題的頁面進行修改、完善；第4周，上交作品，每個小組選派代表來展示項目。

此類項目與學生的真實生活密切貼合，在教師布置項目后，學生的積極性大幅提升，在實際制作過程中，他們也遇到了很多預想之外的問題，由小組成員協(xié)商解決，對于爭議較大的問題或者通過學生自主努力無法完成的問題，再由教師予以指導。項目學習模式的應用潛移默化地改變了學生的消極等待思想，顯著提高學生各項能力。從社會的發(fā)展進程來看，“網頁設計與制作”課程內容也要與時俱進，在布置項目時，可以設計最新的項目任務類型，也可由學生自己來制定項目主題，相比傳統(tǒng)的理論式教育模式，項目教學充分彰顯了學生學習的主觀能動性，以職業(yè)能力為中心，以就業(yè)為導向，能夠讓學生成為滿足一線需求的應用型和技能型優(yōu)質人才。

2.3融入創(chuàng)客理念，培育學生的創(chuàng)新能力

創(chuàng)客運動的舉辦對高職教育領域產生了深刻影響，為創(chuàng)新型人才的培育帶來了全新視角，各大高校都在推行創(chuàng)客教育，并且組建了各自的創(chuàng)客社團和創(chuàng)客團體，而中小學也深受創(chuàng)客教育的影響開始推行創(chuàng)客教育，其教育理念是致力于培育各類創(chuàng)新型人才，在開放、創(chuàng)新、探究、體驗的過程中達成育人要求。從高職“網頁設計與制作”課程的教學實踐來看，大多數學生參與這門課程的積極性并不高，從學生的訴求來看，多數學生希望教師給自己留出更多的操作時間以及教師能夠提供一些與生活相關的案例。在“網頁設計與制作”課程教學中，需要通過各種方法來增加學生的實踐機會，而創(chuàng)客教育理念的核心就在于通過動手來培育學生的創(chuàng)新思維和創(chuàng)新能力，幫助學生擺脫課堂上的束縛，創(chuàng)客教育理念的融入也為高職“網頁設計與制作”課程教學模式的創(chuàng)新提供了新的視角。

從具體操作來看，創(chuàng)客理念在“網頁設計與制作”課程教學中的應用需要使用智慧教學管理平臺，在平臺中，有師生互動、課堂管理、資源管理、互動社區(qū)、在線批改、數據統(tǒng)計等功能。教師和學生注冊賬號后，教師可創(chuàng)建班級，邀請學生加入。在平臺中，學生可第一時間接收教師發(fā)布的各種任務，在創(chuàng)客理念的指引下，整個“網頁設計與制作”課程教學多數時間是由學生參與實踐操作、動手制作，教師的講解只占其中的一小部分。為了便于學生的操作，在平臺中設置“問題解答”板塊，當學生遇到問題時，可以先在“問題解答”板塊中尋找答案，如果找不到適合的答案，再尋求教師的幫助，從而大大縮短學生問題解決的時間，也減輕了教師的指導負擔。

在“旅游景點概況”網頁設計與制作創(chuàng)客任務中，學生了解了網頁和網站的基本知識，也熟悉了瀏覽器彈窗的組成，掌握了Dreamweaver工作界面，能夠創(chuàng)建和管理本地站點。在創(chuàng)客教學策略的應用上，根據重難點來分配教學過程，先為學生講解新知，讓學生模仿、操作；接下來布置任務，要求學生參與實踐；最后，教師提供網頁主題，讓學生完成創(chuàng)作并且分享產品。在整個創(chuàng)客教育中，學生有充足的練習時間，可以選擇教師提供的學習資源和素材，也可以利用搜索軟件來尋找資源，對資源進行整合，并在制作過程中來創(chuàng)新。在教學評價環(huán)節(jié)，采用學生自評、學生互評、教師評價結合的方式，按照比例得出總分，納入平時成績中。

2.4改革評價模式，推行過程考核

鑒于“網頁設計與制作”課程的實踐性較強，單一采用理論方式來考核，無法反映學生的設計能力和制作水平，在以往的考核模式中，存在學生學習了本課程還是不知道怎樣設計和制作的問題。因此，在考核方式的改革上，需要以彰顯學生的專業(yè)應用能力為出發(fā)點。單一的理論考核模式容易導致學生平時應付.考前突擊，特別是在設計和制作網頁時，部分學生會將大量的時間和精力放置在素材的搜集和圖片制作上，技術缺失問題十分嚴重[5]。對此，需推行過程性考核、課終考核相結合的考核模式，在過程性考核上，對學生在課堂上完成的每個任務進行考核和打分，并做出全程控制，要求學生養(yǎng)成良好的學習習慣，過程性評價能夠讓學生產生壓力和動力，完成每一次任務并不代表著學生在期末就能取得良好的成績，只有認真上好每一次課、完成每個任務，才能取得理想成績。過程性考核督促學生主動完成任務，自覺學好知識和技能，打破“一張試卷定成績”的制度，在教學過程中，對學生實施不間斷的評價，通過每一次成績的累積得到最終評價，讓學生能夠清楚自己的學習進度和學習情況，便于學生合理調整學習狀態(tài)，養(yǎng)成嚴謹、敬業(yè)的良好素養(yǎng)和品行。在課終考核上，主要考查學生對“網頁設計與制作”課程基本原理的掌握和實踐操作的練習情況，在考試中，也需要兼顧上述兩個方面。理論考核方法還是采用以往的上機考試方式，綜合利用選擇題、判斷題等進行考核，還可要求學生開發(fā)相關的軟件，上機考試是從題庫中隨機抽選出題方案來組成試卷，每個學生也是隨機抽取試卷。另外，可增加綜合項目的實踐考核，讓學生以小組為單位來完成網站建設，以考查學生的合作能力。當然，上述考核是一種全新的考核模式，尤其是在過程性考核的實施過程中，必然會出現(xiàn)一些阻力，有的學生平時學習興趣不高，交作業(yè)被動，那么，對于此類學生，教師就需要予以更多的關注，通過正面管教、柔性管理等方式提高學生的主動意識，增強其學習興趣，鍛煉學生的自學能力，并且活躍課堂、改善師生關系，利用“教學做一體化”的教學模式來達到預期的教學和評價效果。

3結束語

如何深化教學改革、提高學生的綜合素質，是高職教育活動的研究起點，在“網頁設計與制作”課程教學中，教學改革的目標就是為學生增加實踐的機會，鼓勵其動手操作。教師需要根據學生的興趣愛好與能力基礎來選擇適合的教學方法，增加課程的趣味性，為學生提供更多的實踐和操作機會，創(chuàng)新教學考核方式，并借助創(chuàng)新性、實踐性的教學模式來提升教學質量。

作者簡介：

陳瑋（1981—），碩士，講師，研究方向：Web前端。