淺談《網(wǎng)頁制作》課程教學(xué)

摘 要：目前，電子商務(wù)在中國發(fā)展可謂勢頭強(qiáng)勁，一片欣欣向榮的景象，隨著國家對農(nóng)村的幫扶政策力度加大，農(nóng)村家家戶戶基本上都已通網(wǎng)絡(luò)，無論是城市還是鄉(xiāng)村，電子商務(wù)市場已經(jīng)遍地開花，電商經(jīng)營者和電商消費(fèi)者已比比皆是，因此中職學(xué)校必須擔(dān)起培養(yǎng)電子商務(wù)基礎(chǔ)人才的重任。《網(wǎng)頁制作》課程是電子商務(wù)專業(yè)開展的核心課程，也是一門時(shí)效性、操作性、實(shí)用性很強(qiáng)的課程，對于中職教學(xué)來說頗具難度。本文就教材的選用和處理、教學(xué)及教學(xué)過程中發(fā)現(xiàn)的相關(guān)問題和學(xué)生的學(xué)習(xí)等方面進(jìn)行了思考。

關(guān)鍵字：教學(xué) 問題 措施 學(xué)習(xí)方法

一、教材的選用及處理

從事網(wǎng)頁制作教學(xué)已有幾年，在最初的教學(xué)中，我們采用的是Frontpage2003版本的軟件，該軟件是office辦公軟件中的一員，操作界面與Word相似，對于初學(xué)者來說有種熟悉感，操作上手快，容易掌握，但該軟件有一些自身的缺點(diǎn)及局限性，同時(shí)開發(fā)公司對該軟件也停止了更新。為了同學(xué)們在以后的學(xué)習(xí)或工作中有更大的提升和擴(kuò)展空間，在最近兩年的教學(xué)中，我們采用了Dwreamweaver 軟件。此軟件也是一種所見即所得的網(wǎng)頁編輯器，除了本身功能強(qiáng)大以外，還可以得到Flash、Firewoks等軟件的支持，利用該軟件可以制作出跨平臺限制和跨瀏覽器限制的充滿動感的網(wǎng)頁。

二、教學(xué)中發(fā)現(xiàn)的問題及解決措施

1、教學(xué)中發(fā)現(xiàn)的普遍問題

（1）同學(xué)們在剛學(xué)習(xí)網(wǎng)頁制作的時(shí)候，就直接打開軟件開始制作網(wǎng)頁，而根本沒有建立站點(diǎn)，如果把這個(gè)網(wǎng)頁放在其它電腦中打開時(shí)，該網(wǎng)頁的圖片或視頻就不能正常顯示，其次對網(wǎng)頁的管理、更新等也不方便。其實(shí)從這個(gè)問題中可以分析出此類學(xué)生對網(wǎng)站的作用和網(wǎng)站與網(wǎng)頁之間的關(guān)系沒有理解到位，從而導(dǎo)致了以上一系列問題的出現(xiàn)。

（2）一個(gè)網(wǎng)頁的尺寸大小，信息容量的多少，網(wǎng)頁元素位置的擺放等這些因素決定了這個(gè)網(wǎng)頁是否受到瀏覽者的青睞，這就牽涉到網(wǎng)頁制作中的一個(gè)概念，那就是網(wǎng)頁布局，網(wǎng)頁布局的方式也有多種，可以利用表格、框架、層以及CSS等。

在利用表格布局教學(xué)過程中，很多同學(xué)都習(xí)慣于把所有元素都放在同一個(gè)表格中。因?yàn)橛帽砀裰谱鞒鰜淼木W(wǎng)頁在瀏覽器上顯示的特點(diǎn)是要等表格中所有的元素下載完成后，整個(gè)網(wǎng)頁才會完全顯示出來，而不是下載一個(gè)顯示一個(gè)，這樣做出來的表格會影響到瀏覽者瀏覽該網(wǎng)頁的速度，速度過慢就會導(dǎo)致瀏覽者放棄訪問該網(wǎng)頁。

層是網(wǎng)頁中比較特殊的對象，它可以自由移動、顯示或隱藏，同時(shí)還可以相互嵌套、疊加，所以很大程度上彌補(bǔ)了表格排版的不足。但是層的定位比較難處理，所以在同學(xué)們用層制作網(wǎng)頁的時(shí)候經(jīng)常會出現(xiàn)層的位置會跑偏，或者我要實(shí)現(xiàn)層的嵌套時(shí)要求一個(gè)層移動另外一個(gè)層也跟著移動不了，這些操作都給同學(xué)們帶來了困惑。當(dāng)有這種現(xiàn)象發(fā)生時(shí)，就說明此類同學(xué)對層的相對定位和絕對定位沒有掌握。

CSS真正實(shí)現(xiàn)了網(wǎng)頁內(nèi)容和格式定義的分離，通過修改CSS樣式表文件就可以修改整個(gè)站點(diǎn)文件的風(fēng)格，大大減小了更新站點(diǎn)的工作量。CSS樣式可以分為類、ID、標(biāo)簽、復(fù)合內(nèi)容四種，在同學(xué)們最初學(xué)習(xí)中容易把類定義好，但忘記了應(yīng)用，于是就出現(xiàn)了看不到預(yù)想的效果這種現(xiàn)象，其次在給類命名時(shí)容易與標(biāo)簽的名字混淆。

