一体化教学模式在网页设计及制作中的实践策略

邓婷

摘要：网页设计与制作作为一门实践性较强的学科，需要实施一体化教学模式才能够满足社会需要的高技术应用型人才。一体化教学模式就是为了培养社会需要的应用型人才而产生的一种教学方法，重点围绕陶行知先生的“教学做”开展教学，教学内容紧凑，将理论与实践紧紧结合在一起，突出了中职教育的办学特色。该文重点围绕一体化教学模式在网页设计及制作中的具体应用展开讨论，并提出建设一体化教学的实践策略。

关键词：一体化;网页设计与制作;实践;策略分析

中图分类号：G642         文献标识码：A        文章编号：1009-3044（2018）36-0163-02

我国互联网的发展空间非常大，计算机专业的学生面临的选择多，但是就业优势在不断地下降，学生普遍专业性技能较差，空有墨水，没有实操，是导致中职学生就业压力大的一项难题。网页设计与制作专业性与实践性都非常强，在竞争压力如此大的社会背景下，传统的教学方法已经不适用于现代社会的发展。将理论与实践结合在一起，提高学生的实践能力与创新能力，通过一体化的教学模式，提高学生的动手操作能力，是目前中职教学的重任。

1 中职计算机专业的教学现状

1.1 学生现状

我国的职业高中是没有考上重点高中的“差等生”，职业高中的学生普遍学习成绩较差，没有较强的学习意识，并且存在厌学心态，在初中阶段没有养成良好的学习习惯。中职学生的思维能力活跃，不墨守成规，动手能力较强，但是缺乏实践经验。

1.2 教学现状

计算机专业就是培养学生对于计算机技能与知识的掌握，但是长期以来，我国的教育模式都是以理论知识为主，让学生通过死记硬背的方式对知识进行掌握，但是这样的方法不利于学生的理解，容易让学生对学习失去兴趣。实训课是在教师的带领下进行学习，学生盲目的进行操作，没有较强的主动性，严重阻碍了学生的思维发展。没有及时更新教学观念，教师总是抱怨学生成绩太差，并不是学生的天分不够，而是学校的教育制约了学生的思维发展。中职学生对于学过的内容没有感知，上课漫无目的，没有目标，总觉得枯燥，上课开小差，影响学习等。

2 “教学做一体化”分析

“教”是教师引导学习的过程，需要教师有目地对学生进行教育，促进学生的自由发展，教是一种引导，是让学生进行自我学习的过程，以最大的程度调动学生的积极性，激发学生的学习欲望，通过教提升学生的学习能力。引导学生将目光聚集在学习中，并根据学生的特点对学生进行分组，帮助学生完成既定目标，通过项目教学的方法让学生掌握知识。将任务融入专业课程中，培养学生的职业能力，将工作任务进行分解，实现理论与实践的结合，工学结合一体化，以最大的程度接受工作的相关要求。不断完善与锻炼自己，提升自己的专业素养，满足岗位相关要求。明确任务并制定计划，对制作的任务进行检查，最后进行测评。学习实踐知识与理论知识，按照企业的标准完成项目制作，对工作任务进行总结，将专业性与一体化项目进行融合。以体验为学习基础，通过实践获得知识。让学生主动进行学习，做任务的同时通过搜集资料的方法提高自己的专业能力，及时做好记录，通过各种渠道将其应用到工作中，遇到问题及时向老师寻求帮助。

3 一体化教学模式的课程设计

3.1 构建一体化教学模式

“教学做”一体化教学就是将传统的教学模式剔除，在实训室中进行理论教学，建立起实践空间的一体化教室，让学生能够在一体化的教室环境中实现进阶，通过实训拓展学生的职业技能，拉近学生与工作的情景感受。如图1所示。

