何莉

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

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

中圖分類號：G712 ? ? ? ? ? 文獻(xiàn)標(biāo)識碼：A 文章編號：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

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

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

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

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

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

1.2 缺乏動手能力

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

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

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

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

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

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

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

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

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

2.1.1 項目化教學(xué)法

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

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

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

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

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

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

2.2 作品展示

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

2.3 考核評價

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

3? 結(jié)語

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

參考文獻(xiàn)

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

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

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

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

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

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

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

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