2、解決措施

網(wǎng)站的制作是一個(gè)系統(tǒng)工程，在制作的過程中會牽涉到多因素、多人員的配合，比如圖像、視頻、布局、顏色的搭配等等，再加之上述問題的出現(xiàn)使我對后來的教學(xué)方法和學(xué)生的學(xué)習(xí)方法進(jìn)行了深入的思考，如在講授的過程中如何調(diào)動同學(xué)們的積極性，如何增強(qiáng)同學(xué)們的學(xué)習(xí)興趣等，所以在后來的教學(xué)過程中我主要采用了以下教學(xué)方法。

（1）探究性、啟發(fā)式教學(xué)：在課堂教學(xué)中我主要創(chuàng)設(shè)有利于學(xué)生進(jìn)行探究發(fā)現(xiàn)的良好的教學(xué)情境，例如在講到下拉菜單的制作中會用到表格和層，在展示時(shí)它們之間的位置關(guān)系已經(jīng)確定好，接著我改變了表格的對齊方式，這時(shí)就會出現(xiàn)表格和層之間移位的情況，那么問題自然就出來，同學(xué)們就會根據(jù)該問題展開思考與討論，這樣既調(diào)動了學(xué)生學(xué)習(xí)的積極主動性，也增強(qiáng)了他們的學(xué)習(xí)興趣。

（2）項(xiàng)目教學(xué)：在這種教學(xué)方法的過程中以小組為單位進(jìn)行實(shí)施，各小組成員間進(jìn)行分工協(xié)作，又相互促進(jìn)，既可以解決在制作過程中出現(xiàn)的共性問題，也可以根據(jù)學(xué)生的個(gè)性差異特點(diǎn)，充分展示自己有優(yōu)勢的一面，發(fā)掘他們的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問題的綜合能力，同時(shí)在同學(xué)之間也起到了傳幫帶的作用。

（3）分層教學(xué)：中職學(xué)校學(xué)生的基礎(chǔ)知識薄弱，整體水平相對較差，但也有極個(gè)別同學(xué)表現(xiàn)比較突出，學(xué)習(xí)的積極性和目標(biāo)較高，因此針對此類學(xué)生的教學(xué)就實(shí)施了高目標(biāo)、多任務(wù)的教學(xué)。

（4）課后拓展：為了充分拓展學(xué)生的視野，增加他們的知識面，我還充分利用學(xué)生晚自習(xí)的時(shí)間，在網(wǎng)上搜索相關(guān)優(yōu)質(zhì)的視頻給他們播放，這樣既對他們學(xué)過的知識進(jìn)行了鞏固，同時(shí)也彌補(bǔ)了在課堂中沒有涉及到知識。

三、學(xué)生的學(xué)習(xí)方法

教與學(xué)始終是相輔相成的，學(xué)生的學(xué)習(xí)效果不僅取決于老師的教，更重要的還是在于學(xué)生自己的學(xué)習(xí)態(tài)度與科學(xué)合理的學(xué)習(xí)方法。在傳統(tǒng)的教學(xué)方法中，學(xué)生的基本知識的接受和掌握應(yīng)該沒問題，但是缺乏分析問題和解決問題的能力，學(xué)生的主觀能動性沒有充分發(fā)揮出來。因此在后來的教學(xué)中我主要推崇的和培養(yǎng)學(xué)生的自主學(xué)習(xí)能力，鍛煉學(xué)生的綜合素質(zhì)，學(xué)生的自主學(xué)習(xí)主要通過三個(gè)方面來進(jìn)行實(shí)施。

（1）課前：充分利用現(xiàn)在的信息技術(shù)，制作相關(guān)的微課，上課前兩天放在本班的QQ群和班級微信群中，學(xué)生查看微課視頻進(jìn)行學(xué)習(xí)。在學(xué)習(xí)的過程中，學(xué)生對相關(guān)的重點(diǎn)難點(diǎn)進(jìn)行梳理，那么在老師講課的過程中他們就會有側(cè)重點(diǎn)，對知識點(diǎn)的掌握會更加牢固。

（2）課中：在課程的實(shí)施過程中，以任務(wù)為導(dǎo)向，學(xué)生自主進(jìn)行實(shí)際操作發(fā)現(xiàn)問題，然后進(jìn)行分析討論，最終形成解決方案。

（3）課后：學(xué)生進(jìn)行歸納總結(jié)，同時(shí)充分利用網(wǎng)絡(luò)資源，查看相關(guān)視頻或網(wǎng)站，借他人之長彌補(bǔ)自己的不足。

四、結(jié)束語

教學(xué)方法和學(xué)習(xí)方法的改進(jìn)，不僅增強(qiáng)了同學(xué)們學(xué)習(xí)的主觀能動性，激發(fā)了他們的學(xué)習(xí)興趣，也鍛煉他們綜合能力，真正做到教學(xué)相長，共同進(jìn)步。

作者簡介：江鴻瑾（1981-09-29）女，漢，四川廣元劍閣，本科，計(jì)算機(jī)教學(xué) 廣元市利州中等專業(yè)學(xué)校