淺談高職《網(wǎng)頁設(shè)計與制作》課程的信息化教學(xué)設(shè)計

新疆生產(chǎn)建設(shè)兵團興新職業(yè)技術(shù)學(xué)院 楊桂云

淺談高職《網(wǎng)頁設(shè)計與制作》課程的信息化教學(xué)設(shè)計

新疆生產(chǎn)建設(shè)兵團興新職業(yè)技術(shù)學(xué)院 楊桂云

近年來，隨著信息技術(shù)在教育教學(xué)中的發(fā)展和應(yīng)用，其在推動職業(yè)撫育教學(xué)改革創(chuàng)新中起到至關(guān)重要的作用。本文以網(wǎng)頁設(shè)計與制作課程的教學(xué)單元“汽車導(dǎo)購”網(wǎng)頁的制作為例進行信息化教學(xué)設(shè)計，通過教材、教學(xué)目標(biāo)、學(xué)生情況的分析，利用信息技術(shù)構(gòu)建互動的、在線的網(wǎng)絡(luò)環(huán)境，引導(dǎo)、啟發(fā)學(xué)生積極參考教學(xué)環(huán)節(jié)，突出學(xué)生的主體地位，提高學(xué)習(xí)效果。

信息化 教學(xué)設(shè)計 網(wǎng)頁設(shè)計

教學(xué)設(shè)計，顧名思義是教師對學(xué)生和教學(xué)任務(wù)的分析，根據(jù)教學(xué)大綱、教學(xué)目標(biāo)的要求，運用恰當(dāng)?shù)慕虒W(xué)方法和教學(xué)材料安排教學(xué)進度，進行教學(xué)評估等一系列的教學(xué)環(huán)節(jié)。教學(xué)設(shè)計者經(jīng)常使用教學(xué)技術(shù)以改進教學(xué)，而信息化教學(xué)設(shè)計以計算機網(wǎng)絡(luò)技術(shù)、多媒體技術(shù)及網(wǎng)絡(luò)資源為依托，根據(jù)教學(xué)目標(biāo)和學(xué)生特點科學(xué)、合理地安排教學(xué)過程的各個環(huán)節(jié)，從而改善學(xué)生的學(xué)習(xí)環(huán)境，提高教學(xué)效率。本文以制作“汽車導(dǎo)購”網(wǎng)頁為例，采用任務(wù)驅(qū)動法、引導(dǎo)文法、演示法，從教學(xué)情況分析、教學(xué)策略、教學(xué)過程、教學(xué)效果四個方面體現(xiàn)信息環(huán)境下如何利用信息技術(shù)高效地完成教學(xué)。

一、教學(xué)情況分析

《網(wǎng)頁設(shè)計與制作》是一門實踐性很強的專業(yè)課程，通過本課程的學(xué)習(xí)，學(xué)生掌握該軟件的操作方法和技巧，創(chuàng)建個人或企業(yè)網(wǎng)站。

1.學(xué)情分析。授課對象為大專二年級學(xué)生，學(xué)生的學(xué)習(xí)熱情很高，求知欲強，善于發(fā)現(xiàn)問題，通過本章節(jié)的學(xué)習(xí)，小組合作解決問題。

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

二、教學(xué)策略

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

三、教學(xué)過程

本教學(xué)內(nèi)容需6學(xué)時，主要采用任務(wù)驅(qū)動法，教師引導(dǎo)學(xué)生學(xué)會學(xué)習(xí)，突出學(xué)生的主體地位，教學(xué)過程主要從以下幾個方面進行。

1.課前準(zhǔn)備。為了教學(xué)內(nèi)容順利進行，課前教師通過QQ群或微信群向?qū)W生發(fā)布任務(wù)：訪問淘寶網(wǎng)站，瀏覽商品信息，對選定商品加入購物車，思考數(shù)據(jù)去哪了，產(chǎn)品數(shù)據(jù)信息來自哪里。學(xué)生借助百度找答案，為新課的學(xué)習(xí)埋下伏筆。

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

3.新課引入。在Dream weaver中創(chuàng)建ASP動態(tài)網(wǎng)頁，以Access數(shù)據(jù)庫、搭建Web服務(wù)器為基礎(chǔ)，實現(xiàn)汽車信息的動態(tài)顯示、用戶訂單的填寫和保存。

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

5.歸納總結(jié)。學(xué)生討論并總結(jié)制作動態(tài)網(wǎng)頁時需要進行哪些設(shè)置，教師對學(xué)生的總結(jié)表示肯定。通過思維導(dǎo)圖，教師梳理本章節(jié)的知識點，加強同學(xué)們對本章節(jié)重點、難點內(nèi)容的掌握程度。

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

四、教學(xué)效果

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

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

［2］龍 昕.淺談高校計算機基礎(chǔ)課程中信息化教學(xué)設(shè)計的應(yīng)用［J］.風(fēng)格安全技術(shù)與應(yīng)用，2014.02

［3］龍金輝，王坤杰.信息化教學(xué)設(shè)計在圖像處理中的應(yīng)用［J］.工業(yè)和信息化教育，2014.07

ISSN2095-6711/Z01-2015-10-0012