中職網(wǎng)頁設(shè)計與制作課程有效教學(xué)的實踐與探索

[摘 要] 在中職計算機(jī)專業(yè)課程教學(xué)中，學(xué)生學(xué)習(xí)的主動性欠佳、接受能力不強(qiáng)，教師的教學(xué)方法使用不當(dāng)，就會導(dǎo)致專業(yè)課程教學(xué)效果無法提高。主要從模塊教學(xué)和項目教學(xué)，配以講練結(jié)合的方式，以網(wǎng)頁設(shè)計與制作課程教學(xué)為例對有效教學(xué)的實踐進(jìn)行探討。

[關(guān) 鍵 詞] 模塊教學(xué)；項目教學(xué)；講練結(jié)合；有效教學(xué)

[中圖分類號] G712 [文獻(xiàn)標(biāo)志碼] A [文章編號] 2096-0603（2017）20-0086-02

在職業(yè)教育中，模塊教學(xué)和項目教學(xué)是中職學(xué)校計算機(jī)專業(yè)課程使用頻率比較高的教學(xué)方法。如何靈活運用這兩種教學(xué)方法來提高中職計算機(jī)專業(yè)課程的有效教學(xué)顯得特別重要。在教學(xué)過程中，不必對學(xué)生灌輸太多理論知識，在導(dǎo)入環(huán)節(jié)直接展示案例給學(xué)生看效果，然后告訴學(xué)生學(xué)習(xí)這個案例的目的是什么，需要掌握哪些理論知識來指導(dǎo)實踐，在講解操作中強(qiáng)調(diào)要學(xué)生掌握的理論知識。

一、模塊教學(xué)中應(yīng)用小項目教學(xué)

模塊教學(xué)無非就是將課程分為若干個模塊來實施教學(xué)。我們可以將課程分為以下七大模塊來實施教學(xué)：HTML+CSS模塊、表格+CSS模塊、DIV+CSS模塊、JavaScript+CSS模塊、超鏈接+CSS模塊、框架模塊、動態(tài)網(wǎng)頁模塊。在每個模塊中又可以細(xì)分為若干個小項目來實施教學(xué)，例如可將動態(tài)網(wǎng)頁模塊劃分為使用Select語句綁定數(shù)據(jù)、使用Insert語句錄入數(shù)據(jù)、使用Update語句修改數(shù)據(jù)、使用Delete語句刪除數(shù)據(jù)、使用Select語句實現(xiàn)信息檢索等小項目來教學(xué)。

在設(shè)置模塊教學(xué)時，要注意模塊與模塊之間的鋪墊與承接關(guān)系，由簡單到復(fù)雜層層遞進(jìn)，由基礎(chǔ)內(nèi)容到核心知識循序漸進(jìn)，這樣既可以模塊化評價學(xué)生掌握理論知識和操作技能的情況，也能模塊化反映教師教學(xué)的專業(yè)能力與教學(xué)素養(yǎng)。

設(shè)置模塊化教學(xué)時，還可以把課程內(nèi)容分為基礎(chǔ)模塊和能力模塊?；A(chǔ)模塊是所有學(xué)習(xí)這門課程的學(xué)生都必須掌握的內(nèi)容，而能力模塊則側(cè)重于培養(yǎng)優(yōu)秀的學(xué)生，讓有能力的學(xué)生得到進(jìn)一步的提高和強(qiáng)化所學(xué)知識。設(shè)置基礎(chǔ)模塊和能力模塊的比例要以基礎(chǔ)模塊為主，能力模塊為輔。而在每個模塊中最后一個小項目通常是綜合性比較強(qiáng)的項目，最好能涵蓋該模塊的知識要點，也就是一個對當(dāng)前模塊作總結(jié)的小型綜合項目。

二、項目教學(xué)中穿插小模塊教學(xué)

