《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)的有效路徑

何莉

摘? 要：我國(guó)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中部分學(xué)校存在“重制作，輕設(shè)計(jì)”情況，學(xué)生未掌握網(wǎng)頁(yè)制作技巧，因此，加強(qiáng)網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)改革，結(jié)合教學(xué)特點(diǎn)，探尋有效的教學(xué)途徑，提升學(xué)生實(shí)踐能力顯得尤為重要。該文基于對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中存在的問題進(jìn)行分析，并就如何有效地開展《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)進(jìn)行討論，從而為我國(guó)計(jì)算機(jī)教學(xué)提供更廣闊的思路。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)? 制作? 課程教學(xué)? 有效路徑

中圖分類號(hào)：G712 ? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-3791（2020）07（b）-0026-03

An Effective Approach to the Teaching of Web Design and Production

HE Li

（Changjiang Vocational College， Wuhan， Hubei? Province， 430074 China）

Abstract： In the course of "Web design and Production" teaching in some schools in China， "heavy production， light design" situation， students do not master the skills of web production， therefore， strengthen the teaching reform of web design and production， combined with the characteristics of teaching， explore effective teaching approaches， improve students' practical ability is particularly important. Based on the analysis of the problems existing in the teaching of "Web design and Production" course， this paper discusses how to effectively carry out the teaching of "Web design and production" course， so as to provide a broader idea for China's computer teaching.

Key Words： Web design; Production; Curriculum teaching; Effective path

近年來(lái)，隨著我國(guó)互聯(lián)網(wǎng)普及，在日常工作、生活中互聯(lián)網(wǎng)成為交流、發(fā)布信息主要渠道，對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作人員要求也越來(lái)越高，《網(wǎng)頁(yè)設(shè)計(jì)與制作》成為許多高校計(jì)算機(jī)多媒體技術(shù)、軟件技術(shù)、信息管理、信息技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、物流、電子商務(wù)、計(jì)算機(jī)應(yīng)用等專業(yè)必學(xué)課程，其學(xué)習(xí)內(nèi)容通常包括JavaScript語(yǔ)言、HTML、圖像處理、CSS+div、語(yǔ)言、動(dòng)畫制作等，通過該課程可讓學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)、制作流程與技巧，提高學(xué)生網(wǎng)頁(yè)開發(fā)能力，幫助學(xué)生就業(yè)[1]。

1? 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)存在的問題

1.1 被動(dòng)學(xué)習(xí)，缺乏實(shí)踐能力

在以往教學(xué)過程中，主要以理論和實(shí)踐結(jié)合授課為主，老師在教學(xué)時(shí)先向?qū)W生講解專業(yè)知識(shí)要點(diǎn)，示范軟件技術(shù)，學(xué)生根據(jù)示范進(jìn)行模仿，這種教學(xué)模式將學(xué)生放在被動(dòng)位置，長(zhǎng)期接受理論知識(shí)教學(xué)，課堂氛圍沉悶，學(xué)生學(xué)習(xí)積極性不高，部分學(xué)生甚至在課堂上玩手機(jī)、玩游戲，專業(yè)理論掌握不夠扎實(shí)，一旦在實(shí)踐中遇到問題，學(xué)生很難快速反應(yīng)[2]。另外，部分老師在教學(xué)中過于偏重理論教學(xué)，導(dǎo)致學(xué)生無(wú)法將理論知識(shí)應(yīng)用于實(shí)踐中，出現(xiàn)實(shí)踐和理論脫節(jié)情況，無(wú)法對(duì)實(shí)踐知識(shí)、理論知識(shí)、過程性知識(shí)、陳述性知識(shí)進(jìn)行有效整合，僅機(jī)械地模仿老師操作，在實(shí)際工作崗位中難以勝任。

