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

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

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

一、教材的選用及處理

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

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

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

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

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

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

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

CSS真正實(shí)現(xiàn)了網(wǎng)頁(yè)內(nèi)容和格式定義的分離，通過(guò)修改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)工程，在制作的過(guò)程中會(huì)牽涉到多因素、多人員的配合，比如圖像、視頻、布局、顏色的搭配等等，再加之上述問題的出現(xiàn)使我對(duì)后來(lái)的教學(xué)方法和學(xué)生的學(xué)習(xí)方法進(jìn)行了深入的思考，如在講授的過(guò)程中如何調(diào)動(dòng)同學(xué)們的積極性，如何增強(qiáng)同學(xué)們的學(xué)習(xí)興趣等，所以在后來(lái)的教學(xué)過(guò)程中我主要采用了以下教學(xué)方法。

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

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

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

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

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

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

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

（2）課中：在課程的實(shí)施過(guò)程中，以任務(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)站，借他人之長(zhǎng)彌補(bǔ)自己的不足。

四、結(jié)束語(yǔ)

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

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