對中職生來講，項目教學(xué)一般在學(xué)期最后一個月實施比較好。學(xué)期前三個月使用模塊教學(xué)來講授課程理論知識和操作技能，最后一個月就可以拿一個綜合的項目來教學(xué)，這個項目要涵蓋教學(xué)目標(biāo)要求學(xué)生掌握的內(nèi)容要點，主要以學(xué)生操作為主，教師指導(dǎo)為輔，相當(dāng)于一個綜合性的實訓(xùn)項目，能起到總結(jié)性評價的作用。

項目教學(xué)中穿插小模塊教學(xué)，就是在整個項目中把教學(xué)內(nèi)容分為若干個很小的模塊來實施教學(xué)。簡而言之，很多個小模塊組合起來就形成了一個大項目，這個大項目一般就是一個包含前端設(shè)計和后臺開發(fā)的網(wǎng)站案例。

項目教學(xué)中的小模塊不是獨立的內(nèi)容要點，也不是單純的操作技能，模塊與模塊之間有著緊密的聯(lián)系，前、后模塊有著承接和遞進(jìn)的作用。小模塊教學(xué)在教學(xué)進(jìn)度中通常以網(wǎng)站的邏輯設(shè)計為線索來貫穿教學(xué)，很難保證前后模塊的難易程度，有時候是前面的模塊簡單而容易，后面的模塊復(fù)雜而繁瑣，有時候卻是前面的模塊復(fù)雜又繁瑣，后面的模塊簡單又容易。當(dāng)然，對中職生而言，網(wǎng)頁前端設(shè)計比較容易，而網(wǎng)站后臺開發(fā)則比較困難。其主要原因是，網(wǎng)站后臺開發(fā)需要學(xué)生有一定的編程能力和解決問題能力，而網(wǎng)頁前端設(shè)計只要學(xué)生掌握HTML語言就能制作出既定的網(wǎng)頁效果，畢竟學(xué)生擅長使用可視化操作界面來制作網(wǎng)頁。

三、層疊樣式表始終貫穿于教學(xué)過程

層疊樣式表（英文全稱是Cascading Style Sheets，簡稱CSS）是網(wǎng)頁設(shè)計中不可缺少的美容師，它可以讓網(wǎng)站快速換裝，穿上多姿多彩的外衣，所以它始終貫穿于網(wǎng)頁設(shè)計與制作過程，不管是在項目教學(xué)中，還是在模塊教學(xué)中，都有層疊樣式表的影子。層疊樣式表與HTML標(biāo)簽相比，中職學(xué)生更喜歡學(xué)習(xí)層疊樣式表，因為預(yù)覽網(wǎng)頁就能看到樣式效果。

在HTML+CSS模塊中要讓學(xué)生學(xué)會對HTML標(biāo)簽建立樣式；在表格+CSS模塊中要讓學(xué)生學(xué)會針對以類（Class）來定義的HTML標(biāo)簽建立樣式，同一個類里可含有1到3個樣式名稱；在DIV+CSS模塊中要讓學(xué)生學(xué)會針對以ID來定義的HTML標(biāo)簽建立樣式；在超鏈接+CSS模塊中要讓學(xué)生學(xué)會創(chuàng)建不同類型的超鏈接樣式，例如父級HTML標(biāo)簽不含Class和ID時如何創(chuàng)建超鏈接樣式，當(dāng)父級HTML標(biāo)簽含有1到3個以Class來定義的樣式名稱時如何創(chuàng)建超鏈接樣式，當(dāng)父級HTML標(biāo)簽含有Class和ID時如何創(chuàng)建超鏈接樣式等。

由此可見，在層疊樣式表的教學(xué)中，其實就是小項目教學(xué)。在每個模塊中都有一個關(guān)于層疊樣式表的小項目需要學(xué)生掌握和應(yīng)用，它是學(xué)習(xí)后面模塊的基礎(chǔ)。在每個模塊的教學(xué)中，都要引導(dǎo)學(xué)生根據(jù)網(wǎng)頁效果去設(shè)置樣式參數(shù)，并且要讓學(xué)生根據(jù)網(wǎng)頁效果知道要設(shè)置哪些樣式參數(shù)，這是學(xué)生學(xué)習(xí)層疊樣式表的難點。因此，教會學(xué)生在不同情況下熟練創(chuàng)建樣式是教學(xué)的重中之重，也是學(xué)生學(xué)好網(wǎng)頁設(shè)計必須攻克的難題。

