淺談高職《網頁設計與制作》課程的信息化教學設計

新疆生產建設兵團興新職業技術學院 楊桂云

淺談高職《網頁設計與制作》課程的信息化教學設計

新疆生產建設兵團興新職業技術學院 楊桂云

近年來，隨著信息技術在教育教學中的發展和應用，其在推動職業撫育教學改革創新中起到至關重要的作用。本文以網頁設計與制作課程的教學單元“汽車導購”網頁的制作為例進行信息化教學設計，通過教材、教學目標、學生情況的分析，利用信息技術構建互動的、在線的網絡環境，引導、啟發學生積極參考教學環節，突出學生的主體地位，提高學習效果。

信息化 教學設計 網頁設計

教學設計，顧名思義是教師對學生和教學任務的分析，根據教學大綱、教學目標的要求，運用恰當的教學方法和教學材料安排教學進度，進行教學評估等一系列的教學環節。教學設計者經常使用教學技術以改進教學，而信息化教學設計以計算機網絡技術、多媒體技術及網絡資源為依托，根據教學目標和學生特點科學、合理地安排教學過程的各個環節，從而改善學生的學習環境，提高教學效率。本文以制作“汽車導購”網頁為例，采用任務驅動法、引導文法、演示法，從教學情況分析、教學策略、教學過程、教學效果四個方面體現信息環境下如何利用信息技術高效地完成教學。

一、教學情況分析

《網頁設計與制作》是一門實踐性很強的專業課程，通過本課程的學習，學生掌握該軟件的操作方法和技巧，創建個人或企業網站。

1.學情分析。授課對象為大專二年級學生，學生的學習熱情很高，求知欲強，善于發現問題，通過本章節的學習，小組合作解決問題。

2.教學目標。通過之前的學習，學生已掌握了網站的創建方法及靜態網頁的制作方法和技巧，為動態網頁的制作和學習夯實基礎，結合學生的特點，從知識、技能、情感方面明確教學目標。知識目標：在Dream weaver中創建動態網頁，以Access作為后臺數據庫實現汽車導購信息的動態顯示、用戶訂單的填寫與保存。技能目標：培養學生動手能力和創新能力，培養學生自主獲取知識、分析問題和解決問題的能力；培養學生認真負責、實事求是的學風。能力目標：加強學生的團隊協作意識和職業道德意識，充分發揮學生的主觀能動性。確定了利用“數據庫”面板、“綁定”面板、“行為”面板對后臺數據庫進行讀寫為教學重點，實現Dream weaver與Access數據庫的連接為教學難點，測試服務器的配置為教學關鍵點。

二、教學策略

教師提出任務，激發學生的學習興趣，啟發學生積極思考，通過教師的講解、演示及Moodle平臺的微課程等信息化載體，突破教學的重點和難點。

三、教學過程

本教學內容需6學時，主要采用任務驅動法，教師引導學生學會學習，突出學生的主體地位，教學過程主要從以下幾個方面進行。

1.課前準備。為了教學內容順利進行，課前教師通過QQ群或微信群向學生發布任務：訪問淘寶網站，瀏覽商品信息，對選定商品加入購物車，思考數據去哪了，產品數據信息來自哪里。學生借助百度找答案，為新課的學習埋下伏筆。

2.案例分析。上課時，教師演示綁定數據庫前和綁定數據庫后的頁面讓學生比較觀察頁面有什么不同，從而引入新課。

3.新課引入。在Dream weaver中創建ASP動態網頁，以Access數據庫、搭建Web服務器為基礎，實現汽車信息的動態顯示、用戶訂單的填寫和保存。

4.講授新課（分組完成）。學生自由結合進行分組（3～4人為宜），搭配合理，小組成員間配合完成教學內容，在Dreamweaver中實現動態頁面的預覽，了解需要完成哪些步驟，引導學生進入課程內容。首先，教師提問：同學們完成前面所有操作后，按F12預覽頁面，會發現頁面出錯，為什么？引出本章節的難點內容，要求學生結合書本知識或在百度上搜索相關答案，將所查資料整理到文本文件中。然后，學生根據搜索的知識進行調試，直到頁面完全顯示。最后，學生通過網絡平臺提交作業，這一環節培養了學生利用網絡平臺解決問題的能力。

5.歸納總結。學生討論并總結制作動態網頁時需要進行哪些設置，教師對學生的總結表示肯定。通過思維導圖，教師梳理本章節的知識點，加強同學們對本章節重點、難點內容的掌握程度。

6.教學評價。在整個學習過程中，教師可根據學生在小組中的表現進行過程評價（20%）；結合學生提交作業及完成情況給予評價（20%）；完成教學過程后，學生可登錄教學平臺進行在線測試：分析學生對知識點的掌握情況（20%），通過任務拓展、學生展示，由教師給出評價（40%）。四位一體的評價機制體現了評價的公平、公正，體現了師生互動性，有利于提高教學質量。

四、教學效果

本次授課內容借助圖片、視頻等信息化教學資源使復雜的知識簡單化，枯燥的知識形象化，通過極域電子教室、Moodle平臺、網絡等信息化教學平臺充分調動學生的積極性，激發學生的學習興趣。通過拓展任務，學生利用前面所學知識完成具有自身特點的作品。但信息化教學設計不能脫離傳統的教學理念，夸大信息化教學的作用，要恰如其分地利用信息技術豐富教學資源和教學內容，更好地為教學提供服務。

［1］由相寧.《圖形圖像處理》課程信息化教學設計思路［J］.信息與電腦，2015.04

［2］龍 昕.淺談高校計算機基礎課程中信息化教學設計的應用［J］.風格安全技術與應用，2014.02

［3］龍金輝，王坤杰.信息化教學設計在圖像處理中的應用［J］.工業和信息化教育，2014.07

ISSN2095-6711/Z01-2015-10-0012