中职《网页设计与制作》课程教学的思考和实践(陈树胜)
- 格式：doc
- 大小：183.50 KB
- 文档页数：7
学员编号： 中等职业学校专业骨干教师（国家级）培训论文 中职《网页设计与制作》课程教学的 思考和实践
培训专业 网站建设与管理 学员姓名 陈 树 胜 指导教师 完成日期 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：71 4
顺序从小到大，由点到面，不利于形成全局观念和整体构架。 实际上，本门课程内容前后依承的关系并不是很紧密，完全可以采用先整体后局部的方式重新组织。先规划，后布局，再向相应区域插入所需元素，最后设置元素属性，形成网页总体样式。两种内容的编排可在下表中作一对比： 传统内容编排 优化后的内容编排 网络与网页基础知识 网页赏析，初识网页布局、网页元素 Dreamweaver环境、菜单、工具介绍 网站规划、网页风格、网页设计流程 插入网页元素及格式设置 表格布局（配合文本、图像） 表格布局 插入网页元素、格式设置 HTML、CSS HTML、CSS+Div 框架 框架 模板 模板 网站规划，网站测试、发布、维护 动态网页设计（以简单动态特效为主） 动态网页设计 个人或小型网站创意、制作 优化后的内容编排，从大到小，从静态到动态，先易后难，利于学生对网页设计与制作工作流程的整体把握，逐步提高网页设计与制作能力。
2．3 选取适合的教材 现在对中职课程及教学的研究较多，比较有代表性的如行动课程开发、项目式教学、任务驱动式教学、案例式教学等，与之相对应的教材也多如牛毛。前已述及，这其中的大部分教材的实质性内容不多，实例不完整，操作性不强，且配套资源不足，不利于学生的自学和实习参考。对此，可采取两种方式解决。一是自编讲义和实习指导书，这要求教师要付出大量的精力，搜集资料和素材，从长远看，可纳入各学校的校本课程开发。另一种就是选择适合的成品教材。笔者现在使用的高等教育出版社的《Dreamweaver CS3网页制作案例应用》（蔡薇主编）一书，感觉比较适合中职生使用。全书包含16个项目，每个项目包含一至若干个示例网页，基本涵盖如上所述的课程内容，且配备了课程案例和实训所需要的全部素材。本书对每个项目的完成过程都遵循“项目分析——任务分解——操作步骤”的逻辑，在项目完成后再辅以必要的理论知识点补充。这其中的一大优点是项目完成的操作步骤非常详细，且以菜单方式为主，基本不需要编写代码，并配备关键步骤的截图，学生只要按照操作步骤逐步进行，最后基本上就可以完成项目，完成示例网页的制作。本人的教学实践证明，使用本教材，大部分学生可完成前11个项目。
2．4 教学环节实施 关于中职课堂教学方式的采用，很多研究者都有自己的见解，本文不再赘述。这里只结合教学实践，谈谈自己在教学方式和教学环节实施上的具体做法。 由于采用的上述教材适合学生自己操作，笔者没有按常规方式进行，先讲解、示范，
