网页设计课程中多媒体教学浅议

1、网页设计课程中多媒体教学浅议摘要：阐述多媒体教学在网页设计课程教学中的应用，在课堂上以Hbuilder为开发工 具开展实践教学活动，使学生掌握网页制作的方法和流程，提高实践能力和综合应用能力， 从而提高教学质量。关键词：多媒体教学，网页设计，Hbuilder,实践能力。0引言网页设计课程是计算机专业的一门实践技术很强的专业必修课，此课程与计算机基础、 Flash动画、计算机网络技术等课程相互联系，相互补充，分别给学生提供计算机基础知识、 网页设计技术、页面设计技巧等知识的学习。这是一门重在实践的课程，因此需要学生多上 机、多进行实际操作，可以把各种前端程序熟练地制作出来，培养学生的实际动手能力

2、和计 算机的操作能力。使学生熟练使用常用的网页设计工具，掌握网页设计技术，具备完善的网 页设计制作的操作技能，能够独立完成中小型网站的设计开发。面对这门课程，许多学生往 往不能理解其核心理论，实际操作能力也不是很好，主要是学生处于一种被动接受知识的状 态，缺乏主观能动性，实践操作也无法满足，因此在教学中增加网页设计开发过程显得尤为 重要。1教学工具1.1多媒体课件多媒体课件作为教师上课的教学辅助工具，根据课程内容和教师需要，对课程内容进行 创作，利用文字、图片、动画等形式展现给学生。合理利用多媒体课件在一定程度上改变了 课堂教学内容、教学方法和教学过程，提高了课堂教学效率。L2Hbuilder

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

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

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

6、致学生对知识的运用很不熟练， 容易对其学习积极性造成打击。这就需要充分利用Hbuilder开发工具来动态演示网页开发 设计过程，有利于学生理解网页知识，提高学生参与度及学习热情。图1为教务管理系统 登录页面；图2为使用Hbuilder实现登录页面。3结语多媒体教学在网页设计课程中有诸多优势，可以使用多媒体课件展示更多的学习内容， 使用Hbuilder传授网页开发设计流程，提高学生课堂的参与度以及学习兴趣。将多媒体教 学合理的应用于网页设计课程将有助于学生进一步掌握网页制作方法提高实际操作技能和 综合应用能力，从而提高教学质量。参考文献1李奇.论网页设计课程教学改革的必要性J信息技术与信息化2014(09):16+19.2甘露，赵娜.网页设计中计算机多媒体技术的应用J通讯世界,2016(10):146-147.引李信利，吕月娥多媒体课件教学的弊端及应对策略J.计算机教育,2007(07):15-17.4刘芳.计算机应用与维护专业网页设计课程教学几辽宁高职学报,2005(05):106-108.5和薇,