以市场需求为导向的网页制作课程教学改革
来源:用户上传
作者:吴魁
[摘 要] 分析市场人才需求，针对中职学生的知识结构、学习能力等特点引入项目实例，以基础知识为中心规范网页开发等手段优化课程内容;以市场需求为导向来开展网页制作课程教学，使学生更真实地接触到项目应用，从而实现人才培养与市场需求的接轨。
[关 键 词] 市場需求;网页制作课程;教学改革
[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2019）28-0232-02
职业学校的课程改革应当适应社会发展和市场需求变化，构建职业教育特色的课程体系以适应市场的需求。网页制作课程是计算机网络专业、计算机应用专业以及电子商务专业的主干课程，是一门应用性、实用性、综合性很强的课程。科学合理地设置网页制作课程教学，不仅要求理论基础知识详细、准确，还要求实践课程有针对性，全面有效地进行课程改革，可以将职业技术学校的定位做到更专业、更实用。
一、了解学生特征，改进教学方法
中职学生由于初中阶段的文化基础差，造成其问题分析能力以及逻辑推理能力较为薄弱，随着中职教育专业课程不断增多，教学内容也越来越抽象，学生对教学内容的理解显得越来越困难，导致学习中遇到的疑问也越积越多，学习兴趣逐渐减弱。另外，中职学生在学习时间分配上的不合理，学习主动性和自觉性缺乏，这些因素都直接导致有相当多的学生未能掌握正确的学习方法。
通过以上分析，我认为造成学生无心向学的根本原因在于学生没有明确的学习目标，即使其非常努力，但收效甚微。所以，要改变学生的现状，就要在职业教学中改变教学方法，从创造激情的学习情景入手，有针对性地诱导和启发学生，实施因材施教，不断提高学生的学习积极性和自信心，让学生在项目实践中学习、在项目实践中进步。在创设学习情景方面可以展示优秀的大学网站作品，吸引学生，对大学学习、生活有初步的了解;介绍当前主流的ThinkPHP网站框架;在教学过程中如发现确实有些不适合学生的编程，可以安排学生去完成UI界面制作，教师针对学生的能力分配到不同的模拟岗位，有助于学生相互搭配组队、合作学习共同完成教学任务。
二、分析人才需求，明确教学目标
互联网的快速发展使企业更加注重企业网站的良好界面、客户体验和页面交互。而且，随着网站开发需求越来越大，市场上也急需大量的网页设计制作人才。根据人才招聘网对Web前端工程师的招聘需求分析，软件开发公司对网页设计人才能力的要求如下：
1.熟练掌握JavaScript、CSS3、HTML5、JQuery、JSON等前端相关技术;
2.掌握Angular/Vue等前端开发框架，有小程序或Vue项目实践经验的优先考虑;
3.掌握主流前端框架的原理和思想，可以持续改进完善业务框架;
4.逻辑清晰，工作勤奋，注重细节，积极主动，热爱学习，对新技术感兴趣;
5.具有良好的沟通能力和团队合作意识，能承受一定的工作压力。
课程改革要“以职业岗位工作过程为导向”理念来构建课程的知识结构，根据Web前端岗位能力需求，结合网页制作课程教学大纲，教学内容要根据岗位需求变化，从学生的认知普遍规律和教学实际情况进行精简、整合。在网页制作课程教学中学生能力培养方面，能利用HTML编程进行构建网页，注重培养学生熟练使用CSS样式设计网站风格，能应用简单的JavaScript脚本进行网页特效设计;根据特定的需求进行网站规划、制作以及维护和更新等管理操作。在社会能力培养方面，要培养学生良好的团队协作能力，让其具有严谨的工作作风和良好的职业素养。
三、紧跟就业导向，设计课程内容
在网页制作课程教学过程中，需要把技能训练和职业素质培养有机地结合起来[1]，使教学内容紧追网站开发最新的发展和应用，着重考虑学生毕业后的工作岗位需求，要不断强化学生专业技能、职业能力和综合素质的全面培养。
（一）以项目实例为情景
在教学活动引入真实的项目实例，使教学情景更接近市场需求，这有利于进一步缩短和简化从学生到职业角色的跨越和转变过程。[2]在选取代表性的项目实例作为教学内容时，结合网页制作课程的教学大纲对项目进行分解，分解后的任务需承载学生必须具备的素质和必须掌握的知识、技能，要分析项目的复杂性，关注工作流程和在工作流程中使用的工具、技能、技巧和要求等。项目实例的选取应符合以下5方面的要求：（1）满足网页制作所需的基础知识;（2）项目实例要紧跟主流应用技术，满足行业发展需要;（3）满足网站制作工作流程，逐步提高技能培养;（4）项目实例应具有代表性、可行性、实用性;（5）难度适中，适合中职学生掌握。[3]
在教学过程中，以项目开发实例作为整个课程的教学任务，把所学的知识综合运用到给定的项目开发中。就网页制作课程而言，项目实例可以是企业宣传网站，可以是和学生密切联系的学生学籍管理系统，也可以是学生熟悉的其他项目，根据项目总结出课程基本信息、教学目标、课程对应的专业岗位、工作流程、项目情境设计、教学评价等，实现教学与市场需求的无缝对接，更好地贯彻职业教育“工学结合、校企合作”的方针路线。
（二）以基础知识为中心 网页制作课程的知识是循序渐进的，知识点从基础逐渐延伸到教学难点。其中，基础知识尤为重要，它是课程目标延伸的基石。学习网页制作基础知识需要掌握HTML、CSS、JavaScript语言。HTML是网页内容的载体，网页内容主要由文本、图片、表格、表单、音频、视频等基本元素组成。网页是由基本元素所对应的HTML标记和对网页风格起控制作用的CSS样式表编写而成。CSS样式是表现，如字体、颜色、背景图片、边框等，所有这些用来改变内容外观的通称之为表现。JavaScript是用来实现网页动画特效效果，如弹出提示窗口、鼠标经过表格时改变鼠标所在行的背景颜色，这使网页绚丽夺目。HTML是网页制作的基础，在美化网页的过程中需要学生有一定的审美能力，CSS样式可以方便、快捷地控制网页的总体风格。
在网页制作课程的教学内容安排上，在项目实例的选择上选取短小精悍的项目实例，这些实例既运用了网页基础知识，又容易让学生完成，很好地激发学生对学习网页制作的兴趣，从而形成学生学习的良性循环。市场越来越关注“DIV+CSS”的标准化设计，它可以有效地对网页的布局、字体、颜色、背景和其他效果实现更加精确地控制页面布局和风格，使网页更加赏心悦目。由于CSS样式非常容易编写，结构清晰，学生容易掌握;只要修改CSS样式文件中相应的属性，整个站点的所有页面都会随之发生变化。在网页制作课程教学中，网页的风格和布局贯穿于HTML中的文本、图片、表格、表单、音频、视频、超链接等元素的运用，掌握元素标签的各属性能更好地实现网页的整体布局和网页风格的美化。在网页制作课程教学过程中，逐渐让学生自主地设计、制作一个较大型的综合各方面知识的项目实例，激发学生的创造力。
（三）以专业设计为原则
职业教育要做到教学过程与市场职业情景相衔接，必须要了解和掌握网站的实际开发流程，涉及不同的工作岗位。项目经理负责与客户沟通制作意向、洽谈设计细节、制作网站规划方案，前端设计师负责设计网站首页、网站主题、网站整体设计，软件设计师负责页面脚本编程。在网页制作课程教学过程中，尽可能地让学生感受到市场职业情景，把学生分成几个团队，学生在团队中分工合作、担任不同的工作岗位、扮演不同的设计师角色，从而完成团队设计方案，这样不仅符合网页制作市场职业情景，而且可以提高学生的沟通和团队合作能力，培养出市场需求的人才。
在网页制作课程教学过程中，用设计规范来引领教学，以专业设计的角度去制作网页。设计规范就是所有页面中具有相同参数的元素固定成统一标准，这样的网页代码可读性高可提高团队的协作能力、提高代码的重复利用率，为后期维护提供更好的支持。例如，字体的大小、图片的尺寸、按钮的样式等网页元素的运用，设计规范主要是节省设计师的思考时间，也可以保证同一个项目中不同设计师都能输出一样的网页风格，缩短开发周期。网页专业设计原则主要有以下几点。
1.基于网格的网页布局。网页内容改版方便，只需要更改CSS样式文件的内容;页面加载速度快、结构清晰、页面显示简洁，从而令网站设计更加美观。
2.在CSS书写规范上，根据网页风格和布局的相似程度，网页设计师实现网页的内部结构、表现和行为（HTML是内容，CSS是表现，JavaScript是行为）;在CSS样式名称命名上要统一，如网页的导航部分用“nav”命名，网页的左边区域用“left”命名等。
3.优化图片加载，提高用户体验。网页大量使用图片元素，在图片处理细节上，图片经过优化可以加快下载速度，产生较佳的视觉空间效果，并且图片要与页面主题风格、页面内容相符。图片加载分为图片懒加载和图片预加载，在页面的未可视区域添加一个滚动时间，判断图片位置与浏览器顶端的距离和页面顶端的距离来判断，如果图片到达了可视区域，则加载图片;如果图片是以幻灯片、相册等形式显示网页内容，可以使用图片预加载技术，将当前展示的图片的前一张和后一张优先加载。
4.在网页加载时间上，使页面加载时间更加活跃的提示，包括简化图片尺寸（大小和尺寸），将代码整合到基本的CSS或JavaScript文档中，使CSS样式文件、JavaScript腳本文件变小，缩短下载时间。
5.关注点分离。网页中的关注点包括内容（HTML）、表现（CSS）和行为（JavaScript）。为了使它们成为可维护的干净整洁代码，严格地保证内容、表现、行为三者分离，并使三者之间没有太多的交互和联系。尽量在文档和模板中只包含结构性的HTML;而将所有表现代码，移入CSS样式表中;将所有动作行为，移入JavaScript脚本中。在此之外，为使得它们之间的联系尽可能的小，在HTML中也尽量少引入样式和脚本文件。
6.浏览器的兼容性。由于市场上浏览器种类众多，不同浏览器之间的内核不一致，从而导致各种浏览器对网页的解析产生差异。我们的网页要在主流浏览器上正常运行，就需要做好浏览器的兼容。
基于市场需求的网页制作课程教学改革是为了满足职业岗位任职要求的基本能力，针对中职学生的能力水平和学习特点，培养学生设计网页的能力，并且课程定位要明确与相关岗位技能全面接轨，培养重基础、强技能的适用性人才。
参考文献：
[1]果微.与市场需求结合的网站技术课程体系的建设[J].中国校外教育，2013（6）：163.
[2]毛新勇，刘红奇，熊良山.课程、企业项目一体化的综合实践教学模式探索[J].教育教学论坛，2017（6）：26-27.
[3]张雪.工作过程为导向的“动态网站建设”课程开发[J].计算机教育，2016（9）：153-156.
◎编辑 赵瑞峰
转载注明来源:https://www.xzbu.com/1/view-15085018.htm
