夏維

[摘 要] 網(wǎng)頁設(shè)計(jì)與制作是信息安全與管理專業(yè)的專業(yè)基礎(chǔ)課程，是培養(yǎng)學(xué)生Web客戶端靜態(tài)頁面設(shè)計(jì)能力的支撐課程，是ASP.NET程序設(shè)計(jì)先修課程，主要培養(yǎng)學(xué)生的靜態(tài)頁面設(shè)計(jì)能力。通過“教、學(xué)、做”理論與實(shí)踐一體化教學(xué)，使學(xué)生掌握Web客戶端靜態(tài)頁面編寫的基本方法，并逐步形成正確的客戶端靜態(tài)頁面設(shè)計(jì)思想，具有分析問題和解決問題的能力，熟練地使用HTML語言、CSS樣式設(shè)計(jì)、JavaScript編程進(jìn)行頁面設(shè)計(jì)。

[關(guān) 鍵 詞] 網(wǎng)頁設(shè)計(jì)；網(wǎng)頁制作；教學(xué)設(shè)計(jì)

[中圖分類號] G712 [文獻(xiàn)標(biāo)志碼] A [文章編號] 2096-0603（2018）29-0094-01

一、教學(xué)過程中存在的問題

目前，我院開設(shè)網(wǎng)頁設(shè)計(jì)與制作課程均在多媒體機(jī)房進(jìn)行，采取任務(wù)驅(qū)動(dòng)方法組織教學(xué)內(nèi)容，課程教學(xué)以完成網(wǎng)頁制作任務(wù)為主線，在激發(fā)學(xué)生的主動(dòng)學(xué)習(xí)提高學(xué)生操作能力上，確實(shí)取得了一些效果，然而網(wǎng)頁設(shè)計(jì)與制作教學(xué)還存在一些問題，主要有以下幾個(gè)方面：

1.學(xué)生過高估計(jì)自身實(shí)力。在教學(xué)過程中，學(xué)生感覺教學(xué)案例內(nèi)容簡單，不愿意聽教師分析講解，但實(shí)訓(xùn)過程中卻無法完成實(shí)驗(yàn)任務(wù)。

2.學(xué)生缺乏創(chuàng)新意識(shí)。現(xiàn)在的學(xué)生自以為是，覺得能按時(shí)完成課堂上的實(shí)訓(xùn)任務(wù)就學(xué)好了一門課程，操作還是模仿復(fù)制教師演示的內(nèi)容，課后不會(huì)主動(dòng)學(xué)習(xí)與此知識(shí)點(diǎn)相關(guān)的內(nèi)容，不會(huì)自己去拓展專業(yè)層次與知識(shí)面，知識(shí)的牽引能力不強(qiáng)，缺乏創(chuàng)新創(chuàng)造能力。

3.學(xué)生缺乏與教師的溝通與互動(dòng)。教師在課堂講解的過程中注重教學(xué)內(nèi)容的完成，在教學(xué)安排上，師生互動(dòng)環(huán)節(jié)安排得不多，學(xué)生課堂參與程度不高；課后缺乏平臺(tái)進(jìn)行溝通，沒有固定的平臺(tái)幫助學(xué)生及時(shí)解決問題，缺乏實(shí)效性，導(dǎo)致很多問題都不了了之，大大降低了學(xué)生學(xué)習(xí)的興趣。

二、信息化平臺(tái)課堂教學(xué)改革

利用信息化基礎(chǔ)設(shè)施和數(shù)字化教學(xué)資源，開展課堂教學(xué)模式改革，提高人才培養(yǎng)質(zhì)量，是我們目前人才培養(yǎng)的目標(biāo)。隨著計(jì)算機(jī)和互聯(lián)網(wǎng)的快速發(fā)展，翻轉(zhuǎn)課堂、微課、慕課等教學(xué)模式應(yīng)運(yùn)而生，實(shí)現(xiàn)了課前導(dǎo)預(yù)習(xí)、課上導(dǎo)學(xué)習(xí)、課后導(dǎo)拓展的教學(xué)活動(dòng)，學(xué)生的學(xué)習(xí)行為脫離了時(shí)間、空間的限制，形成了以信息技術(shù)為媒介的教學(xué)互動(dòng)平臺(tái)。在此平臺(tái)上，學(xué)生、教師都可以通過平臺(tái)充分交流，根據(jù)進(jìn)度靈活地開展學(xué)習(xí)，使學(xué)習(xí)更有成效。

三、信息化教學(xué)平臺(tái)

網(wǎng)頁課程主要采用藍(lán)墨云班課進(jìn)行信息化教學(xué)。云班課是在移動(dòng)網(wǎng)絡(luò)環(huán)境下，利用移動(dòng)智能設(shè)備開展課堂內(nèi)外即時(shí)反饋互動(dòng)教學(xué)的云服務(wù)平臺(tái)。教師使用藍(lán)墨云班課創(chuàng)建一個(gè)班課，學(xué)生通過班課邀請碼加入班課，所有學(xué)生的智能手機(jī)立即連接成一個(gè)可以即時(shí)互動(dòng)的教學(xué)網(wǎng)絡(luò)。利用藍(lán)墨云班課，教師可以開展微課或翻轉(zhuǎn)課堂教學(xué)。教師可以發(fā)送課程通知，推送課件、微視頻、圖片、音頻、文檔等資源到學(xué)生的移動(dòng)設(shè)備上，并提醒學(xué)生學(xué)習(xí)，反饋學(xué)生的學(xué)習(xí)記錄。在課堂上或課外時(shí)間里，教師可以隨時(shí)開展投票、問卷、頭腦風(fēng)暴、答疑、討論等教學(xué)活動(dòng)，讓教學(xué)更加生動(dòng)有趣。

