中职《网页设计与制作》课程教学的思考和实践(陈树胜)

学员编号：中等职业学校专业骨干教师（国家级）培训论文中职《网页设计与制作》课程教学的思考和实践培训专业网站建设与管理学员姓名陈树胜指导教师完成日期2013-6中国陕西杨凌1中职《网页设计与制作》课程教学的思考和实践陈树胜安徽机电工程学校（安徽凤阳233100）摘要：本文分析了当前中职学校《网页设计与制作》课程教学存在的问题和原因，结合笔者的教学实践，从学生、课程内容、教材、教学环节实施四个方面，总结了改进课程教学效果的一些做法，与各位同行交流。关键词：《网页设计与制作》课程；教学效果；实践引言随着计算机网络和信息技术的发展，Internet在几乎所有领域正扮演着越来越重要的角色，飞速地改变着人们的生活和工作方式，各级各类组织，包括很多个人，都建立了各具特色的网站，用以进行信息的获取、发布、交流以及事务往来。为适应这种发展形势，很多开设计算机相关专业的职业院校都开设了《网页设计与制作》课程，以满足信息化社会的就业市场对计算机类应用型人才的技能要求。笔者在一所中职学校担任这门课程的教学工作。作为一门实践性、应用性较强的课程，入门要求也不高，本应产生良好的教学效果，然而相关的文献资料和自己的教学实践却都表明，本门课程的教学有效性非常不高，少部分学生学完课程后，能进行简单的静态网页模仿制作，但对网页布局、色彩搭配、网页设计和制作流程等方面缺乏总体认识和宏观把握，大部分学生连最基本的操作技能都未能掌握，更遑论综合利用所学知识和技能去进行实际项目的设计、制作和管理，根本不能胜任本课程的相关职业岗位工作。这种严重低下的教学效果，笔者认为主要是由以下几个方面的原因造成。1．存在问题及原因分析1．1学生方面众所周知，随着高校和高中扩招，留给中职学校的生源不仅数量锐减，而且素质也在急剧下降。尽管我们说他们是应试教育的失败者，但职业学校的技能教育似乎对他们也没有什么吸引力。他们中的大部分没有养成良好的学习习惯，没有形成适合自己的学习方法（当然，也正因此使他们在中考中败下阵来），部分学生更是缺乏基本的价值认同和是非观念，没有良好的行为习惯。很多学生缺乏对知识获取和技能习得重要性的认识，不考虑竞争激烈的就业形势及职业生涯规划。没有目标自然也就没有学习的动力和2兴趣，于是，部分学生几乎对所有开设的课程都不愿意学，上课和实习时都是“低头一族”，在自己的手机上沉迷于网络和游戏的虚幻世界。还有部分学生限于基础太差，开始还能按照老师的要求听讲、练习，愿意去学，但随着内容难度的增大，由于学习能力欠缺，渐渐失去了信心，不再继续深入，最终没有太大的收获。1．2教材方面目前中职教材种类繁多，良莠不齐，尽管很多也是省级或部级规划教材，但不论是内容还是呈现方式上都大同小异，大部分教材没有摆脱传统学科型模式的体系结构，都是从基本理论、概念、菜单等开始，逐项介绍，辅以少量的实例说明，先点后面，最后才是一个相对完整的案例或项目，让学生在学完全部内容后才从整体着眼，动手完成一个实训项目。这种方式，老师授课可以按部就班，条理性较强，可对于学生来说，却迟迟不能建立总体构架，教学过程中学到的一点实例支离破碎，而且很多教材还没有配备相应的练习素材，教材中的实例操作步骤不明确，加上学生缺乏自学的主动性，不会搜集替代素材，给课堂练习和课后巩固增加了难度，实习效果很差，1．3授课方法时下中职学校的办学条件都得到较大的改善，多媒体教室、实训室的软硬件都能满足课程的理论和实践教学要求。《网页设计与制作》课程实践性、操作性、应用性较强，最常见的授课方式是，老师先讲解，示范操作，然后布置实习任务，让学生再练习、验证。这种方式的弊端是，由于上课和实习的时间间隔（一般是2至3天），加上学生不善于做笔记，刚上完课还能记得一点，等到自己上机操作时，已经忘得差不多了，当学生遇到操作问题时，老师只能单个辅导，两堂课下来，整个班级实训效果不好。尽管以上所述的主客观因素，使本门课程的教学没有取得良好的效果，达到应有的目的，但作为学校的管理者和授课教师都不能任此情况继续下去，总得想方设法使之得到最大程度的改善。通过同行交流、研讨，查阅相关研究文献，结合自己多年的教学实际，笔者认为可从以下几个方面进行，提高本门课的教学效果。2．提高课程教学效果的探索和实践2．1做好学习动员课程教学能否达到预期的效果，仅靠教师一厢情愿的教是远远不够的，最关键还是学生的学。为此，教师在第一次上课时，不能按常规方式进行，从介绍课程概况、学习要求、强调纪律等开始，可以考虑从以下两个方面做些工作。2．1．1树立信心，增强学习动力中职生是应试教育的失败者，正是因为在初中阶段没有打下必备的基础，没有形成3良好的学习习惯和有效的学习方法，学习能力不强，缺乏学习的兴趣和信心。为此，教师首先要让学生树立信心，针对课程特点，告诉学生，本门课程不是一门纯理论课，也不需要深奥的理论支撑，是一门操作性、实践性极强的课程，只要愿意去学，强化操作，肯定能学有所得。其次，教师应该帮助学生分析毕业后的就业形势，使他们意识到中职生毕业后的初期岗位主要是生产、劳动、服务一线的技术工人，必须在技能上有一技之长，使他们认识到知识和技能是未来的立业之本，以增强其学习动力。2．1．2指导学习方法中职生普遍缺乏正确的学习方法，必要的知识点不去记忆，对老师的演示操作步骤不作笔记，课后又没有习惯去归纳整理，上课时虽然能基本看懂、记得，等到自己操作时操作步骤已忘得所剩无几。就本门课而言，笔者以为，可以对以下三点提出要求，对学生的学习方法予以指导。一是上课一定要做笔记，重点是记录教师重要的演示操作步骤，这样既可以保证上课集中注意力认真听讲，也可以为课后的复习整理留下资料，为自己上机提供参考；二是上机操作时，认真填写实习报告，记录自己的操作步骤和操作要点，特别是遇到问题时的解决方法；三是要求他们平时要注意阅读本门课程的相关书籍、杂志，增加相关知识储备，不断加深对知识点的理解，理论和实践逐渐融为一体，形成自己的知识和技能体系。2．2课程内容的取舍和编排课程内容取舍的主要依据是未来的职业岗位能力需求，以及由此所决定的教学目标。相关研究认为，与本课程相关的职业岗位主要有“网页设计与制作”、“网站管理”、“网页编辑”，相应的职业能力主要有：网站策划能力、网页界面设计能力、网页布局与编辑能力、前后台代码融合能力和项目开发能力。①考虑到中职生的基础和学习能力，本着“够用”、“实用”、“适用”的原则，本课程主要使学生了解网页设计、制作的基础知识和基本流程，能熟练使用Dreamweaver完成前台网页界面设计、制作和编辑，以及简单的HTML、CSS+DIV、JS代码编写，进行个人网站和中小型网站的规划、建设、制作与维护。由于网页制作还涉及到美术、色彩搭配和图形图像处理，本课程的前导课程主要有《美术基础》、《Flash》、《Fireworks》、《Photoshop》等。至于很多教材中的动态网页设计部分，由于涉及后台数据库管理和网络编程，学习难度较大，可考虑作为后续课程，供学有余力的学生选修。课程内容框架选定以后，还需以合理的方式进行编排。传统课程内容编排的顺序基本上是，网络与网页基础知识——Dreamweaver环境、菜单、工具介绍——插入网页元素（文字、图片、动画、声音、超链接、表单等）及格式设置——表格布局——HTML、CSS——框架——模板——网站规划，网站测试、发布、维护——动态网页设计。这种①吴俊荣.中职网页设计与制作项目主题式课程教学组织的构建[J].科教文汇.2011,12：714顺序从小到大，由点到面，不利于形成全局观念和整体构架。实际上，本门课程内容前后依承的关系并不是很紧密，完全可以采用先整体后局部的方式重新组织。先规划，后布局，再向相应区域插入所需元素，最后设置元素属性，形成网页总体样式。两种内容的编排可在下表中作一对比：传统内容编排优化后的内容编排网络与网页基础知识网页赏析，初识网页布局、网页元素Dreamweaver环境、菜单、工具介绍网站规划、网页风格、网页设计流程插入网页元素及格式设置表格布局（配合文本、图像）表格布局插入网页元素、格式设置HTML、CSSHTML、CSS+Div框架框架模板模板网站规划，网站测试、发布、维护动态网页设计（以简单动态特效为主）动态网页设计个人或小型网站创意、制作优化后的内容编排，从大到小，从静态到动态，先易后难，利于学生对网页设计与制作工作流程的整体把握，逐步提高网页设计与制作能力。2．3选取适合的教材现在对中职课程及教学的研究较多，比较有代表性的如行动课程开发、项目式教学、任务驱动式教学、案例式教学等，与之相对应的教材也多如牛毛。前已述及，这其中的大部分教材的实质性内容不多，实例不完整，操作性不强，且配套资源不足，不利于学生的自学和实习参考。对此，可采取两种方式解决。一是自编讲义和实习指导书，这要求教师要付出大量的精力，搜集资料和素材，从长远看，可纳入各学校的校本课程开发。另一种就是选择适合的成品教材。笔者现在使用的高等教育出版社的《DreamweaverCS3网页制作案例应用》（蔡薇主编）一书，感觉比较适合中职生使用。全书包含16个项目，每个项目包含一至若干个示例网页，基本涵盖如上所述的课程内容，且配备了课程案例和实训所需要的全部素材。本书对每个项目的完成过程都遵循“项目分析——任务分解——操作步骤”的逻辑，在项目完成后再辅以必要的理论知识点补充。这其中的一大优点是项目完成的操作步骤非常详细，且以菜单方式为主，基本不需要编写代码，并配备关键步骤的截图，学生只要按照操作步骤逐步进行，最后基本上就可以完成项目，完成示例网页的制作。本人的教学实践证明，使用本教材，大部分学生可完成前11个项目。2．4教学环节实施关于中职课堂教学方式的采用，很多研究者都有自己的见解，本文不再赘述。这里只结合教学实践，谈谈自己在教学方式和教学环节实施上的具体做法。由于采用的上述教材适合学生自己操作，笔者没有按常规方式进行，先讲解、示范，5再让学生练习，而是把任务交给学生，先实习，再讲解。对每一个项目，先让学生上机，按教材提供的操作步骤自己做，帮助他们解决操作中的问题，要求学生简明扼要地记录项目完成的过程和关键步骤的处理，填写实习报告。学生上机操作有了初步的体验后，笔者再进行讲授。首先是点评、总结实习课的情况，然后大处着眼，小处着手，带领学生分析项目任务，穿插讲解相关理论知识点，接着给学生再次按教材步骤示范操作，着重示范重点和难点步骤，部分简单操作由学生完成，与学生一起再次完成项目。由于学生已经先行做过，能有针对性地带着问题参与到讲解中，目的明确，即起到了解决问题的作用，又能让学生复习、回忆，印象深刻，对知识点有了感性认识的基础，从而从理论和实践两个方面加深了对相关内容的理解，技能的获得也得到了巩固，增强了进一步学习的信心。对内容较多、第一次没有完成的项目，要求学生在下一次的实习课上继续完成，解决上一次的问题，熟练已掌握的操作，根据情况决定是强化旧项目还是开始新项目。由于教材难易适中，配套资源齐全，操作步骤详细，网页中的动态效果采用的也主要是菜单操作，只有少量的代码编写，前11个项目大部分学生都能完成，基本掌握了前台网页的设计流程和制作、编辑技巧，教学效果得到了改善。结束语以上根据笔者的教学实践，谈了自己对《网页设计与制作》课程的内容取舍、安排，以及教学方式的改变和教学环节的实施情况。在教学过程中，笔者发现还有两个方面的内容对学生是个问题。一是网页制作所涉及的HTML和CSS代码。由于中职生英语基础普遍太差，对代码的记忆和理解难度大，而有些操作却非得编写必要的代码，如DIV+CSS布局、样式设置和一些网页特效、功能的实现，这使得他们对这部分内容的掌握不尽如人意。二是动态网页设计，尤其是后台数据库管理和网络编程部分，前面已说过原因，学生也不易掌握。笔者认为，这部分内容省略也罢，目前的中职生通过一学期的学习，能基本胜任前台页面的设计制作，进行简单的代码融合，制作出常见的网页特效和功能，应该也算是不错的教学效果了。参考文献：[1]蔡薇.DreamweaverCS3网