论文部分内容阅读
摘要：中职的网页制作课程不仅是一门综合性、实践性强的课程，还是一门需要紧跟时代的课程。随着“互联网+”热潮的来袭，IT技术产生了巨大革新，而基于互联网的革新又产生了许多新生教学方法。如何让学生在课堂学到与时俱进的知识并能有效掌握，进而顺利与社会岗位对接，成为教师努力的重要方向。本文结合近几年的教育热点，阐述了为构建网页制作有效课堂而对传统教学内容、方法进行改良的策略。
关键词：信息技术；网页制作；中职；有效课堂
[中图分类号]G712
[文献标识码]A
[文章编号]2095-2627（2017）18-092-02
中职计算机专业的网页制作课程开设已久，早在上世纪末国内互联网刚兴起的时期就有多数学校开设了这门课，它是计算机专业的核心必修课程，目的是为学生今后从事网站开发行业奠定基础。
现如今IT行业欣欣向荣，网页所涉及的技术也随之迅猛发展，各种新概念层出不穷。与此同时在各大招聘网上，需要掌握网页制作技术的“前端开发”职位已成为热门，在各大岗位排行榜上位居前列[]。然而目前中职的网页制作课堂所采用的传统教学体系在这轮更新浪潮中则显动力不足，难以培养符合企业需求的制作人员。笔者于多个学期的教学实践中，结合新知，融入新模式，从多方面对传统中职网页制作课堂進行改良以构建有效课堂，让学生能够学有所获，学以致用。
一、教学内容的定制
1.更新语言版本
当下多数中职所采用的教材仍是多年以前HTML4时代的教材，内容陈旧，无法跟上时代，学生若是照此所学，到社会岗位必定会脱节，因此在教学时选用先进的教学内容至关重要。在这几个学期的教学实践中，笔者抛弃陈旧的HTML4时代的教材，换成自己编写的基于HTML5+CS3的教材，辅以少量的JS代码，让学生体会到先进网页技术所带来的美好。
2.改良制作工具
笔者曾做过调查，绝大多数中职网页课程所采用的制作工具仍是Dreamweaver（以下简称DW）。DW在上世纪末本世纪初无疑是最优秀的网页制作工具之一，但随着技术的发展以及开发公司的变迁，这款网页制作工具逐渐变得臃肿、缓慢，功能扩展也显落伍，虽说是一个集多数功能于一身的IDE，但论便捷、扩展的性能不如一些优秀的开源多功能文本编辑器如Sublime Text、Atom、VSCode等。这些小巧的文本编辑器在代码编写方面有着比DW更胜一筹的自动完成功能，在扩展性方面也更丰富，大大提高了编写网页的效率。
3.重心从PC端到移动端转移
传统的网页教学主要是针对PC端的浏览器，网页宽度采取固定宽度，不会随页面大小而改变。而近几年随着移动互联网的发展，一个网站只提供PC端的页面已远远不够，越来越多的网站推出了手机版的网页，甚至一些网站在插入特定的CS后将一套页面变成同时匹配PC端和手机端的响应式网页。因此，手机页面的制作已成为当前网页课学生的必备技能。在这几个学期的实践中，我以手机中流行的新闻APP界面为参考，让学生仿造手机网页，在仿造的过程中学习各种布局知识、细节CS的写法。
4.引进BotStrap、JQuery的教学
计算机专业的学生普遍没接受过美学教育，审美能力一般，设计出的网页自然不好看。近几年，一些开源的CSFramework（CS开发框架）悄然兴起，其中最具代表性的便是BotStrap。BotStrap提供了许多现成的CS样式及网页组件，并提供了完整易读的文档，我们可以快速借助框架中现有的CS类和JS脚本快速搭建出一个网页，仅通过简单的调用即可做出漂亮的网页。
根据以上四点，笔者重新定制了教学内容并以此为基础编写了校本教材。对比以往，制作工具的侧重点由DW变为SublimeText；加重了CS的教学；加入了BotStrap、JQuery与手机网页教学。这些内容的改变能增加知识的新鲜度，让学生学到最新的知识。
二、教学方法的更新
当前互联网热潮的影响下，我们的教学方式在慢慢发生变化，微课、慕课、翻转课堂正是这个时代涌现的产物。我们若能合理利用这些新兴产物便能达到较之以前更为理想的教学效果，而互动式编程网站（Codecademy，极客学院、计蒜客等）的兴起，又为学生“提问——解决”的即时性提供了一种高效方案。笔者在实践探索过程中对网页课的教学方法做出了如下改进：
1.运用微课与任务文档进行课内翻转教学
微课的出现给信息技术课尤其是网页制作这些操作类的课程提供了很大的帮助，学生在观看微课过程中可以自由控制，反复观看，让知识点直观形象地展现在学生面前，降低了学习任务的完成难度，让自主权掌握在学生手里，增强了学习效果。
除了微课，任务文档也是必不可少的组成部分，它提供了本堂课的学习路线，起着课内引领的重要作用。因此，在课堂的准备阶段，教师根据教学内容、学情，精心设计本课任务，任务素材取材于业内的热点话题，充分调动学生的兴趣，让他们觉得学有所用。
2.编写代码自动评判系统
支架式教学是目前建构主义理论影响下较为成熟的教学模式之一，它以培养学生的问题解决能力和自主学习能力为目标。在“互联网+”的时代各种课程网站层出不穷，如何将支架式教学模式适当地融入到在线课程设计中成为当前教学研究的一个重要方向。
由此为启发，笔者为课程网站添加了代码评判功能：学生在编写网页时，先在网站上的“在线代码练习”处练习，输入要编写的代码，若是得到系统的“正确”提示，则可以将正确的代码放入实际项目中以达到任务要求；若是不正确，系统产生提示将学生往正确答案的方向引导，直至达标为止。由于中职很多学生的代码基础偏薄弱，学习进度较慢，针对这类的学生，系统会“不厌其烦”给出提示，当他们超时未能完成任务时，系统又会适时给出答案让这部分学生继续学习的进程。
三、考核方式的改进
早期网页制作课的考试为统一考试，学生在指定的时间内根据给定题目来完成一些上机操作题，教师最终结合学生完成的质量与数量给定等级。这样的评价由于考试时间的限制，学生未能发挥出最大所学能力。为了充分发挥他们的创造性，笔者在期末考试的基础上引入“大作业”的考核方式，即在学期结束前的两周时间让学生自由组队，多人分工合力完成一个简易网站，主题自选，设计工具自选，要求作品符合老师所布置的要求，学生除了网页课外，还可利用午休和晚自修的时间“加班加点”直至完成。在学期的最后一节课上，每个小组对自己的作品上台展示，教师根据作品质量、数量、每位学生的工作量以及答辩情况进行评分。通过让学生完成一个大型作业，不仅检验了知识点的巩固程度，还考查了实际动手能力，培养了团队协作精神。
四、结语
吐故纳新，改良后构建的有效课堂初见成效。然而笔者深知长期维持课堂的有效性并非易事，教师需在实践中不断完善方法，也需不断反思。在将来的教学实施过程中，身为一名网页制作授课教师，我们应当多开发真实网站项目，使自身保持对业界趋势的关注，对专业知识的更新，在实战中锻炼自己的同时带领学生共同进步。
参考文献：
[1]时武略.“互联网+”背景下的网页制作课程改革探索[J].无线互联科技，2016（2）：91-92.
[2]胡海兵，罗玉兰.对运用微课提升中职选修课教学有效性的思考——以《网页设计与制作》为例[J].职业教育旬刊，2015（3）：18-20.
关键词：信息技术；网页制作；中职；有效课堂
[中图分类号]G712
[文献标识码]A
[文章编号]2095-2627（2017）18-092-02
中职计算机专业的网页制作课程开设已久，早在上世纪末国内互联网刚兴起的时期就有多数学校开设了这门课，它是计算机专业的核心必修课程，目的是为学生今后从事网站开发行业奠定基础。
现如今IT行业欣欣向荣，网页所涉及的技术也随之迅猛发展，各种新概念层出不穷。与此同时在各大招聘网上，需要掌握网页制作技术的“前端开发”职位已成为热门，在各大岗位排行榜上位居前列[]。然而目前中职的网页制作课堂所采用的传统教学体系在这轮更新浪潮中则显动力不足，难以培养符合企业需求的制作人员。笔者于多个学期的教学实践中，结合新知，融入新模式，从多方面对传统中职网页制作课堂進行改良以构建有效课堂，让学生能够学有所获，学以致用。
一、教学内容的定制
1.更新语言版本
当下多数中职所采用的教材仍是多年以前HTML4时代的教材，内容陈旧，无法跟上时代，学生若是照此所学，到社会岗位必定会脱节，因此在教学时选用先进的教学内容至关重要。在这几个学期的教学实践中，笔者抛弃陈旧的HTML4时代的教材，换成自己编写的基于HTML5+CS3的教材，辅以少量的JS代码，让学生体会到先进网页技术所带来的美好。
2.改良制作工具
笔者曾做过调查，绝大多数中职网页课程所采用的制作工具仍是Dreamweaver（以下简称DW）。DW在上世纪末本世纪初无疑是最优秀的网页制作工具之一，但随着技术的发展以及开发公司的变迁，这款网页制作工具逐渐变得臃肿、缓慢，功能扩展也显落伍，虽说是一个集多数功能于一身的IDE，但论便捷、扩展的性能不如一些优秀的开源多功能文本编辑器如Sublime Text、Atom、VSCode等。这些小巧的文本编辑器在代码编写方面有着比DW更胜一筹的自动完成功能，在扩展性方面也更丰富，大大提高了编写网页的效率。
3.重心从PC端到移动端转移
传统的网页教学主要是针对PC端的浏览器，网页宽度采取固定宽度，不会随页面大小而改变。而近几年随着移动互联网的发展，一个网站只提供PC端的页面已远远不够，越来越多的网站推出了手机版的网页，甚至一些网站在插入特定的CS后将一套页面变成同时匹配PC端和手机端的响应式网页。因此，手机页面的制作已成为当前网页课学生的必备技能。在这几个学期的实践中，我以手机中流行的新闻APP界面为参考，让学生仿造手机网页，在仿造的过程中学习各种布局知识、细节CS的写法。
4.引进BotStrap、JQuery的教学
计算机专业的学生普遍没接受过美学教育，审美能力一般，设计出的网页自然不好看。近几年，一些开源的CSFramework（CS开发框架）悄然兴起，其中最具代表性的便是BotStrap。BotStrap提供了许多现成的CS样式及网页组件，并提供了完整易读的文档，我们可以快速借助框架中现有的CS类和JS脚本快速搭建出一个网页，仅通过简单的调用即可做出漂亮的网页。
根据以上四点，笔者重新定制了教学内容并以此为基础编写了校本教材。对比以往，制作工具的侧重点由DW变为SublimeText；加重了CS的教学；加入了BotStrap、JQuery与手机网页教学。这些内容的改变能增加知识的新鲜度，让学生学到最新的知识。
二、教学方法的更新
当前互联网热潮的影响下，我们的教学方式在慢慢发生变化，微课、慕课、翻转课堂正是这个时代涌现的产物。我们若能合理利用这些新兴产物便能达到较之以前更为理想的教学效果，而互动式编程网站（Codecademy，极客学院、计蒜客等）的兴起，又为学生“提问——解决”的即时性提供了一种高效方案。笔者在实践探索过程中对网页课的教学方法做出了如下改进：
1.运用微课与任务文档进行课内翻转教学
微课的出现给信息技术课尤其是网页制作这些操作类的课程提供了很大的帮助，学生在观看微课过程中可以自由控制，反复观看，让知识点直观形象地展现在学生面前，降低了学习任务的完成难度，让自主权掌握在学生手里，增强了学习效果。
除了微课，任务文档也是必不可少的组成部分，它提供了本堂课的学习路线，起着课内引领的重要作用。因此，在课堂的准备阶段，教师根据教学内容、学情，精心设计本课任务，任务素材取材于业内的热点话题，充分调动学生的兴趣，让他们觉得学有所用。
2.编写代码自动评判系统
支架式教学是目前建构主义理论影响下较为成熟的教学模式之一，它以培养学生的问题解决能力和自主学习能力为目标。在“互联网+”的时代各种课程网站层出不穷，如何将支架式教学模式适当地融入到在线课程设计中成为当前教学研究的一个重要方向。
由此为启发，笔者为课程网站添加了代码评判功能：学生在编写网页时，先在网站上的“在线代码练习”处练习，输入要编写的代码，若是得到系统的“正确”提示，则可以将正确的代码放入实际项目中以达到任务要求；若是不正确，系统产生提示将学生往正确答案的方向引导，直至达标为止。由于中职很多学生的代码基础偏薄弱，学习进度较慢，针对这类的学生，系统会“不厌其烦”给出提示，当他们超时未能完成任务时，系统又会适时给出答案让这部分学生继续学习的进程。
三、考核方式的改进
早期网页制作课的考试为统一考试，学生在指定的时间内根据给定题目来完成一些上机操作题，教师最终结合学生完成的质量与数量给定等级。这样的评价由于考试时间的限制，学生未能发挥出最大所学能力。为了充分发挥他们的创造性，笔者在期末考试的基础上引入“大作业”的考核方式，即在学期结束前的两周时间让学生自由组队，多人分工合力完成一个简易网站，主题自选，设计工具自选，要求作品符合老师所布置的要求，学生除了网页课外，还可利用午休和晚自修的时间“加班加点”直至完成。在学期的最后一节课上，每个小组对自己的作品上台展示，教师根据作品质量、数量、每位学生的工作量以及答辩情况进行评分。通过让学生完成一个大型作业，不仅检验了知识点的巩固程度，还考查了实际动手能力，培养了团队协作精神。
四、结语
吐故纳新，改良后构建的有效课堂初见成效。然而笔者深知长期维持课堂的有效性并非易事，教师需在实践中不断完善方法，也需不断反思。在将来的教学实施过程中，身为一名网页制作授课教师，我们应当多开发真实网站项目，使自身保持对业界趋势的关注，对专业知识的更新，在实战中锻炼自己的同时带领学生共同进步。
参考文献：
[1]时武略.“互联网+”背景下的网页制作课程改革探索[J].无线互联科技，2016（2）：91-92.
[2]胡海兵，罗玉兰.对运用微课提升中职选修课教学有效性的思考——以《网页设计与制作》为例[J].职业教育旬刊，2015（3）：18-20.