四、學(xué)習(xí)過程形成模塊設(shè)計思維

在科技公司做過軟件設(shè)計與開發(fā)的朋友都知道，很多應(yīng)用軟件和網(wǎng)站基本是按模塊來設(shè)計的，并且編碼過程也是模塊化編程、模塊化測試，所以在教學(xué)中培養(yǎng)學(xué)生的模塊化設(shè)計思維也不容忽視，網(wǎng)頁設(shè)計與制作是培養(yǎng)學(xué)生形成模塊設(shè)計思維的有效途徑之一。

學(xué)生在學(xué)習(xí)過程中一旦形成模塊化思維，對獨立設(shè)計網(wǎng)頁有很大作用，同時對學(xué)習(xí)其他相關(guān)課程也有很大幫助。例如讓學(xué)生構(gòu)思和設(shè)計一個網(wǎng)頁，就會把網(wǎng)頁模塊化布局，先制作哪些模塊，再制作哪些模塊；再如學(xué)習(xí)Access數(shù)據(jù)庫課程，就能很容易地把課程分為數(shù)據(jù)表模塊、查詢模塊、窗體模塊和報表模塊等幾大模塊來學(xué)習(xí)。[1]

五、講練結(jié)合使教與學(xué)的過程變得更加輕松

不管是大模塊小項目教學(xué)，還是大項目小模塊教學(xué)，對學(xué)生來說最容易接受新知識的教學(xué)方式是講練結(jié)合。中職生的接受能力、理解能力和邏輯思維存在很大差異，[2]在小項目和小模塊教學(xué)中可能還要分為若干個步驟來實施教學(xué)。所謂講練結(jié)合，就是教師的講和學(xué)生的練相結(jié)合，即教師講解和演示一個操作，緊接著讓學(xué)生獨立練習(xí)和操作一遍，學(xué)生操作完成后教師再講解和演示下一個操作，如此重復(fù)，直到小項目、小模塊教學(xué)完畢。[3]

講練結(jié)合的特點是，教師講解的內(nèi)容和演示的操作不宜過多，講解的內(nèi)容擊中要點即可，演示的操作達(dá)到效果就好。這樣學(xué)生練習(xí)和操作就變得簡單，對教師講解的內(nèi)容容易接受和理解。從實踐中看，教師的講與學(xué)生的練所需時間分配大概是1：3左右，小于這個時間比例學(xué)生可能無法完成操作而失去學(xué)習(xí)信心和積極性，導(dǎo)致后面的操作跟不上而放棄學(xué)習(xí)。

采用講練結(jié)合來教學(xué)，其側(cè)重點是培養(yǎng)學(xué)生的操作技能和解決問題的能力。從教師層面而言，教師在講課環(huán)節(jié)會變得更加輕松，在巡堂指導(dǎo)環(huán)節(jié)可能會有較多學(xué)生提問；從學(xué)生層面而言，可以幫助學(xué)生降低學(xué)習(xí)壓力，讓學(xué)生感覺這個操作很容易就能完成，學(xué)生在學(xué)習(xí)過程中也會感覺輕松而無壓力，從而促使學(xué)生提高理解能力和操作技能，實現(xiàn)課程教學(xué)目標(biāo)，達(dá)到課程教學(xué)效果。

六、巡堂指導(dǎo)使教學(xué)效果顯著提高