以Dreamweaver軟件為例，許多老師在教學(xué)時(shí)將重點(diǎn)放在軟件按鈕、菜單介紹上，忽略了HTML代碼設(shè)計(jì)的重要性，學(xué)生僅學(xué)習(xí)到軟件操作流程，缺乏HTML代碼編寫能力，在實(shí)踐中無(wú)法進(jìn)行代碼編寫，難以完成網(wǎng)頁(yè)設(shè)計(jì)與制作。另外，部分學(xué)校雖意識(shí)到代碼編寫的重要性，但在實(shí)際教學(xué)中，老師僅進(jìn)行重復(fù)操作教學(xué)，未向?qū)W生解釋各個(gè)字母意思，也會(huì)影響學(xué)生實(shí)踐任務(wù)。

1.2 缺乏動(dòng)手能力

部分學(xué)生在學(xué)習(xí)過程中認(rèn)為老師僅進(jìn)行了鼠標(biāo)單擊拖動(dòng)操作，以為教學(xué)內(nèi)容容易掌握，在課堂中不認(rèn)真，導(dǎo)致后期實(shí)踐時(shí)不愿根據(jù)步驟操作，一旦操作步驟取消后，出現(xiàn)手足無(wú)措情況，出現(xiàn)眼高手低局面，難以熟練掌握專業(yè)知識(shí)和職業(yè)技能，知識(shí)體系不扎實(shí)，加之缺乏操作經(jīng)驗(yàn)，在工作時(shí)，無(wú)法獨(dú)立完成網(wǎng)頁(yè)設(shè)計(jì)與制作。

1.3 缺乏溝通能力和適應(yīng)能力

部分學(xué)生缺乏溝通意識(shí)和能力，在網(wǎng)頁(yè)設(shè)計(jì)和制作過程中未將客戶要求放在首位，或錯(cuò)誤地理解客戶要求，自作主張根據(jù)自己想法和審美進(jìn)行設(shè)計(jì)，不僅給客戶帶來(lái)許多不便，還會(huì)導(dǎo)致返工，浪費(fèi)工作時(shí)間，影響工作效率，多次的返工修改還會(huì)導(dǎo)致部分學(xué)生產(chǎn)生負(fù)面情緒，難以獲得成就感，陷入不斷的惡性循環(huán)。

1.4 教學(xué)缺乏差異性

受農(nóng)村、城市生源影響，計(jì)算機(jī)學(xué)生基礎(chǔ)存在較大差異，城市學(xué)生在接受計(jì)算機(jī)操作教育時(shí)，接受能力明顯優(yōu)于農(nóng)村學(xué)生，學(xué)生接受能力的差異性也給《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程增加了許多難度，這就要求計(jì)算機(jī)教師在教學(xué)活動(dòng)中，必須結(jié)合學(xué)生差異性，充分考慮不同學(xué)生接受能力，達(dá)到“因材施教”的目的。

1.5 缺乏教學(xué)目標(biāo)

當(dāng)今社會(huì)網(wǎng)絡(luò)技術(shù)發(fā)展越來(lái)越迅速，網(wǎng)頁(yè)設(shè)計(jì)和制作更是成為熱門的一種計(jì)算機(jī)技術(shù)。而相較于傳統(tǒng)學(xué)科，網(wǎng)頁(yè)設(shè)計(jì)作為新型學(xué)科，具有鮮明的課程特點(diǎn)，綜合實(shí)踐性、操作性、創(chuàng)造性、實(shí)效性、現(xiàn)實(shí)性更強(qiáng)，學(xué)生必須具備較強(qiáng)的綜合實(shí)踐能力，在掌握網(wǎng)頁(yè)信息科學(xué)理論、網(wǎng)頁(yè)信息技術(shù)理論與方法的同時(shí)，還必須具備較強(qiáng)的實(shí)踐能力、創(chuàng)造力。而就當(dāng)前《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)現(xiàn)狀來(lái)看，缺乏明確的教學(xué)目標(biāo)，部分學(xué)生僅單純地掌握某些知識(shí)或技能，缺乏自學(xué)能力、加工能力，難以完成網(wǎng)頁(yè)制作課程。

2? 《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)的有效路徑

2.1 改進(jìn)教學(xué)方法

2.1.1 項(xiàng)目化教學(xué)法

