網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中的方法探討

董彩霞

山東商務(wù)職業(yè)學(xué)院，山東 煙臺(tái) 264670

網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中的方法探討

董彩霞

山東商務(wù)職業(yè)學(xué)院，山東 煙臺(tái) 264670

網(wǎng)頁(yè)設(shè)計(jì)是面向應(yīng)用型高職教育的計(jì)算機(jī)應(yīng)用專業(yè)的一門必修課程，特別對(duì)網(wǎng)站建設(shè)方向的學(xué)生來(lái)說(shuō)尤為重要。本文從提高網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)質(zhì)量、增強(qiáng)教學(xué)效果、培養(yǎng)學(xué)生的職業(yè)能力和職業(yè)素養(yǎng)方面，談?wù)勔恍┙?jīng)驗(yàn)。

網(wǎng)頁(yè)設(shè)計(jì)；網(wǎng)站建設(shè)；CSS

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

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

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

1.1 教師備課以學(xué)生為主導(dǎo)，要準(zhǔn)備合適的案例為學(xué)生開(kāi)啟網(wǎng)頁(yè)設(shè)計(jì)的大門

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

1.2 在教學(xué)過(guò)程中采用“校企一體化”的模式

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

1.3 教學(xué)結(jié)果評(píng)價(jià)的改革

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

2.有效合理的利用校內(nèi)實(shí)訓(xùn)

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

3.利用假期參加社會(huì)實(shí)踐

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

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

10.3969/j.issn.1001-8972.2012.08.147

董彩霞、女、講師、從事計(jì)算機(jī)教學(xué)工作