網頁設計教學中的方法探討

董彩霞

山東商務職業學院，山東 煙臺 264670

網頁設計教學中的方法探討

董彩霞

山東商務職業學院，山東 煙臺 264670

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

網頁設計；網站建設；CSS

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

1.改革傳統的教學模式

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

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

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

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

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

1.3 教學結果評價的改革

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

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

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

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

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

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

10.3969/j.issn.1001-8972.2012.08.147

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