何莉
摘 要：我国《网页设计与制作》课程教学中部分学校存在“重制作，轻设计”情况，学生未掌握网页制作技巧，因此，加强网页设计与制作教学改革，结合教学特点，探寻有效的教学途径，提升学生实践能力显得尤为重要。该文基于对《网页设计与制作》课程教学中存在的问题进行分析，并就如何有效地开展《网页设计与制作》课程教学进行讨论，从而为我国计算机教学提供更广阔的思路。
关键词：网页设计 制作 课程教学 有效路径
中图分类号：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.
