中職《網(wǎng)頁制作與網(wǎng)站建設(shè)》課程教學(xué)的思考和實踐

黃志敏

（山東省東營市技師學(xué)院 山東 東營 257091）

1 引言

隨著計算機網(wǎng)絡(luò)和信息技術(shù)的發(fā)展，網(wǎng)絡(luò)在所有領(lǐng)域正發(fā)揮著越來越重要的作用，也在飛速地改變著人們的生活和工作方式，網(wǎng)上銷售和網(wǎng)上購物已經(jīng)走進了越來越多人的心里。為適應(yīng)這種發(fā)展形勢，很多職業(yè)學(xué)校的計算機、電子商務(wù)等相關(guān)專業(yè)都開設(shè)了《網(wǎng)頁制作與網(wǎng)站建設(shè)》課程，以滿足信息化社會的對網(wǎng)站建設(shè)類應(yīng)用型人才的技能要求。

2 教學(xué)狀況分析

2.1 學(xué)生方面

職業(yè)學(xué)校中的大部分學(xué)生文化基礎(chǔ)素質(zhì)明顯偏低，所以選擇了來到職業(yè)學(xué)校學(xué)習(xí)技能，掌握一技之長，但是對于需要一定的文化基礎(chǔ)知識做支撐的學(xué)科在學(xué)習(xí)起來會有一定的難度，《網(wǎng)頁制作與網(wǎng)站建設(shè)》就是這樣一門學(xué)科，它需要一定的英語基礎(chǔ)，再加上這部分學(xué)生沒有養(yǎng)成良好的學(xué)習(xí)習(xí)慣，沒有形成適合自己的學(xué)習(xí)方法，所以在剛開始接觸這門課程時會感到困難重重。

2.2 教材方面

目前中職教材種類繁多，良莠不齊，要么內(nèi)容過于詳細，泛泛而談，學(xué)生根本看不懂。要么過于簡單，對一些重要的知識點只是籠統(tǒng)的介紹。到一章結(jié)束才會有一個相對完整的案例或項目，按教材講授很難建立起知識的總體構(gòu)架，教學(xué)過程中學(xué)到的是一些例支離破碎的東西，加上學(xué)生缺乏自主學(xué)習(xí)的主動性，很難培養(yǎng)起學(xué)生的學(xué)習(xí)興趣，不利于學(xué)生課堂練習(xí)和課后鞏固，不符合目前職業(yè)學(xué)校所倡導(dǎo)的的任務(wù)教學(xué)項目教學(xué)等理念，教學(xué)效果欠佳。

3 提高課程教學(xué)效果的幾點

筆者結(jié)合自己多年的教學(xué)實踐和經(jīng)驗，認為通過以下幾種做法，可以達到比較理想的教學(xué)效果。

3.1 課程學(xué)習(xí)前的動員

課程教學(xué)效果的好壞，僅靠教師的努力是遠遠不夠的，最關(guān)鍵的還是取決于學(xué)生的配合程度。為此，教師在上第一節(jié)課時，重點講述了以下幾個方面的問題。首先是認真做好自我介紹，把自己陽光、熱愛生活、認真工作、不斷學(xué)習(xí)提高等優(yōu)良品質(zhì)展現(xiàn)給學(xué)生，讓學(xué)生信任你喜歡你，進而喜歡你的所教的課程。其次是要讓學(xué)生樹立信心，告訴學(xué)生學(xué)好本門課程對將來就業(yè)有什么幫助，本門課程也不是一門理論性很強的課程，也不需要深奧的理論支撐，只要上課認真聽講，積極訓(xùn)練，課下認真完成作業(yè)，就能學(xué)有所得，掌握這項技能。第三是學(xué)習(xí)要求，上課一定要記筆記，記錄關(guān)鍵的操作步驟和用到的一些代碼，這樣既可以保證集中注意力聽講，也可以為課后的復(fù)習(xí)鞏固留下資料，也為自己上機實踐提供參考。最后是教師應(yīng)該幫助學(xué)生分析畢業(yè)后的就業(yè)形勢，要立足社會必須在技能上有一技之長，這和學(xué)生及家長選擇來職業(yè)學(xué)校的意圖是一致的，容易得到學(xué)生的認同，這樣更加堅定了要學(xué)好知識和技能的決心，以增強其學(xué)習(xí)動力。最后要求學(xué)生是在平時瀏覽網(wǎng)頁時多留意網(wǎng)頁效果，以便在學(xué)習(xí)過程中加以實現(xiàn)。

