高职“网页设计与制作”课程教学模式创新研究

关键词：高职院校；网页设计与制作；教学现状；教学创新

中图法分类号：TP393 文献标识码：A

“网页设计与制作”是高职计算机专业的一门重点课程，其涵盖计算机网络技术、信息技术、软件技术等内容，具有较强的理论性和实践性。在课程学习中，学生不仅需要掌握与网页制作和设计相关的基础知识，还要具备良好的实践能力，能够灵活应用所学知识来完成实践项目。当前，社会对于网页设计与制作的人才需求量较大，且要求也越来越高，在具体的课程教学中，需要与时俱进地锻炼学生的创新能力和应用能力。

1教学现状

“网页设计与制作”属于计算机专业的一门主干课程，要求通过该门课程的学习，使学生对网站建设有深刻认知，掌握各类网页制作和网页设计的基本方法，熟悉相关的概念和理论，具备一定的设计、开发和发布网站的能力，能够灵活解决实际问题，为后续的就业奠定基础。“网页设计与制作”是典型的操作类课程，与“计算机基础”等课程不同，这门课程看似简单，实则有大量深层次的操作技巧和制作技术，在学习完课程后，不少学生往往只是掌握了教材中的理论操作及简单的技术，对于深层次的制作方法却模棱两可，制作的作品质量也不高，不符合应用型人才的培育要求。之所以存在这一问题，是由于“网页设计与制作”课程的涵盖内容较多，制作技巧也比较多，技术层次高，具有容易掌握、难以精通的特点，这给“网页设计与制作”课程的教学带来诸多困难。

从高职院校的教学实践来看，学生普遍缺乏网页设计与制作的基础，学习能力较为薄弱，学习习惯不佳，缺乏完善、健全的知识体系。在班级中，学生之间的计算机应用水平差异较大，且部分学生没有充分认识到“网页设计与制作”课程的重要意义。还有部分教师在开展教学活动时缺乏实操经验，过度关注理论知识的传授，忽视了实践指导，也没有根据社会的发展需求与时俱进地调整课程知识，使学生无法掌握最新的知识和技能。除此之外，传统的课程考核方式比较简单，一般是要求学生在规定时间内制作出一个网页即可达到合格标准，而这种考核模式比较片面，不利于学生实践能力和创新能力的培养，导致学生只会简单操作，对设计理解浮于表面。

2教学模式创新

2.1利用微课，让教学形象化

微课是目前高职院校教学中广泛采用的一种教学模式。微课通过转化为学生喜闻乐见的教学视频，能够让枯燥的理论内容生动化、形象化。在高职“网页设计与制作”课程教学中，也可借助微课来优化教学模式。在微课的设计上，要关注三个要点：即“一个中心”“两个原则”“三个基本点”。“一个中心”就是以学生为中心，学生需要从“网页设计与制作”课程中学到什么内容，微课视频制作是否有吸引力，学生能否听懂等，这都要以学生的需求作为基点，科学呈现出重点和难点知识，文字语言的表达要自然、亲切，没有距离感，用软性化的方式来影响学生；“两个原则”就是“有用”和“有趣”，“有用”是可以满足学生的学习要求，微课的设计要通俗易懂，“有趣”就是利用微课让枯燥的知识变得有趣，抽象的原理变得形象，使学生乐于接受，能够沉浸在学习活动中：“三个基本点”就是在教学策略的选择上，一是要让学生易于接受，并且能够主动配合教学活动，可采用探究式、抛锚式、情境式等教学方式，二是内容的呈现要利用动画、音视频、操作演示、图片展示等多种方式唤起学生兴趣，三是教学媒体的选择需要借助视听媒体、视觉媒体、交互多媒体来展示。微课的引入要与“网页设计与制作”课程的具体教学要求相结合，在课前预习、课堂讲解、课后复习几个阶段都可以采用微课，只是应用策略稍有不同。

“PS网页美化综合技巧”一节的难度较高，融合了网页设计与制作的综合性内容，具有极强的操作性，学生学习起来难度较高，利用PhotoShop来设计网页属于网页前期设计的重点工作，要求学生利用PhotoShop和Dreamweaver等软件协同操作，并且能够对网页设计与制作有全局把握。为了帮助学生突破重点，可為学生制作“PhotoShop切图制作网页技巧”的微课视频，用生动、直观的方式为学生呈现PhotoShop切图制作网页的具体过程，让学生通过观看视频来了解整个操作要点和其中的重点技能。在授课之前，要求学生对照微课视频来完成预习，并填写课前预习任务单，在课堂上，根据学生反馈的疑难之处进行针对性指导，这就节约了指导时间。在“PhotoShop切图制作网页技巧”微课视频的设计上，先用一些Html网页与网页效果图的对比来激发学生的兴趣，让学生探究PhotoShop设计好的效果图如何转化为网页。接下来，通过对比效果图、图片以及文件来引入切图的概念、原理和操作方式，直观展现本节课教学的技能要点。完毕后，展示核心技能，包括整体切图、区块切图，在微课视频的结尾，总结切图的具体过程和方法技巧，强化本课的内容和知识点。最后，给出切图任务要求。学生观看微课视频后，自己尝试动手实践并填写预习任务单，在预习任务单中，有几个问题：借助PhotoShop切图制作网页的思路是怎样的？怎么分别处理整体和局部的区块？区块的切图有几种方法？还有什么可以选择的切图技巧？请大家总结，跟随微课视频的节奏来完成预习任务。

