《静态网页制作》课程教学改革的实践探索

刘 霜（河南牧业经济学院，郑州，450000）



《静态网页制作》课程教学改革的实践探索

刘 霜
（河南牧业经济学院，郑州，450000）

摘要：《静态网页制作》课程是高等院校电子信息类专业开设的基础课程，为以后更深度的课程奠定一定的基础。并对实际静态网页教学课程改革效果进行有效的归纳和总结，为高等院校在培养高技能人才道路上提供有借鉴价值的经验和方法。

关键词：静态网页制作；课程；教学改革；实践

［2016］-ZCXM-123

项目名称：静态网页制作课程多元互动教学的研究与实践

0 引言

随着信息时代的到来，人们获取信息的方式已不再是单纯依靠传统的方式，而是更多的通过互联网的形式，而互联网形式的展现和体现是通过网页的承载来完成的，因此网页制作以成为当今人们比较重视的学科。随着教育与社会实际需要的接轨，高等院校为了满足社会需要和就业需要，开始把网页制作作为电子信息类专业的必修课，而静态网页制作的课程也是为了给后续的课程提供基础保证，比如《ASP.NET动态网站设计》 、《JavaScript脚本编程》等课程。在我们实际教学过程中，我们摒弃了部分传统教学方式，结合实际需要和形势发展要求对教学模式进行大胆改革，也取得了比较好的教学效果。

1 静态网页制作课程开设的必要性

静态网页制作是一门针对性强，实践性强的学科，传统的教学通常采用DreamWeaver的窗口编辑器对学生进行授课，让学生对网页代码理解不深，忽略了对学生网页架构能力的培养，从而导致学生在进行后期的课程教授中接收难度大，理解不深，运用掌握能力不强的问题，让学生在后期的课程学习过程中更加困难。比如在后期基于静态网页制作开设的图像处理、动态网站开发、DIV+CSS布局以及其它相关课程课程。因此，静态网页制作课程教学的开设为以后的网页设计起到了很大程度上的铺垫作用。

2 静态网页制作教学课程的教学目标

（1）扎实学生的基础知识。遵循知识讲授由浅入深的原则，重视学生基础技能的掌握。首先在静态网页制作初期让学生充分掌握网页、网站的基本概念和操作常识，随着课程的深入，让学生理解HTML语言中的文本格式和段落设置情况，让学生对网页的构建有一个初步的认知，在此基础上教授学生基础的表格、动画制作和网站测试、发布与维护的知识。并通过实践锻炼让学生具有触类旁通、举一反三的能力。

（2）提高学生全面的技术能力。在日常的授课过程中，在教授全面的技术手段和方法的同时，可结合实践让学生更容易接受和理解，并通过应用提高其技术水平。例如在网页制作中让学生结合具体的案例熟练运用HTML语言对网页进行编辑和设置，熟练运用CSS技术对网页风格进行设计，并根据要求把图像、动画、音视频嵌入到所制作网页中。学生只有将各种技能熟练地掌握和运用，才能更好地适应未来工作中遇到的各种问题。

（3）提高学生的综合素质。学习不能闭门造车，特别是对于发展日新月异的电子信息领域，学生面对网络上大量的课程相关资料和网页制作素材需要具备一定的信息收集与整理能力。在授课过程中，可以结合最新的真实案例进行分享和讲解，让学生在对行业状况有一个全面认识的基础上锻炼学生的市场分析和判断能力。同时，把更多的空间和主动性还给学生，让学生在课程任务中锻炼彼此协作和沟通的能力。在学生完成课程任务时，充分引导学生在解决和分析问题过程中积极创新，采用发散式思维对静态网页制作中的问题和难点进行思考，以培养学生的创新型思维。

3 静态网页制作课程教学改革的实践

（1）激发学生学习静态网页制作的兴趣。在日常教学过程中，老师首先需要思考如何才能调动学生的积极性和学习兴趣，如何更好地恰当的激发学生的求知欲，学生只有有了学习兴趣和热情，才会更愿意去学，更有动力去探索。老师可以在基础知识阶段和概念阶段适当的引入一些知名网站或本班学生制作的突出的网站进行展示和全面的解析，让学生通过实例了解网页的整体布局、色彩搭配、图片美化以及风格设置等的相关知识，通过实例让学生了解网页与网站的联系与区别，也让学生对优秀网站设计充满欲望。这种方法可以很好地的调动起学生的学习兴趣和热情，并产生制作自己设计的网站的渴望，不仅可以提高授课效率，还可以很好地帮助学生树立自信心和用于动手的勇气。

