网页设计课程中多媒体教学探析

前言：本站为你精心整理了网页设计课程中多媒体教学探析范文，希望能为你的创作提供参考价值，我们的客服老师可以帮助你提供个性化的参考范文，欢迎咨询。

摘要：阐述多媒体教学在网页设计课程教学中的应用，在课堂上以Hbuilder为开发工具开展实践教学活动，使学生掌握网页制作的方法和流程，提高实践能力和综合应用能力，从而提高教学质量。

关键词：多媒体教学，网页设计，Hbuilder，实践能力。

0引言

网页设计课程是计算机专业的一门实践技术很强的专业必修课，此课程与计算机基础、Flash动画、计算机网络技术等课程相互联系，相互补充，分别给学生提供计算机基础知识、网页设计技术、页面设计技巧等知识的学习。这是一门重在实践的课程，因此需要学生多上机、多进行实际操作，可以把各种前端程序熟练地制作出来，培养学生的实际动手能力和计算机的操作能力。使学生熟练使用常用的网页设计工具，掌握网页设计技术，具备完善的网页设计制作的操作技能，能够独立完成中小型网站的设计开发。面对这门课程，许多学生往往不能理解其核心理论，实际操作能力也不是很好，主要是学生处于一种被动接受知识的状态，缺乏主观能动性，实践操作也无法满足，因此在教学中增加网页设计开发过程显得尤为重要。

1教学工具

1.1多媒体课件

多媒体课件作为教师上课的教学辅助工具，根据课程内容和教师需要，对课程内容进行创作，利用文字、图片、动画等形式展现给学生。合理利用多媒体课件在一定程度上改变了课堂教学内容、教学方法和教学过程，提高了课堂教学效率。

1.2Hbuilder开发工具

前端开发工具非常多，例如Dreamweaver、Hbuilder、Vscode等等。由于面对的学生仅仅只是对计算机刚刚入门，还没有什么网页设计基础，所以推荐使用Hbuilder。Hbuilder的优点：（1）轻巧极速。绿色发行包较小，仅仅10MB。启动、打开文档等速度很快，编码提示也极速响应。（2）界面简洁，设计合理。绿柔主题更适合人眼长期观看。（3）强大的语法提示。代码提示系统很庞大，支持多种语法提示模型，减少程序员出错概率。（4）可以调用内置浏览器查看界面效果。后期，积累编程经验后，再使用Vscode、SublimeText或Webstorm等几个更能满足前端开发需要的开发工具。

2网页设计课程的教学过程

2.1多媒体课件+Hbuilder的配合使用

现在多媒体课件已经成为课堂必不可少的要素之一，它不仅可以直观的展示教学内容，而且可以运用适当的教学策略更好地指导学生。但我们不能仅仅依赖多媒体课件，其也有缺点，尤其在网页设计课程上。网页设计课程是一门实践性强的课程，注重培养学生的实际操作能力，这就需要结合程序开发工具进行实际开发设计。例如在介绍元素操作一节的内容时，需要讲述元素获取的各个方法，学生在多媒体课件上只能看到元素获取方法的简单展示，无法理解其在网页设计中的重要性以及开发设计过程。结合HBuilder开发工具将不仅可以让学生暂时从大量文字信息中解脱出来，转换思路，还可以学习具体的使用方法，掌握开发流程。

2.2教学结构设计

（1）以实际案例来导入本次课程，引起学生们的学习兴趣和注意力。然后明确学习内容、教学重难点和注意要点，让学生有确定的学习目标和学习任务，能在课程中把握重点。（2）详细讲解具体知识，通过举例、提问等方式，使学生积极参与课堂，并使用图片、动画方式让学生对网页开发形成一个系统认知。（3）使用Hbuilder开发工具实现案例效果，通过现场讲解，以及实际开发使学生把握网页开发的具体流程，提高学生的动手能力，从而实现课堂教学目的。以网页设计中的元素操作一节为例，结构设计如表1所示。

2.3程序的动态演示

网页设计知识比较抽象、枯燥，且涉及的方法较多，导致学生对知识的运用很不熟练，容易对其学习积极性造成打击。这就需要充分利用Hbuilder开发工具来动态演示网页开发设计过程，有利于学生理解网页知识，提高学生参与度及学习热情。图1为教务管理系统登录页面；图2为使用Hbuilder实现登录页面。

3结语

多媒体教学在网页设计课程中有诸多优势，可以使用多媒体课件展示更多的学习内容，使用Hbuilder传授网页开发设计流程，提高学生课堂的参与度以及学习兴趣。将多媒体教学合理的应用于网页设计课程将有助于学生进一步掌握网页制作方法，提高实际操作技能和综合应用能力，从而提高教学质量。

参考文献

[1]李奇.论《网页设计课程》教学改革的必要性[J].信息技术与信息化,2014(09):16+19.

[2]甘露,赵娜.网页设计中计算机多媒体技术的应用[J].通讯世界,2016(10):146-147.

[3]李信利,吕月娥.多媒体课件教学的弊端及应对策略[J].计算机教育,2007(07):15-17.

[4]刘芳.计算机应用与维护专业网页设计课程教学[J].辽宁高职学报,2005(05):106-108.

[5]和薇,郑鲲.多媒体教学在数据结构课程中的应用[J].计算机教育,2009(04):120-121.

[6]来哲函,薛益鸽.Hbuilder与jQuery在网页开发中的应用[J].智能计算机与应用,2017,7(06):117-121.

作者:李建森 董宝兰 单位:黄山学院信息工程学院