网页设计与制作教学方法

导语：网页设计与制作教学方法一文来源于网友上传，不代表本站观点，若需要原创文章可咨询客服老师，欢迎参考。

摘要:《网页设计与制作》课程是一门高职院校计算机应用技术专业的一门专业必修课。本文先从教师和学生方面分析了现代教育模式下的高职课堂教学存在的问题，再从问题着手提出利于该课程教学的教学方法和教学策略。

关键词:教学方法;教学模式;教学策略;案例

《网页设计与制作》课程是一门集理论、设计和实践于一体的、计算机应用技术专业的专业课程，在工具的使用和内容的设计上都更具有专业性。为了使学生掌握更扎实的基础知识和技能，教师在教学方法的选择上和教学策略的使用上就更具有挑战性。

一、现代教育模式下，课程教学存在的问题

教师要有针对性的开展教育教学活动，就需要对教学中存在的问题进行详细的分析。具体分析如下:(一)学生缺乏学习兴趣高职教育机制的改革和高职招生规模的不断扩大，使得高职学生的整体学习能力较弱，加之智能手机和网络技术的不断发展，学生对手机的依赖不分场合、地点和时间，教学质量不断下降。在学习过程中，学生对计算机课程的不熟悉，又要学习繁多的、操作方法复杂的软件，逐渐对学习失去了兴趣，最终形成一种不思学习的恶性循环。(二)部分教师教学方法陈旧教育教学技术不断发展和提高，形成了多种教学模式和方法。部分教师因自身能力的限制，仍然采用老旧的教学方式和教学策略进行教学，教学水平不高，教学质量难以提高。所以，教师要不断学习新的教学技术，尝试新的教学方式，以最大化实现教学质量的不断提高。

二、《网页设计与制作》课程教学方法

(一)模仿例题教学法。学生在开始学习《网页设计与制作》课程时，因为对HTML文档格式记不清楚，对专业的设计软件使用很陌生，教师可以要求学生在学习完一两个例题后，照着输入代码，并且写上代码注释内容。这样，经过一两周的强化训练，学生对代码的书写已经有了很深刻的理解，在以后的网页设计代码的书写上就不会有问题了。(二)案例教学法。《网页设计与制作》是一门操作性特强的课程，在教学中要尽力避免“填鸭式”教学。教学可以通过一些具有代表意义的例题来讲解知识点。例如，在讲CSS控制文本样式时，可以先给学生展示案例效果，再分析案例中文本的效果有哪些，这些效果用已学过的知识怎么实现，有没有更好的方法也可以实现，如果不能实现，教师可以通过操作告诉学生具体的实现方法，最后讲解实现方法中属性以及属性值的使用方法。(三)诱导式教学法。诱导式教学法是选择学生比较感兴趣的案例或项目，提升学生的关注度，逐步提高学习进程，激发学生学习兴趣的教学方法。例如，在讲z-index层叠等级属性时，教师可以事先做好几张扑克牌背景的div层叠效果，让学生分析怎样实现。学生可以通过绝对定位的方法实现层叠效果，却没办法实现最后实现的div在最底层显示、最先实现的div在最上层显示的效果，此时教师告诉学生可以用z-index属性实现，并且在讲解了z-index的使用方法后，学生恍然大悟，很快实现了最终的层叠效果。(四)任务驱动教学法。为了激发学生的学习兴趣和团队合作意识，教师可以在开学初随机将每个班的学生按照五人一组的方式分组，要求每组选出一个负责并具有领导能力的同学做小组长，负责带领全组同学完成一份课外作品。小组中每个组员都要分配相应的工作安排，并且要具体到人。课外作品的主题由各自小组确定，资料的收集和筛选、网页结构的设计、颜色的搭配、网页效果的实现，一直到最后测试成功，每一步都要分配到人，小组长做好记录，教师随时检查作品进度。作品完成后，小组内部自评，再在班级里互评，教师点评，最后把各班中的优秀作品拿出来展示，教师给出最后成绩作为学生的平时成绩。这样激发了学生的学习兴趣，也让那些不爱学习和不愿意学习的学生动了起来。(五)项目教学法。项目教学法通常在学生有了一定的知识积累后进行。在教学中，教师要提前准备好项目的运行效果截图;课堂上学生以小组为单位，在小组长的带领下分析项目，给出该项目的结构，每个结构的CSS样式等信息;在全班共享分析结果并展开讨论;教师根据学生的讨论给出最终分析结果;学生在项目实现中，若有问题可以向周围同学、小组同学或小组长寻求帮助，也可以共同解决问题，小组不能解决的问题可以求助于教师;作品完成后，小组内先自评和互评、修改，选出一两份优秀作品在全班展示，并根据同学和老师的意见再修改;最后将修改完成的作品作为示例作品上传到教学资源的优秀作品上。这种教学方法让学生对学习产生了浓厚的学习兴趣，也让学生有了很强烈的成就感，教学效果也提高了许多。

三、总结

《网页设计与制作》课程的教学方法很多，教师在课堂教学中，要不断创新、尝试新的教学技术和教学方法，最大程度的调动学生的学习主动性和创新能力，在提高个人教学水平的同时，培养学生自学、不断进取的能力。

参考文献:

［1］刘金龙，吴芝路，杨柱天，尹振东．专业基础实践课的教学改革探索［J］．吉林省教育学院学报，2018-10-15．

［2］郭永刚．依托教学资源库的混合式教学模式改革———以摄影课程为例［J］．北京政法职业学院学报，2018(02)．

［3］明丽宏．项目教学法在高职“Photoshop图形图像处理”课程改革中的探索与研究［J］．工业和信息化教育，2017(02)．

［4］吴秋燕．Photoshop图形图像处理教学方法探讨［J］．职业，2015(23)．

作者:赵小华 单位:咸阳职业技术学院电子信息学院