中職網頁設計與制作課程有效教學的實踐與探索

[摘 要] 在中職計算機專業課程教學中，學生學習的主動性欠佳、接受能力不強，教師的教學方法使用不當，就會導致專業課程教學效果無法提高。主要從模塊教學和項目教學，配以講練結合的方式，以網頁設計與制作課程教學為例對有效教學的實踐進行探討。

[關 鍵 詞] 模塊教學；項目教學；講練結合；有效教學

[中圖分類號] G712 [文獻標志碼] A [文章編號] 2096-0603（2017）20-0086-02

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

一、模塊教學中應用小項目教學

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

在設置模塊教學時，要注意模塊與模塊之間的鋪墊與承接關系，由簡單到復雜層層遞進，由基礎內容到核心知識循序漸進，這樣既可以模塊化評價學生掌握理論知識和操作技能的情況，也能模塊化反映教師教學的專業能力與教學素養。

設置模塊化教學時，還可以把課程內容分為基礎模塊和能力模塊。基礎模塊是所有學習這門課程的學生都必須掌握的內容，而能力模塊則側重于培養優秀的學生，讓有能力的學生得到進一步的提高和強化所學知識。設置基礎模塊和能力模塊的比例要以基礎模塊為主，能力模塊為輔。而在每個模塊中最后一個小項目通常是綜合性比較強的項目，最好能涵蓋該模塊的知識要點，也就是一個對當前模塊作總結的小型綜合項目。

二、項目教學中穿插小模塊教學

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

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

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

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

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

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

由此可見，在層疊樣式表的教學中，其實就是小項目教學。在每個模塊中都有一個關于層疊樣式表的小項目需要學生掌握和應用，它是學習后面模塊的基礎。在每個模塊的教學中，都要引導學生根據網頁效果去設置樣式參數，并且要讓學生根據網頁效果知道要設置哪些樣式參數，這是學生學習層疊樣式表的難點。因此，教會學生在不同情況下熟練創建樣式是教學的重中之重，也是學生學好網頁設計必須攻克的難題。

四、學習過程形成模塊設計思維

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

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

五、講練結合使教與學的過程變得更加輕松

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

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

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

六、巡堂指導使教學效果顯著提高

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

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

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

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

參考文獻：

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

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

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

[4]李美滿，李湘黔，易德成.任務驅動教學法在VB教學中的應用[J].電腦學習，2008（5）：33-35.

[5]申斯.高職高專財經管理類專業《統計學》教學的思考[J].四川職業技術學院學報，2013（3）：140-143.