3.2 課程內(nèi)容的編排

課程內(nèi)容編排的主要依據(jù)是學(xué)生的文化基礎(chǔ)、接受能力以及未來的職業(yè)崗位能力需求?？紤]到中職學(xué)生的基礎(chǔ)和學(xué)習(xí)能力，本著“夠用”、“實用”、“適用”的原則，本課程教學(xué)目標主要是使學(xué)生能熟練使用Dreamweaver軟件完成的網(wǎng)頁設(shè)計、制作和編輯，能進行中小型網(wǎng)站的規(guī)劃、建設(shè)、制作與維護。因為Dreamweaver軟件功能非常強大，是目前網(wǎng)站開發(fā)的主要工具，因此其包括的內(nèi)容也非常多，沒有一個版本的教材可以涵蓋全部功能，因此無論選用哪個版本的教材都不一定完全合適，這就需要教師根據(jù)專業(yè)要求和學(xué)生特點對教學(xué)內(nèi)容重新整合，比如有的教材講表格布局、Spry菜單欄、Spry選項卡式面板等只講添加方法，只有一點簡單的屬性設(shè)置，而且沒有案例或項目，需要教師補充教學(xué)內(nèi)容，比如增加相應(yīng)的屬性設(shè)置，酌情增加一些簡單的代碼編寫，這樣可以使作品達到更為理想的效果。學(xué)完此知識點以后也能完成簡單網(wǎng)頁的制作，激發(fā)學(xué)生的學(xué)習(xí)興趣，增強學(xué)生的信心。再比如給表格添加背景圖片、設(shè)置表格邊框樣式、添加網(wǎng)頁背景音樂、制作滾動效果等知識的應(yīng)用，可以使網(wǎng)頁更加美觀，增加可觀賞性和實用性。用到的代碼又簡單，所以這些內(nèi)容應(yīng)該是重點要補充介紹的內(nèi)容。由于中職生英語基礎(chǔ)較薄弱，對代碼的記憶和理解難度大，而有些效果的實現(xiàn)卻非得編寫代碼，但對于一些效果不明顯的難度又較大的代碼可以省去，如用DIV+CSS布局網(wǎng)頁可以省去，因為這完全是用代碼實現(xiàn)的，用菜單操作可以替代。目前的中職生能完成基本頁面的設(shè)計制作，制作出常見的網(wǎng)頁特效和功能，應(yīng)該也算是不錯的教學(xué)效果了。

實際上，本門課程知識點前后關(guān)系沒有很強的邏輯性，完全可以采用先整體后局部的方式重新組織。先規(guī)劃網(wǎng)站內(nèi)容，后布局網(wǎng)頁，再向相應(yīng)區(qū)域添加所需元素，最后設(shè)置元素屬性，使整個網(wǎng)站形成統(tǒng)一的風(fēng)格。傳統(tǒng)的內(nèi)容編排順序基本上是知識點的羅列，不利于形成全局觀念和整體構(gòu)架。現(xiàn)在的教學(xué)模式是任務(wù)或項目教學(xué)，教學(xué)內(nèi)容編排是先提出任務(wù)，再學(xué)習(xí)完成任務(wù)用到的知識點，最后對所學(xué)知識進一步拓展，做到舉一反三。這樣有利于學(xué)生對網(wǎng)頁設(shè)計與制作工作流程的整體把握，學(xué)生學(xué)習(xí)興趣和網(wǎng)頁設(shè)計與制作能力也得到了提高。

3.3 任務(wù)教學(xué)