教師在講解和演示一個操作時，學(xué)生在認(rèn)真聽課。學(xué)生在練習(xí)和操作時，教師要巡堂指導(dǎo)。巡堂指導(dǎo)的側(cè)重點在于強(qiáng)化學(xué)生對知識點的理解，用理論指導(dǎo)操作。因此，在巡堂指導(dǎo)中發(fā)現(xiàn)學(xué)生存在公共的問題要及時通過廣播軟件講解，進(jìn)一步加深學(xué)生對所學(xué)知識的理解。[4]在指導(dǎo)過程中可能會有很多學(xué)生在同一個時間需要指導(dǎo)，教師會忙不過來?；谶@種情況，教師可以安排2～3個理解能力和操作能力比較強(qiáng)的學(xué)生去指導(dǎo)其他遇到困難的學(xué)生完成操作。但是要切記一點，必須讓遇到困難的學(xué)生獨立完成操作，教師和這2～3個學(xué)生只是提供解決問題的方法而非動手替學(xué)生完成操作。

在巡堂指導(dǎo)過程中強(qiáng)調(diào)指導(dǎo)方法的重要性。指導(dǎo)方法條理要清晰、簡潔、扼要，才能讓學(xué)生容易接受并記住案例的設(shè)計與制作過程。若指導(dǎo)方法使用不當(dāng)，容易導(dǎo)致學(xué)生對案例失去學(xué)習(xí)動力和信心。案例效果是指導(dǎo)學(xué)生成功制作出實例的一面鏡子，可以指引學(xué)生朝著目標(biāo)進(jìn)行操作，也可以讓學(xué)生自己糾正誤操作。若教師沒有給出案例效果，學(xué)生對案例的制作很難成型、教學(xué)效果不佳。

在巡堂指導(dǎo)過程中強(qiáng)調(diào)學(xué)習(xí)方法的重要性。從教師角度來看，有些理論內(nèi)容很重要，有些操作步驟也很關(guān)鍵，要提醒學(xué)生做好筆記。從學(xué)生角度來看，除了記錄聽課的知識要點，還要記錄自己正確的操作步驟或操作要點。當(dāng)過了一段時間，再次操作的時候就算不記得教師的演示操作，至少還有自己的筆記作為參考。重復(fù)使用筆記指導(dǎo)自己的操作，在一次又一次的操作中強(qiáng)化知識要點、記憶理論知識、理解操作步驟，使理論和實踐逐漸融為一體，形成自己的知識和技能體系，這才是學(xué)生學(xué)習(xí)要達(dá)到的目標(biāo)。

綜上所述，采用模塊教學(xué)，一方面可根據(jù)教材和教學(xué)目標(biāo)來編寫教案和備課，一方面可結(jié)合教師實踐經(jīng)驗來編寫教學(xué)案例。而采用項目教學(xué)，則要求教師有豐富的社會實踐經(jīng)驗，完成過較多的項目才能篩選出經(jīng)典的教學(xué)案例，才能設(shè)計出好的教學(xué)項目，才能對實踐教學(xué)內(nèi)容、方法有較高的掌控力。[5]不管是模塊教學(xué)，還是項目教學(xué)，采用講練結(jié)合是最佳的教學(xué)方式和有效途徑，它能有效提高教學(xué)效果，同時也強(qiáng)調(diào)指導(dǎo)方法和學(xué)習(xí)方法的重要性。

參考文獻(xiàn)：

[1]楚艷萍，何欣.基于計算思維的“Access程序設(shè)計”教學(xué)研究[J].中國電力教育，2013（23）：84-85.

[2]楊粉.中職計算機(jī)教學(xué)淺議[J].成才之路，2010（24）：31.

[3]劉梅.信息技術(shù)課“任務(wù)驅(qū)動”教學(xué)需注意的問題[J].教育情報參考，2006（6）：56-57.

[4]李美滿，李湘黔，易德成.任務(wù)驅(qū)動教學(xué)法在VB教學(xué)中的應(yīng)用[J].電腦學(xué)習(xí)，2008（5）：33-35.

[5]申斯.高職高專財經(jīng)管理類專業(yè)《統(tǒng)計學(xué)》教學(xué)的思考[J].四川職業(yè)技術(shù)學(xué)院學(xué)報，2013（3）：140-143.