在课程教学方式上，要实现教学做一体化，需要构建以项目驱动为主的教学机制;从教学内容上，对现有的教学体系进行完善，分析企业的岗位能力，将实际工作的项目任务转换成学习领域，开发相关的课程设置，将企业的项目标准融入课程中，以达到企业实施教学的目的。从时间空间上进行分析，设计实训项目重在锻炼学生的职业岗位能力，不管是校内还是校外都是以培养学生的组织能力与综合能力为主，实现做中学的教学目标，以项目作为教学的载体，对学生进行实践教学，实现教学做合一的一体化教学;实现学校与企业的一体化教学，构建课堂环境与就业环境统一的教学模式，在老师的指导下进行项目学习，引导学生进行学习，让学生像企业员工一样完成项目的制作。制定属于课程考核的管理办法，将整个项目按照企业的规范进行考核。培养学生的企业意识，灌输企业理念，以企业的组织结构进行专业素养的培养，以专业的角度实施教学，实现教育与教学的一体化。

3.2 中职网页设计与制作项目开发

现代的职业教育中，网页设计与制作的课程更适合开展项目教学，是贯彻一体化教学的重要手段，在实际的情景中，通过小组合作的形式让学生进行自主探究，通过项目制作获取知识与经验，让学生能够更快地完成学生到员工的过渡，图2为教学项目流程图。

通过调研了解企业的发展现状，调研企业中专业技能、岗位职责等，根据相关职业标准分析人才综合职业能力并确定专业人才的发展方向;通过召开专家讨论会分析工作任务;通过学习领域让学生完成一个综合性的项目，让学生可以获得一份职业的从业能力;而情景设计主要是根据学生的职业特点将案例进行分解，将理论知识与技能联系在一起，将教学做一体化教学贯穿在网页设计与制作课程中，改变以往的教学方法，实施项目任务，提高学生整体的综合能力。

3.3 中职学生的网页制作方案设计

网页设计与制作作为中职计算机专业的主要课程，是社会发展中最热门的一门专业，目的就是让学生掌握关于网页设计的技能，为今后的网页设计奠定基础。如表1所示。

4 一体化教学模式在网页设计与制作中的实践策略

4.1 建设理论与实践相结合的一体化实训室

一体化教学模式是教师根据学生的实际情况以及专业特点制定的教学方案，让师生能够在实训课程中完成整个教学，这个过程就是一体化教学。教师讲解、演示，学生提问、操作，教师根据学生操作的实际情况调整教学内容，将这个过程反复循环，实现理论与实践相结合的教学过程。一体化教学过程最重要的一个环节就是一体化教室的建设，建设一体化教室，实现理论教学、实践、讨论的全过程，利用教学辅助设备开展一体化教学。网页设计与制作的一体化可以这样设置：配置多台电脑，电脑摆放成圆形，方便学生进行分组讨论，也便于教师讲课指导。在计算机中安装网络教学系统，教师通过控制软件将需要学习的内容导入电脑中，让每一位学生都能够清晰地看到教师讲解软件的操作方法。这种教学方式可以让学生进行实践操作，将理论穿插其中，知识与技能相结合，提高教学质量。学生在完成任务后可以通过网络的形式上传到教师端，让教师给予指导点评。教师也可以将学生優秀的作品通过投影的方式上传到其他学生的电脑中，并对表现好的同学进行表扬，指出作品的不足之处，激发学生的积极性。

4.2 开发适合学生的一体化教材

网页设计与制作的教材很多，但是符合一体化教学模式的教材却很少，学校可以开发一套适合学生特点的一体化教材，根据当前社会的发展需求以及技能需要，将理论知识点分解到相应的实训中，在实践教学中，将理论与实训过程相结合，便于学生对知识的理解。中职学校的学生普遍基础能力较差，缺乏自信，学习能力差，针对这种情况，学校的教研团队设计实训任务时难度要降低，如果太难容易打击学生的自信心，要根据学生掌握知识的情况设计任务，逐渐深入知识点，让学生体会到成功的喜悦，对学习充满信心之后才会更好地开展学习。设计任务要明确，操作步骤要清晰明了，方便学生进行查看，学生掌握基本的知识后，教师可以组织学生开展小组讨论的活动，考查学生对知识的掌握情况，锻炼学生的学习能力与组织能力。开发适合学生学习的一体化教材，设计几个典型的项目，并将项目进行分解，由浅入深，循序渐进的安排整个项目，设计时要将教学内容隐于项目中，比如让学生先认识网页设计与制作、搭建本地站点、插入超链接等，让学生通过项目学习知识，掌握网页设计与制作的具体操作方法。设计一些较为复杂的网站设计，比如网站的设计与制作、站点的管理与规划等，让学生通过设计网站了解网站的相关知识。能够熟练掌握CSS样式进行格式的设置，并能够独立完成网站的测试。教师要明确课堂的任务，让学生根据项目进行操作，并规定学生在一定的时间内完成，对学生提出的问题进行演示，让学生在完成一个项目后能够掌握知识点的运用。通过分组的形式让每一位学生都发挥出自己的特长，发挥出团队合作精神，共同完成作品的设计。