在教學(xué)時(shí)老師可將實(shí)際項(xiàng)目作為載體，提升學(xué)生分析問題、解決問題能力，例如，在“學(xué)院藝術(shù)系”網(wǎng)頁(yè)設(shè)計(jì)制作中，老師可先帶領(lǐng)學(xué)生熟悉崗位工作流程，并將其劃分為網(wǎng)站設(shè)計(jì)方案編寫、設(shè)計(jì)、制作3個(gè)部分進(jìn)行教學(xué);這種教學(xué)方式因與實(shí)際職業(yè)需求更為貼合，學(xué)生學(xué)習(xí)興趣更高，在工作主線中包含到編寫網(wǎng)站建設(shè)方案、網(wǎng)頁(yè)基礎(chǔ)知識(shí)儲(chǔ)備等內(nèi)容，不僅可有效培養(yǎng)學(xué)生分析問題、解決問題能力，還能在實(shí)踐中鞏固課堂理論知識(shí)，熟練掌握網(wǎng)頁(yè)制作技能。

2.1.2 任務(wù)驅(qū)動(dòng)教學(xué)法

該教學(xué)方法通過制作任務(wù)模擬，培養(yǎng)學(xué)生獨(dú)立完成實(shí)踐任務(wù)能力，提升學(xué)生工作能力、技術(shù)應(yīng)用能力和獨(dú)立學(xué)習(xí)能力，在教學(xué)中老師將課堂知識(shí)穿插到模塊化的任務(wù)中，引導(dǎo)學(xué)生分析任務(wù)背景，掌握操作步驟和操作中知識(shí)點(diǎn)，學(xué)生制作任務(wù)模擬中，激發(fā)自身思考能力，解決任務(wù)中問題，從而提升動(dòng)手能力和問題解決能力，獨(dú)立完成任務(wù)[3]。

以某某院系網(wǎng)站引導(dǎo)頁(yè)設(shè)計(jì)制作為例，在設(shè)計(jì)制作時(shí)第一步需對(duì)網(wǎng)頁(yè)制作背景、目的進(jìn)行分析;其次，了解用戶對(duì)網(wǎng)頁(yè)需求，在設(shè)計(jì)中加入院系特點(diǎn)，明確網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格，例如，在引導(dǎo)頁(yè)可加入Flash動(dòng)畫、輪播圖片，使用Photoshop將Flash動(dòng)畫、輪播圖片設(shè)計(jì)好后進(jìn)行切片，再通過網(wǎng)頁(yè)布局，在網(wǎng)頁(yè)中置入切好的圖片，吸引和留下瀏覽者。通過以上任務(wù)，學(xué)生可學(xué)習(xí)到切片概念、技巧、優(yōu)勢(shì)及設(shè)置布局的相關(guān)屬性。

2.1.3 明確教學(xué)目標(biāo)

在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中，教師需結(jié)合《網(wǎng)頁(yè)設(shè)計(jì)與制作》該課程特點(diǎn)出發(fā)，合理設(shè)計(jì)教學(xué)模式，加強(qiáng)學(xué)生管理;教師在教學(xué)過程中，充分起到自身引導(dǎo)作用，指導(dǎo)學(xué)生分析、探討、研究各種課題，結(jié)合任務(wù)驅(qū)動(dòng)教學(xué)法、項(xiàng)目化教學(xué)法、案例教學(xué)法等方式，培養(yǎng)學(xué)生網(wǎng)絡(luò)、計(jì)算機(jī)技能，加強(qiáng)學(xué)生自學(xué)能力、加工能力，完成網(wǎng)頁(yè)制作。

2.2 作品展示

挑選優(yōu)秀的作品展示可培養(yǎng)學(xué)生競(jìng)爭(zhēng)意識(shí)，激發(fā)學(xué)生好勝心，從而提升學(xué)生學(xué)習(xí)積極性，在作品展示時(shí)，可鼓勵(lì)學(xué)生上臺(tái)講解自己觀點(diǎn)，加強(qiáng)學(xué)生之間的交流、溝通，各學(xué)生可自由發(fā)表自身意見，通過不斷探討提升學(xué)生專業(yè)能力和語(yǔ)言表達(dá)能力[4]。

2.3 考核評(píng)價(jià)

