董彩霞

山東商務職業(yè)學院，山東 煙臺 264670

網(wǎng)頁設計教學中的方法探討

董彩霞

山東商務職業(yè)學院，山東 煙臺 264670

網(wǎng)頁設計是面向應用型高職教育的計算機應用專業(yè)的一門必修課程，特別對網(wǎng)站建設方向的學生來說尤為重要。本文從提高網(wǎng)頁設計的教學質量、增強教學效果、培養(yǎng)學生的職業(yè)能力和職業(yè)素養(yǎng)方面，談談一些經(jīng)驗。

網(wǎng)頁設計；網(wǎng)站建設；CSS

隨著互聯(lián)網(wǎng)的普及和物聯(lián)網(wǎng)逐漸走入我們的視線，網(wǎng)站的制作和推廣越來越接近我們的生活。網(wǎng)站建設作為一整套的網(wǎng)站規(guī)劃推廣流程，越來越受到更多人的關注和推崇。網(wǎng)頁設計作為網(wǎng)站建設中一個重要的環(huán)節(jié)，他的重要地位是相當關鍵的。在面向計算機應用的高職教育中，網(wǎng)頁設計是其中一個非常重要的培養(yǎng)方向。筆者將根據(jù)多年來網(wǎng)頁教學中的經(jīng)驗，談談網(wǎng)頁設計教學中的方法和注意事項。

1.改革傳統(tǒng)的教學模式

在傳統(tǒng)的教學中，是以教師的講解再配合學生的練習為主要的教學方法。這種教學模式，是以教師為主導的，老師先傳授基礎知識，再給學生演示教學實例，演示完成后再讓學生做練習來鞏固學習的知識。這種方法在教學中持續(xù)了好多年，他的好處是教學系統(tǒng)整個教學過程比較完整?？墒沁@種教學方法有個致命的弱點，那就是教師在臺上面面俱到的教，可是學生沒有實際的操作經(jīng)驗，難以理解，老師在孜孜不倦的教，可是學生卻興趣缺乏，往往是老師累得滿頭大汗，學生卻收效甚微。為此，我們提出了以學生為主導的教學方法。

1.1 教師備課以學生為主導，要準備合適的案例為學生開啟網(wǎng)頁設計的大門

學生是教學過程的主人翁，教師實現(xiàn)備課，除了準備必要的基礎知識以外，我準備大量的設計實例。網(wǎng)頁設計在技能上更注重設計，因此在備課的過程中，要根據(jù)學生學習循序漸進的過程，準備各個階段的案例項目。在學生剛開始接觸網(wǎng)頁設計之初，要給學生一個網(wǎng)頁的整體設計思路。這時候要準備大量的成品優(yōu)秀案例，最好是獲獎作品，提升學生的學習興趣，讓學生覺得學習網(wǎng)頁設計是一個非常有意思的事情。在提升了學生的學習興趣以后，要及時的準備教學實例，這個階段要及時地把網(wǎng)頁設計的基礎知識融入其中，這個階段的教學實例要簡單易行，讓學生比較容易上手，這時候的案例要比較充裕，以大的作業(yè)量來提高學生的基礎設計水平。在學生掌握了基礎制作水平以后，就是學生的提升階段了，這個階段的學習是非常重要的，是關系到整個網(wǎng)頁設計教學的成敗，這個階段案例的選取要有代表性，這時的案例要全面可行，每一種案例都要涉及。最后的一個階段是總結階段，這個階段的案例的選擇要具有實用性，要采用企業(yè)的實際案例，模仿企業(yè)的運行模式來教學，案例要選取企業(yè)中實際制作項目。這樣一整個備課過程下來，教師就對整個教學有了事先的良好把握。

1.2 在教學過程中采用“校企一體化”的模式

