中等職業(yè)學(xué)?！毒W(wǎng)頁制作》課程教學(xué)的探討

李宏??

摘要：中等職業(yè)學(xué)校著重學(xué)生的動手、實踐能力的培養(yǎng)，本文著重探討該課程教學(xué)內(nèi)容的安排、教學(xué)手段的運用及教學(xué)方法的改進(jìn)；以及如何提高學(xué)生學(xué)習(xí)本課程的興趣，如何提高教學(xué)效果。

關(guān)鍵詞：網(wǎng)頁制作；多媒體；作品

一、 引言

二十一世紀(jì)是網(wǎng)絡(luò)時代，《網(wǎng)頁制作》課程也成了計算機(jī)、電子商務(wù)等專業(yè)的必修課程。通過自己在教學(xué)過程中的不斷探索、學(xué)習(xí)，總結(jié)出一點見解，現(xiàn)將其寫出來，與同行分享。

二、 合理規(guī)劃教學(xué)設(shè)計方案，分清教學(xué)主次

《網(wǎng)頁制作》課程是以實際操作為主，該課程所要學(xué)習(xí)的內(nèi)容和用到的操作輔助工具較多，如FrontPage和Dreamweaver是目前廣泛使用的兩種所見即所得的混合型網(wǎng)頁編輯工具；HTML（超文本標(biāo)記語言）是網(wǎng)頁編制的基礎(chǔ)，要求教師在做教學(xué)規(guī)劃時要慎重考慮，以哪種教學(xué)方式可以使學(xué)生易于理解和掌握；想要制作出動態(tài)的網(wǎng)頁，就要有Javascript等腳本語言的嵌入；目前使用較為廣泛的就是在網(wǎng)頁制作中加入Flash動畫；要實現(xiàn)美化網(wǎng)頁（如對圖片進(jìn)行處理、制作標(biāo)題文字、按鈕）又要用到Photoshop等圖形圖像軟件的使用；要在網(wǎng)頁上實現(xiàn)較復(fù)雜的交互動能，又涉及到ASP、PHP的編程。

如此之多的學(xué)習(xí)內(nèi)容，需要在規(guī)定的80學(xué)時的時間內(nèi)，讓學(xué)生全部掌握，難度可想而知，因此，任課教師必須先確定哪些是重點教學(xué)內(nèi)容。以下是教學(xué)內(nèi)容安排：

主要知識點講解：（1）DreamweaverMX。該部分需要學(xué)生們熟練掌握其操作方法和功能使用，從站點建立、頁面制作、到網(wǎng)頁發(fā)布，特別是重點要掌握通過表格布局網(wǎng)頁和框架布局網(wǎng)頁及CSS樣式表、表單網(wǎng)頁等；（2）HTML（超文本標(biāo)記語言）。這部分內(nèi)容是該課程學(xué)習(xí)的基礎(chǔ)，同時，也是為學(xué)生們?nèi)蘸蟮恼n程學(xué)習(xí)打下牢固的基石。

輔助內(nèi)容：（1）用Photoshop、 Fireworks美化網(wǎng)頁，會制作Logo、 Banner、按鈕等，會運用圖片處理中一些常用方式處理圖片；（2）用Flash制作較簡單的動畫；（3）網(wǎng)頁中嵌入Javascript腳本；（4）Frontpage簡介；（5）Asp簡介。

這個知識點較為簡單，學(xué)生很容易掌握，所以老師只需要安排2～4學(xué)時講解即可；一般計算機(jī)及相關(guān)專業(yè)在《網(wǎng)頁制作》課程之后還會有網(wǎng)絡(luò)編程的相關(guān)課程，這里對Asp只作簡單介紹，對今后進(jìn)一步學(xué)習(xí)網(wǎng)絡(luò)編程，可起到一定的引導(dǎo)作用。

三、 通過多媒體技術(shù)調(diào)動學(xué)生積極性

先進(jìn)的網(wǎng)絡(luò)技術(shù)已成為我們生活中不可缺少的一部分，現(xiàn)代化的多媒體技術(shù)應(yīng)用于教學(xué)領(lǐng)域，提升了教學(xué)質(zhì)量，多媒體具有直觀、生動、信息量大的優(yōu)勢，能夠讓學(xué)生更容易理解，因此，已成為日常教學(xué)中的主要的教學(xué)方式，特別是《網(wǎng)頁制作》等計算機(jī)課程的教學(xué)，這類的課程大多數(shù)時間都需要教師利用多媒體進(jìn)行教學(xué)，此外，也需要通過肢體語言或師生互動，從而帶動課堂學(xué)習(xí)氛圍。

例如，講到制作表格的HTML代碼，我通常會讓學(xué)生在DreamweaverMX的所見即所得方式下，先把表格做出來，再引導(dǎo)學(xué)生觀察其HTML代碼的要點，如：一般形式是什么、由哪些標(biāo)記組成，或在HTML下修改部分代碼再觀察其結(jié)果的變化，通過這樣的方式，有助于學(xué)生們更好的理解DreamweaverMX的表格制作方法，順便還學(xué)習(xí)了表格的HTML代碼，一舉兩得。