上述微课视频展示了技能的操作演示过程，将复杂的技能操作通过录屏的形式来呈现，学生可以反复观看、学习，最后通过自行操作来掌握知识和技能。通过这类型微课的引入，让学生在观看后更加轻松地理解新知识、新技巧，基本上观看1～2次视频后，学生就能根据视频来操作，在课堂上，教师将教学重点放置在难点和核心点的讲解上即可满足要求。

2.2借助项目教学，提高学生的实践能力

项目教学也被称之为项目学习，是师生、生生通过共同完成一个完整项目而开展的一种教学活动，其目的是将理论和实践课程有机结合，挖掘学生创造潜能，提高其问题解决能力。每个项目都有清晰的项目说明，一般是以小组合作的方式来开展，由教师指导，学生自行完成。在传统的教学模式中，过于强调知识的接收和掌握，而忽视了发现和探索，不利于学生独立思考和创新能力的培养。“网页设计与制作”课程有着较强的实践性，利用项目教学可以培养学生的问题意识、生成新知识的能力和团队合作能力，既符合探究性学习的特点，又具有实用性和层次性，学生在完成任务的过程中，不仅可以掌握所学知识，还能够收获良好的品质。

项目教学首先需要精心选择项目，所选项目既要满足“网页设计与制作”课程的总体目标，也要考虑学生的学习需要和兴趣爱好，要与学生的日常经历相关。比如，“制作班级网站”“制作个人主页”等，都是适合高职大学生的项目内容，项目选定后即可制定学习计划。计划制定可由小组成员自行完成，大家分工合作，妥善安排工作计划和工作时间，下一步就是项目教学的核心步骤——活动探究，学生对于知识的掌握都是在这一环节完成。在探究中，学生利用教师提供的资源开展调查、研究、实践，不断地发现问题、分析问题、解决问题，从而构建属于自己的知识体系。在各个小组完成作品制作后，组织成果交流，小组和小组之间分享经验和体会，相互弥补不足，享受成功的喜悦，最后由教师做出整体评价。

在“班级网站的制作”项目学习中，教师先为学生展示一些优秀的班级网站，让学生结合课堂所学的知识，各小组之间商定班级网站的风格、框架、内容和结构，确定主题后，小组收集素材，各个小组分别负责班级主页、班级文学、班级新闻、班级相册、班级留言网页的设计。整个项目时间为一个月，第1周，要求各小组制定项目实施计划书，明确制作计划分工情况，小组成员根据主题来搜集素材：第2周，确定网站的色调、结构，分工制作链接页和主页，在制作过程中，小组成员不断协商讨论，达成共识；第3周为测试阶段，教师指导小组成员对有问题的页面进行修改、完善；第4周，上交作品，每个小组选派代表来展示项目。

此类项目与学生的真实生活密切贴合，在教师布置项目后，学生的积极性大幅提升，在实际制作过程中，他们也遇到了很多预想之外的问题，由小组成员协商解决，对于争议较大的问题或者通过学生自主努力无法完成的问题，再由教师予以指导。项目学习模式的应用潜移默化地改变了学生的消极等待思想，显著提高学生各项能力。从社会的发展进程来看，“网页设计与制作”课程内容也要与时俱进，在布置项目时，可以设计最新的项目任务类型，也可由学生自己来制定项目主题，相比传统的理论式教育模式，项目教学充分彰显了学生学习的主观能动性，以职业能力为中心，以就业为导向，能够让学生成为满足一线需求的应用型和技能型优质人才。

2.3融入创客理念，培育学生的创新能力