校企一體化的教學模式指的是在教學過程中模仿企業(yè)的運營模式，老師是項目經(jīng)理人，學生是企業(yè)員工。在這種教學過程中，一開始學生就是作為新進員工參與其中的，教師指導學生做大量的基礎案例項目。這種項目可以是把制作好的網(wǎng)頁模板切片做必要的基礎鏈接，可以是為網(wǎng)頁設計漂亮的導航，可以是為網(wǎng)頁優(yōu)化布局。當然可以在這個過程中加入一些簡單的網(wǎng)頁整版設計，要注意要及時的調動學生的積極性，對于完成的好的作業(yè)案例要給予表揚，適時的肯定學生的成績會使學生的學習更為有益。在基礎案例做的比較多的情況下，學生的基礎制作水準有了很大的提高，這時候要及時的推動教學進入下一個提高階段，這時候教師要把自己的角色定位為項目經(jīng)理人，提出一些有代表性的項目，比如為某酒店制作一個網(wǎng)站，提出各種要求，讓學生在規(guī)定的時間內制作完成。這階段教學的過程，教師要有耐心，要有一定的高度，對于學生的要求要嚴格，對于學生作業(yè)中出現(xiàn)的問題要馬上提出，并督促學生做出優(yōu)化設計。這個階段的案例一定要全面，給學生的項目要有代表性，對目前使用范圍比較廣的網(wǎng)站設計方向要把握準確。在最后的總結階段，教師提出的案例最好是企業(yè)所提供的，這種實例更具有實際性和探索性。比如，為宏福祥服飾有限公司制作網(wǎng)站。在這個網(wǎng)站的制作過程中，就有學生的大量參與，從選片修片到整個版面的設計，乃至后臺的制作設計，學生們都做出了巨大的努力。在這個網(wǎng)站的制作過程中，學生分成了五個小組，做出了五套網(wǎng)站設計方案，最終有一套方案被企業(yè)錄用。這種企業(yè)的教學模式在網(wǎng)頁設計教學過程中取得了很好的效果。

1.3 教學結果評價的改革

在以往的教學中，都是以考試來評定教學結果的。在新的校企一體化的教學模式中，我們摒棄了以往的評價模式，采用作業(yè)考評結合平時表現(xiàn)的模式來評價學生的學習效果。采用平時表現(xiàn)，作業(yè)成績三七開的方法來考核學生。在作業(yè)的評定中，為了使評定結果更客觀，我們采用專業(yè)教師和合作企業(yè)代表共同參與學生的作業(yè)講評，根據(jù)講評綜合給分。這種考核方法更為合理有效，不僅僅考核了學生的全面的專業(yè)技能還考核了學生的職業(yè)素養(yǎng)。

2.有效合理的利用校內實訓

在網(wǎng)頁設計的主要授課過程結束以后，最好要安排一至兩周的校內實訓。在實訓周內，整合學生的全部力量，完成一至兩個大的企業(yè)實際項目案例。實訓周是提高學生網(wǎng)頁設計水平，培養(yǎng)學生成為網(wǎng)頁設計師的良好時機。在這個過程中，教師要為學生選好實訓項目，最好有一定的難度。學生在學習過Photoshop、Dreamweaver、Flash、Div+CSS等網(wǎng)頁設計主要軟件工具以后，一直以來都是分開來使用的，這次要把他們整合在一起來使用。把網(wǎng)頁設計的整套設計過程整個的體驗一遍，選用Photoshop制作出版式配色等整體效果設計，然后切片導入到Dreamweaver中，對需要用到特殊排版的地方用Div+CSS進行設計排版。對于畫龍點晴之處最好加入特點鮮明的Flash短片，這樣完成的項目更具有吸引力。通過合理有效的校內實訓，可以加強學生的設計能力和創(chuàng)新能力。

3.利用假期參加社會實踐

每年的暑假是學生參與社會實踐的好時期，要鼓勵學生積極的到企業(yè)親身體驗企業(yè)的經(jīng)營模式。學生在企業(yè)中可以得到具有多年豐富實踐經(jīng)驗的師傅的指導，從與客戶談單簽字到制作出臺，無一不在鍛煉學生的職業(yè)技能和職業(yè)素養(yǎng)。利用好假期參加社會實踐，是高職學生提升自己的良好出路。

職業(yè)教育，是中國教育必須要走的教育道路之一。西方的科技大國無一不是在走職業(yè)化道路，比如制造業(yè)大國德國、法國，都是職業(yè)教育走的相當出色的國家。在職業(yè)教育中的改革與創(chuàng)新也一直是我國在探索的道路之一，做好職業(yè)化教學是每一位職業(yè)教育者努力的方向。為此，本文就網(wǎng)頁設計教學中的改革提出了一些微不足道的看法，希望能為職業(yè)教育的發(fā)展盡一點微薄之力。

10.3969/j.issn.1001-8972.2012.08.147

董彩霞、女、講師、從事計算機教學工作