為了制作好效果更好的網(wǎng)頁，加入動態(tài)效果是目前較為流行的制作方式，因此，我認(rèn)為在日常教學(xué)中需要加入Photoshop和Flash的這兩種網(wǎng)頁制作軟件的介紹，每次上課時，都會提前搜集1-2個優(yōu)秀的網(wǎng)頁案例介紹給同學(xué)們，大家看到后都會表現(xiàn)出驚嘆、好奇的表情，從而調(diào)動起學(xué)生們想學(xué)習(xí)的欲望。

四、 拓寬學(xué)習(xí)思路，培養(yǎng)學(xué)生自主學(xué)習(xí)性

學(xué)習(xí)《網(wǎng)頁制作》課程的目的在于讓學(xué)生能夠制作出高質(zhì)量、有創(chuàng)意的網(wǎng)頁作品，除了要熟練掌握制作技巧外，也需要給學(xué)生提供一些優(yōu)秀的網(wǎng)頁或網(wǎng)站作品，所以，要求教師在閑暇時多注意收集一些優(yōu)秀作品推薦給學(xué)生，可增加學(xué)生們的學(xué)習(xí)興趣，有助于讓學(xué)生開闊眼界、激發(fā)創(chuàng)作靈感，打開學(xué)習(xí)思路。同時，我也會在學(xué)校的主頁（http：//www.jljd.com.cn）上不時的發(fā)布一些網(wǎng)頁制作的方法和心得，讓學(xué)生去借鑒和利用，學(xué)生在上網(wǎng)瀏覽時若是發(fā)現(xiàn)他們感興趣的作品，就會詢問是如何制作的，進(jìn)而學(xué)習(xí)和模仿，也可以有效的幫助他們更好的學(xué)習(xí)。在教學(xué)中，充分利用校園網(wǎng)，將每次講課的要點及一些實例的詳細(xì)操作步驟都發(fā)布在校園主頁上，基本上實現(xiàn)了教學(xué)和網(wǎng)絡(luò)同步。

五、 創(chuàng)建學(xué)生作品的展示“平臺”

《網(wǎng)頁制作》課程不僅要求學(xué)生們熟練操作的技巧，同時，也涉及到色彩的調(diào)配與頁面的合理布局。對于初次接觸這門課程的學(xué)生來說，他們從之前的懵懂到學(xué)會自己動手制作網(wǎng)頁，對他們而言，這是一個質(zhì)的飛躍，應(yīng)該得到老師的肯定與鼓勵，同時，也會希望將自己的作品展示給眾人，所以，就需要一個展示的“平臺”，校園網(wǎng)為同學(xué)們提供了這樣一個展示的機(jī)會，學(xué)生們可將自己的網(wǎng)頁作品發(fā)布到校園網(wǎng)上，不僅給自己一個展示的機(jī)會，同時，也可以通過瀏覽其他同學(xué)的作品找到一些創(chuàng)作的靈感，從而更好地提高自己的制作能力。平臺是將教師機(jī)作為服務(wù)器并安裝IIS，為每個學(xué)生建立賬戶、密碼，學(xué)生可通過校園網(wǎng)的任何一臺計算機(jī)向教師機(jī)上發(fā)布網(wǎng)頁；同時鼓勵學(xué)生申請免費空間并用FTP軟件將自己制作的網(wǎng)頁上傳到互聯(lián)網(wǎng)上。

六、 轉(zhuǎn)變傳統(tǒng)方式的作業(yè)布置及考試方法

鑒于《網(wǎng)頁制作》這門課程是以實訓(xùn)操作為主，學(xué)生只有通過實際的操作練習(xí)才能熟悉掌握并靈活使用，為此，我將以往的課后練習(xí)作業(yè)，安排到了學(xué)生上課時，根據(jù)學(xué)生們完成的表現(xiàn)，當(dāng)場給予評分，學(xué)生們在課堂中完成作業(yè)時，若是遇到疑惑，我就可以及時指導(dǎo)，為學(xué)生答疑解惑，更是有效地提高了該課程的教學(xué)質(zhì)量。為了更好地檢驗學(xué)生的學(xué)習(xí)成果，會要求同學(xué)們在期中考試時按老師所要求的方式，制作屬于自己的網(wǎng)頁作品，然后上傳到校園網(wǎng)上，允許學(xué)生對自己的作品進(jìn)行修改和完善，成績是按階段進(jìn)行評分，以期末考試的時間為止。

七、 總結(jié)

綜上所述，《網(wǎng)頁制作》課程是一門實踐性較強(qiáng)的科目，因此要求教師合理制定該課程的教學(xué)計劃，充分調(diào)動起學(xué)生們的學(xué)習(xí)熱情，給予充沛的時間進(jìn)行實訓(xùn)操作，分享學(xué)生們的學(xué)習(xí)成果，從而更好地掌握這門課程。

作者簡介：

李宏，吉林省吉林市，吉林機(jī)電工程學(xué)校。endprint