四、信息平臺(tái)下的教學(xué)設(shè)計(jì)

教學(xué)設(shè)計(jì)首先要考慮課程在整個(gè)課程體系中的地位。由于網(wǎng)頁設(shè)計(jì)與制作前導(dǎo)課程是計(jì)算機(jī)應(yīng)用基礎(chǔ)，后續(xù)課程是ASP.NET程序設(shè)計(jì)。該課程作為一門專業(yè)基礎(chǔ)課程，教學(xué)目標(biāo)學(xué)生從知識(shí)目標(biāo)、技能目標(biāo)、情感與能力目標(biāo)三方面得到提升。以此為基礎(chǔ)，教學(xué)的設(shè)計(jì)思路：按課前導(dǎo)預(yù)習(xí)、課上導(dǎo)學(xué)習(xí)、課后導(dǎo)拓展三個(gè)階段實(shí)施教學(xué)。本單元以“翻譯工作室首頁制作”為任務(wù)載體，采用任務(wù)驅(qū)動(dòng)法、情境教學(xué)法、自主學(xué)習(xí)法等課堂教學(xué)方法，借助信息化學(xué)習(xí)平臺(tái)、錄屏軟件、多媒體視頻、多媒體教室等信息化教學(xué)手段，實(shí)現(xiàn)教學(xué)目標(biāo)。

（一）教學(xué)實(shí)施過程

課前，教師在藍(lán)墨云班課及微信上發(fā)布班級通知，要求學(xué)生進(jìn)行預(yù)習(xí)，學(xué)生接到通知后，根據(jù)自我學(xué)習(xí)計(jì)劃學(xué)習(xí)本課課程內(nèi)容微視頻、教學(xué)PPT、操作要點(diǎn)提示，完成課前預(yù)習(xí)，完成頭腦風(fēng)暴。

根據(jù)網(wǎng)站設(shè)計(jì)與制作流程及學(xué)生認(rèn)識(shí)規(guī)律，設(shè)計(jì)了8個(gè)教學(xué)環(huán)節(jié)。

1.翻譯工作室運(yùn)行效果瀏覽

教師打開制作好網(wǎng)頁效果的微視頻，對網(wǎng)頁的整個(gè)概貌進(jìn)行分析和講解。學(xué)生通過觀察，了解翻譯工作站的基本功能。

2.任務(wù)提出

教師對首頁進(jìn)行頁面結(jié)構(gòu)、排版方式、模塊拆分三個(gè)方向分析。教師對首頁分解，學(xué)生了解制作網(wǎng)頁的簡要流程。

3.教師對模塊進(jìn)行具體分析

教師用蘇亞星進(jìn)行講解，簡要分析頁面的構(gòu)成，頁面初始化基本操作，頁面背景設(shè)置及公司文本介紹對象的添加四個(gè)環(huán)節(jié)。預(yù)留問題，讓學(xué)生在操作時(shí)做出思考。學(xué)生有了操作指南，明白自己要在頁面中添加哪些對象，對象的位置如何確定及對象的格式設(shè)置，知道自己要做什么。

4.任務(wù)實(shí)施

學(xué)生練習(xí)前兩個(gè)模塊，按教師下達(dá)的流程實(shí)施操作，在學(xué)中做，做中學(xué)。

5.在藍(lán)墨云班課中課堂表現(xiàn)中使用蘇亞星遠(yuǎn)程遙控功能選擇學(xué)生回答如何解決預(yù)留問題。

6.舉一反三

在現(xiàn)有知識(shí)點(diǎn)的基礎(chǔ)上，讓學(xué)生思考：1.子頁文本添加及位置的確定。2.將頁面中所有的對象統(tǒng)一往下移動(dòng)，采取什么樣的方式？（難點(diǎn)）

7.開啟藍(lán)墨云課堂測試，檢閱學(xué)生學(xué)習(xí)效果，是否達(dá)到教學(xué)目標(biāo)。

8.任務(wù)拓展

教師做簡要知識(shí)要點(diǎn)提示，提出下次課操作任務(wù)，繼續(xù)完成首頁及子頁的創(chuàng)建。

（二）教學(xué)效果

本教學(xué)設(shè)計(jì)基于藍(lán)墨云班課教學(xué)平臺(tái)，采用翻轉(zhuǎn)課堂教學(xué)理念，以任務(wù)驅(qū)動(dòng)為教學(xué)法，完成翻譯工作室首頁制作為任務(wù)為主線，緊緊圍繞網(wǎng)頁的設(shè)計(jì)與制作為技能目標(biāo)，借助信息化手段，以學(xué)生為主體完成了知識(shí)、理論、實(shí)踐一體化的教學(xué)。綜合考核表明，絕大多數(shù)學(xué)生都完成了教學(xué)任務(wù)要求，學(xué)生的職業(yè)技能和職業(yè)素養(yǎng)方面得到了提高。

參考文獻(xiàn)：

[1]宋翔.“互聯(lián)網(wǎng)+”背景下的網(wǎng)頁制作課程改革探索[J].電腦迷，2017（2）.

[2]薛輝.《網(wǎng)頁制作》課程實(shí)踐教學(xué)模式的探索與設(shè)計(jì)[J].電腦與電信，2016（Z1）.