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

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

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

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

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

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

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

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

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

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

二、教學(xué)策略

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

三、教學(xué)過程

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

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

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

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

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

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

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

四、教學(xué)效果

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

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

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

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

ISSN2095-6711/Z01-2015-10-0012