4.3  教学中采用一体化教学方法

中职教育的实践，主要以项目为主，通过项目教学法开展教学。教师先将课堂任务进行分解，将涉到的知识点进行讲解，教师演示过后，让学生进行实践，教师在旁指导，巡视的过程中将学生容易出错的问题进行记录并重点讲解，这种“做中”的学习方式能够培养学生的学习能力。还可以采取范例教学法，设置实际案例，让学生进行模仿，在模仿的过程中掌握操作技能，让学生通过案例设计出自己的作品，鼓励学生进行创新，充分利用网络搜集信息，让学生在搜集的过程中提出问题，并逐渐掌握解决问题的能力。教师实现一体化教学时，还可以通过讨论法、演示法等提高学生的学习兴趣，教师要对学习差的学生给予关心与帮助，留意这类学生是否能够完成任务，让优秀的学生在一旁指导，让每一位学生都能够按时完成任务。开展一体化教学，需要再一体化教室中进行，这种教学方式能够增加学生实践的实践，方便教师进行有针对性的指导，了解学生的学习情况，便于制定出更加有效的教学方案。一体化教学模式将学生的主体地位体现得淋漓尽致，提高了学生的积极性，让学生通过实践的方式在“做中学”，领悟知识，掌握技能，不仅提高了学生的学生的学习热情，还大大提高了教学效果，可谓是一举两得。

5 结束语

重视实践教学，是中职教育在新课改的教育背景下逐渐突出的职业教学特色，一体化教学模式对教师也提出了更高的要求，要求教师在备课的过程中要根据教学内容与学生需求设置教学目标，师生紧紧围绕教师设置的教学任务进行学习，完成学生在“做中学”的教学目标。学生只有在做的过程中才能够对知识有一个深刻的掌握，教学做一体化的教学模式重点体现出了“做”的重要性;教师在“做中教”，让教师在教的过程中能够了解学生的特点，通过实践了解学生对知识的掌握情况，然后进行有目的的教学，改变了传统“满堂灌”的教学模式。将“教学做”一体化教学模式反复进行，渗透理论，加强实践，培养学生的专业技能、提高学生的学习兴趣，丰富课堂教学环节，提高课堂教学质量。

参考文献：

[1] 施军.关于一体化教学在网页制作中的浅谈[J].课程教育研究：新教师教学，2013（35）.

[2] 李健君.PHP动态网页制作课程一体化教学模式的探索与实践[J].电脑知识与技术， 2013（32）：7262-7264.

[3] 晁静.一体化教学在《网页设计与制作》课程中的应用研究[J].教育，2016（9）：00182-00182.

[4] 马英英.“教学做”一体化的教学模式研究——以《网页设计与制作》课程为例[J].当代教育实践与教学研究，2015（8）.

[5] 李健君.《PHP动态网页制作》课程一体化教学模式的探索与实践[C].中国职协2013年度优秀科研成果获奖论文集，2013.

[6] 刘端朝.论一体化教学在《网页设计与制作》课程中的应用[J].科技致富向导，2015（3）.

[7] 朱素爱.一体化教学模式的探索与实践——电子技术应用LED专业一体化教学[J].电子制作， 2016（z1）：118-119.

[8] 郑德忠.网页设计与制作课程实践能力培养策略[J].电脑知识与技术，2017，13（5）：175-176.

[通联编辑：朱宝贵]