在考核過程中，老師不能僅注意項(xiàng)目完成結(jié)果，還應(yīng)結(jié)合學(xué)生項(xiàng)目任務(wù)完成過程進(jìn)行考核，通過獨(dú)立實(shí)踐項(xiàng)目任務(wù)完成考核和形成性考核，對(duì)學(xué)生進(jìn)行考核評(píng)價(jià)，其中形成性考核所占比例為60%，內(nèi)容包含學(xué)生學(xué)習(xí)行為表現(xiàn)、模擬制作任務(wù)完成情況，獨(dú)立實(shí)踐項(xiàng)目任務(wù)完成考核占比例為40%，包括學(xué)生綜合知識(shí)應(yīng)用能力、開發(fā)設(shè)計(jì)能力和問題解決能力[5]。評(píng)分時(shí)可采取學(xué)生互評(píng)、自評(píng)、教師總評(píng)等方式進(jìn)行評(píng)分，通過互評(píng)和自評(píng)，可激發(fā)學(xué)生自主學(xué)習(xí)能力，不斷從任務(wù)中找到自身問題，并進(jìn)行解決，還能讓學(xué)生學(xué)會(huì)成果分享，從他人角度找到問題，進(jìn)行改進(jìn)，而老師在總評(píng)時(shí)需注意“重過程、輕結(jié)果”，給予學(xué)生更多的肯定和激勵(lì)，給予中肯的修改意見，激發(fā)學(xué)生學(xué)習(xí)興趣，自愿、獨(dú)立完成網(wǎng)頁(yè)設(shè)計(jì)與制作[6]。

3? 結(jié)語(yǔ)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門綜合性課程，在教學(xué)時(shí)不僅需要加強(qiáng)學(xué)生計(jì)算機(jī)應(yīng)用理論知識(shí)教學(xué)，還應(yīng)加強(qiáng)學(xué)生實(shí)踐課程，動(dòng)手能力培養(yǎng)，方能達(dá)到理想教學(xué)效果。因此，在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，教師應(yīng)根據(jù)教學(xué)特點(diǎn)和學(xué)生接受能力，創(chuàng)造更多的實(shí)踐活動(dòng)，通過不斷的實(shí)踐操作提高學(xué)生克服問題、處理問題能力，將課堂所學(xué)知識(shí)和技能應(yīng)用到實(shí)際操作中。同時(shí)，還可通過作品展示，激發(fā)學(xué)生學(xué)習(xí)興趣，采取多種考核評(píng)價(jià)機(jī)制，引導(dǎo)學(xué)生注重任務(wù)實(shí)踐，總結(jié)經(jīng)驗(yàn)教訓(xùn)，從而提升教學(xué)效率，達(dá)到理想的教學(xué)目標(biāo)。

參考文獻(xiàn)

[1] 安錦錦.高職院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革研究[J].教育現(xiàn)代化，2019，6（95）：48-49.

[2] 李成.“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)方法初探[J].科教文匯，2019（8）：88-89.

[3] 譚琦.《網(wǎng)頁(yè)設(shè)計(jì)與制作》中任務(wù)驅(qū)動(dòng)教學(xué)法的實(shí)踐與研究[J].國(guó)際公關(guān)，2019（7）：40-41.

[4] 靳海云.“互聯(lián)網(wǎng)+”背景下體育傳播途徑分析——以世界杯轉(zhuǎn)播為例[J].當(dāng)代體育科技，2018，8（25）：221-222.

[5] 馬美麗，王祥翔，柴湘婷，等.改良早期預(yù)警評(píng)分單項(xiàng)在缺血性腦卒中急性期病情轉(zhuǎn)歸中的應(yīng)用研究[J].中國(guó)實(shí)用醫(yī)藥，2018，13（32）：46-48.

[6] 金镕基.電商網(wǎng)頁(yè)界面視覺設(shè)計(jì)元素解析[J].科技創(chuàng)新導(dǎo)報(bào)，2019，33（32）：233-234.

[7] 周小麗.“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)改革實(shí)踐探究[J].教育與職業(yè)，2013（8）：127-128.

[8] 申紅雪，劉育熙，崔海霞.關(guān)于“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)方法的探索[J].教育與職業(yè)，2008（27）：87-88.