《網頁設計與制作》課程教學的有效路徑

何莉

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

關鍵詞：網頁設計? 制作? 課程教學? 有效路徑

中圖分類號：G712 ? ? ? ? ? 文獻標識碼：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

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

1? 《網頁設計與制作》課程教學存在的問題

1.1 被動學習，缺乏實踐能力

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

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

1.2 缺乏動手能力

部分學生在學習過程中認為老師僅進行了鼠標單擊拖動操作，以為教學內容容易掌握，在課堂中不認真，導致后期實踐時不愿根據步驟操作，一旦操作步驟取消后，出現手足無措情況，出現眼高手低局面，難以熟練掌握專業知識和職業技能，知識體系不扎實，加之缺乏操作經驗，在工作時，無法獨立完成網頁設計與制作。

1.3 缺乏溝通能力和適應能力

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

1.4 教學缺乏差異性

受農村、城市生源影響，計算機學生基礎存在較大差異，城市學生在接受計算機操作教育時，接受能力明顯優于農村學生，學生接受能力的差異性也給《網頁設計與制作》課程增加了許多難度，這就要求計算機教師在教學活動中，必須結合學生差異性，充分考慮不同學生接受能力，達到“因材施教”的目的。

1.5 缺乏教學目標

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

2? 《網頁設計與制作》課程教學的有效路徑

2.1 改進教學方法

2.1.1 項目化教學法

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

2.1.2 任務驅動教學法

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

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

2.1.3 明確教學目標

在《網頁設計與制作》課程中，教師需結合《網頁設計與制作》該課程特點出發，合理設計教學模式，加強學生管理;教師在教學過程中，充分起到自身引導作用，指導學生分析、探討、研究各種課題，結合任務驅動教學法、項目化教學法、案例教學法等方式，培養學生網絡、計算機技能，加強學生自學能力、加工能力，完成網頁制作。

2.2 作品展示

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

2.3 考核評價

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

3? 結語

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

參考文獻

[1] 安錦錦.高職院校網頁設計與制作課程教學改革研究[J].教育現代化，2019，6（95）：48-49.

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

[3] 譚琦.《網頁設計與制作》中任務驅動教學法的實踐與研究[J].國際公關，2019（7）：40-41.

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

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

[6] 金镕基.電商網頁界面視覺設計元素解析[J].科技創新導報，2019，33（32）：233-234.

[7] 周小麗.“網頁設計與制作”課程教學改革實踐探究[J].教育與職業，2013（8）：127-128.

[8] 申紅雪，劉育熙，崔海霞.關于“網頁設計與制作”課程教學方法的探索[J].教育與職業，2008（27）：87-88.