创客运动的举办对高职教育领域产生了深刻影响，为创新型人才的培育带来了全新视角，各大高校都在推行创客教育，并且组建了各自的创客社团和创客团体，而中小学也深受创客教育的影响开始推行创客教育，其教育理念是致力于培育各类创新型人才，在开放、创新、探究、体验的过程中达成育人要求。从高职“网页设计与制作”课程的教学实践来看，大多数学生参与这门课程的积极性并不高，从学生的诉求来看，多数学生希望教师给自己留出更多的操作时间以及教师能够提供一些与生活相关的案例。在“网页设计与制作”课程教学中，需要通过各种方法来增加学生的实践机会，而创客教育理念的核心就在于通过动手来培育学生的创新思维和创新能力，帮助学生摆脱课堂上的束缚，创客教育理念的融入也为高职“网页设计与制作”课程教学模式的创新提供了新的视角。

从具体操作来看，创客理念在“网页设计与制作”课程教学中的应用需要使用智慧教学管理平台，在平台中，有师生互动、课堂管理、资源管理、互动社区、在线批改、数据统计等功能。教师和学生注册账号后，教师可創建班级，邀请学生加入。在平台中，学生可第一时间接收教师发布的各种任务，在创客理念的指引下，整个“网页设计与制作”课程教学多数时间是由学生参与实践操作、动手制作，教师的讲解只占其中的一小部分。为了便于学生的操作，在平台中设置“问题解答”板块，当学生遇到问题时，可以先在“问题解答”板块中寻找答案，如果找不到适合的答案，再寻求教师的帮助，从而大大缩短学生问题解决的时间，也减轻了教师的指导负担。

在“旅游景点概况”网页设计与制作创客任务中，学生了解了网页和网站的基本知识，也熟悉了浏览器弹窗的组成，掌握了Dreamweaver工作界面，能够创建和管理本地站点。在创客教学策略的应用上，根据重难点来分配教学过程，先为学生讲解新知，让学生模仿、操作；接下来布置任务，要求学生参与实践；最后，教师提供网页主题，让学生完成创作并且分享产品。在整个创客教育中，学生有充足的练习时间，可以选择教师提供的学习资源和素材，也可以利用搜索软件来寻找资源，对资源进行整合，并在制作过程中来创新。在教学评价环节，采用学生自评、学生互评、教师评价结合的方式，按照比例得出总分，纳入平时成绩中。

2.4改革评价模式，推行过程考核

鉴于“网页设计与制作”课程的实践性较强，单一采用理论方式来考核，无法反映学生的设计能力和制作水平，在以往的考核模式中，存在学生学习了本课程还是不知道怎样设计和制作的问题。因此，在考核方式的改革上，需要以彰显学生的专业应用能力为出发点。单一的理论考核模式容易导致学生平时应付.考前突击，特别是在设计和制作网页时，部分学生会将大量的时间和精力放置在素材的搜集和图片制作上，技术缺失问题十分严重[5]。对此，需推行过程性考核、课终考核相结合的考核模式，在过程性考核上，对学生在课堂上完成的每个任务进行考核和打分，并做出全程控制，要求学生养成良好的学习习惯，过程性评价能够让学生产生压力和动力，完成每一次任务并不代表着学生在期末就能取得良好的成绩，只有认真上好每一次课、完成每个任务，才能取得理想成绩。过程性考核督促学生主动完成任务，自觉学好知识和技能，打破“一张试卷定成绩”的制度，在教学过程中，对学生实施不间断的评价，通过每一次成绩的累积得到最终评价，让学生能够清楚自己的学习进度和学习情况，便于学生合理调整学习状态，养成严谨、敬业的良好素养和品行。在课终考核上，主要考查学生对“网页设计与制作”课程基本原理的掌握和实践操作的练习情况，在考试中，也需要兼顾上述两个方面。理论考核方法还是采用以往的上机考试方式，综合利用选择题、判断题等进行考核，还可要求学生开发相关的软件，上机考试是从题库中随机抽选出题方案来组成试卷，每个学生也是随机抽取试卷。另外，可增加综合项目的实践考核，让学生以小组为单位来完成网站建设，以考查学生的合作能力。当然，上述考核是一种全新的考核模式，尤其是在过程性考核的实施过程中，必然会出现一些阻力，有的学生平时学习兴趣不高，交作业被动，那么，对于此类学生，教师就需要予以更多的关注，通过正面管教、柔性管理等方式提高学生的主动意识，增强其学习兴趣，锻炼学生的自学能力，并且活跃课堂、改善师生关系，利用“教学做一体化”的教学模式来达到预期的教学和评价效果。

3结束语

如何深化教学改革、提高学生的综合素质，是高职教育活动的研究起点，在“网页设计与制作”课程教学中，教学改革的目标就是为学生增加实践的机会，鼓励其动手操作。教师需要根据学生的兴趣爱好与能力基础来选择适合的教学方法，增加课程的趣味性，为学生提供更多的实践和操作机会，创新教学考核方式，并借助创新性、实践性的教学模式来提升教学质量。

作者简介：

陈玮（1981—），硕士，讲师，研究方向：Web前端。