任務(wù)教學(xué)法的實施，對形成學(xué)生自主學(xué)習(xí)、研究性學(xué)習(xí)和探索性學(xué)習(xí)的學(xué)習(xí)氛圍起到了至關(guān)重要的作用。采用這種教學(xué)方法教師課前應(yīng)當(dāng)精心準備要完成的任務(wù)，恰到好處的任務(wù)對提高學(xué)生學(xué)習(xí)興趣非常重要，同時教師還要明確提出哪些是本次課要掌握的知識點及操作技能，在完成任務(wù)的過程中學(xué)習(xí)知識貫穿整個教學(xué)過程，具體做法是：教師先提出任務(wù)，再分析任務(wù)，最后指出完成任務(wù)需要的知識點。教學(xué)過程中為了調(diào)動學(xué)生的學(xué)習(xí)積極性，教學(xué)過程中常常先欣賞與完成本次課教學(xué)任務(wù)相關(guān)的網(wǎng)頁。比如，下面的（圖1）是一個比較綜合的網(wǎng)頁案例，是老師課前完成的，頂部和底部是在學(xué)習(xí)表格和滾動效果的制作時作為教學(xué)案例的，中間部分是在學(xué)習(xí)Spry選項卡和Ap Div時作為教學(xué)案例的，制作之前都是先欣賞和分析學(xué)院網(wǎng)站，再把老師制作的案例展示給學(xué)生，案例完成以后學(xué)生有極大的獲得感和成就感，學(xué)習(xí)網(wǎng)站建設(shè)的興趣大大提高。當(dāng)然需要老師課前把案例準備好，現(xiàn)成的案例不一定完全符合實際情況。隨著新知識的學(xué)習(xí)對案例也要不斷更新。

圖1

3.4 探究式教學(xué)[1]

在學(xué)完某一章后，教師要留有一定的時間，讓學(xué)生充分的理解和運用學(xué)習(xí)內(nèi)容。這就是綜合實訓(xùn)課，老師展示一個綜合案例，先讓學(xué)生思考完成案例的思路，再各抒己見，發(fā)表自己的觀點，教師最后給予點評，讓學(xué)生自己選擇最終的解決方案。例如：在學(xué)完框架和浮動框架以后，老師展示下面（圖2）的網(wǎng)頁案例，讓學(xué)生自己選擇是用框架完成還是用浮動框架完成，用到的圖片怎么用 Photoshop 來完成？所以需要進行思考、權(quán)衡和比較，在這個過程中對知識進行了復(fù)習(xí)和鞏固，這樣不是一舉兩得嗎，學(xué)生就由知識的灌輸對象轉(zhuǎn)變?yōu)樾畔⒓庸さ闹黧w。使學(xué)生在完成任務(wù)的過程中不知不覺實現(xiàn)知識的融合。如果開始就啟發(fā)學(xué)生用哪一種方法，也就沒有比較和選擇，那另一種方法就會被冷落，起不到復(fù)習(xí)和鞏固的作用。

圖2

3.5 多角度考核

教師可在考核上進行適當(dāng)改革，一是采用常規(guī)的筆試、上機操作。二是采取口試，老師提出任務(wù)，考核學(xué)生對網(wǎng)頁設(shè)計、布局或制作的思路及方法，采取的形式有學(xué)生相互評價與教師評價相結(jié)合。例如：做一個“班級網(wǎng)站”，先讓每個學(xué)生闡述自己的設(shè)計制作思路，后評出大家公認的好的方案。通過口試，既鍛煉了學(xué)生的語言表達能力和邏輯思維能力，又能通過交流學(xué)習(xí)，發(fā)現(xiàn)同學(xué)的長處，找到自己的不足，互相取長補短，同時及時對優(yōu)秀的學(xué)生給予表揚和鼓勵，這樣使學(xué)生體驗到了成功的喜悅，體現(xiàn)了自身的價值，使班級形成你追我趕的濃厚的學(xué)習(xí)氛圍。也提高學(xué)生網(wǎng)頁制作綜合運用的能力，對形成一個良好的學(xué)習(xí)氛圍大有益處。

通過以上教學(xué)方法，筆者感受到學(xué)生對網(wǎng)頁制作課程的喜愛，學(xué)生從以前的沒信心不愿學(xué)，變成盼望著上網(wǎng)頁設(shè)計課，教學(xué)過程已經(jīng)成為一個人人參與的實踐活動，在教學(xué)過程中，學(xué)生充分體驗到了學(xué)習(xí)的艱辛與樂趣，培養(yǎng)了學(xué)生分析問題和解決問題的能力，同時也讓學(xué)生掌握了學(xué)習(xí)的方法，進一步提升了學(xué)生的專業(yè)技能，而能力是具有可遷移性的，為學(xué)生其他課程的學(xué)習(xí)以及畢業(yè)后的終身學(xué)習(xí)打下良好基礎(chǔ)。有效地促進學(xué)生就業(yè)后能快速達到實際工作崗位的要求。