（2）教学课程要精心设计。实践是基于理论知识基础之上的，所以老师也要足够重视理论知识的传授，重视日常的课堂教学环节。教师可采取教学做一体化的教学模式，让学生在充分掌握和理解理论知识的基础上参与实践操作，以便更好地运用和加深理解。教学课程的设计可按照学、解、练、做和看的步骤进行，这个步骤分解开就是将教学案例和实践案例以及优秀案例进行归纳和总结，既包括教材知识，又包括实际企业的项目案例，把各个知识点合理的嵌入到案例讲解中进行讲解和练习，并让学生通过代码功能解析对代码功能和运用有一个更清晰的认识，经过以上两个阶段的培养，可以让学生适当的进行部分课堂练习以锻炼学生的动手实践能力，并在实验课上拓展学生的实际运用能力，帮助学生进一步加强课堂知识的理解和掌握，让学生也能从中总结自己的问题和解决问题思路上的瓶颈，以便更好地去弥补不足，最后通过学生作品的展示来巩固和加深学生对课堂知识的运用技巧，并锻炼学生的动手和团队协作能力，以此来更好地提高学生的专业技能和综合实践素质和能力。

（3）教学方法灵活运用。由于静态网页制作具有很强的针对性和实践性，因此在专业课程传授过程中要以学生为核心，灵活掌握教学方法，把实践、分析和任务驱动等先进教学方法交替使用，并嵌入真正实际运用中的案例和项目供学生学习和了解。教师要主动转换教学角色，与学生融为一体，教学相长，以身体力行来引导学生树立正确的价值取向，并加强与学生间的沟通和互信，将以往传道受业的教师身份转变为学生的心灵导师和协作者，让学生体验到课程学习过程中的轻松，以便学生更好地发挥主观能动性和创造性思维。在实践环节，让学生切身经历真实的工作情境，独立操作完整的任务和项目，使其在实践中不断锻炼其发现和解决问题能力，通过自身的经历来巩固所学知识，才能更好地提高学生发现、分析和解决问题的能力。

4 静态网页制作课程教学过程中应注意问题

（1）加强教师队伍建设。基于静态网页制作的特点，对教师的要求也要提高，既要有一定的教学基础和能力，又要有一定的网站开发制作经验，只有具备这样的能力才能更好地确保授课过程中对学生的理论与实践和经验上的分享是与实际运用接轨的。

（2）改善硬件设施环境。为了更好地保证课程的顺利开展，给学生营造一个真实的实践环境，学校应加大硬件设施的投入和建设，例如局域网的搭建、机房的升级、软件的更新换代、以及AC管理等。

（3）进一步完善教学资源。教学资源的完善和健全是教学质量的保障和基础，因此学校要在各个方面完善教学资源，比如网络课程资源的完善，教学案例的及时补充、实践活动的轮换以及与校外企业合作建立实践和培训基地等。

5 总结

通过以上静态网页制作课程教学的改革实践我们取得了很好地效果，不仅激发了学生的学习热情和积极性，还锻炼了学生独立分析、思考、解决、总结问题的能力。通过教学模式的转变，老师与学生间的互助越来越多，既为学生学习创造了良好的学习氛围，又让学生体验到了实际工作中的经历和经验，为以后走上工作岗位奠定了坚实的基础。此改革是经过我们实践证明的，是行之有效的，希望能够对相关专业的教学改革起到借鉴和参考价值。

参考文献

［1］《周口师范学院学报》“网页制作”课程教学改革与探索 卢欣欣； 王大羽 2013-09-15

［2］《计算机教育》基于工作过程的“网页设计与制作”课程改革的探索与实践 刘万辉； 宋桂岭 2010-01-25

［3］《工业和信息化教育》基于计算思维的教学改革实践研究——以“网页设计与制作”课程为例 王海波； 张伟娜 2013-06-15

The practice and exploration of the teaching reform of the course "static web production"

Liu Shuang
（Henan University of Animal Husbandry and Economy，450000）

Abstract："the static web production" course is the basic course of electronic information specialty in Colleges and universities， which lays a foundation for the further depth of the course.In order to provide valuable experience and methods for colleges and universities to cultivate high skilled talents，the reform effect of the actual static web page teaching is summarized and summarized.

Keywords：static web page making；course；teaching reform；practice

作者简介

刘霜，性别：女，出生年：1984，籍贯：郑州，职称：助教，职位：助教，研究方向：数据库，数字媒体。