试议《电子商务网页设计与制作》 课程中HTML语言教学
更新时间：2024-03-09
作者：用户投稿
本站原创
本站原创
【文章摘要】
HTML语言是《电子商务网页设计与制作》课程的一项重要的教学内容，本文首先阐述了HTML语言学习的重要性，然后从理解基本概念、掌握文档基本结构和标记的用法、课堂小结这几个方面进行教学设计，运用演示法、交互式案例教学法和任务驱动等教学策略，加强师生互动，活跃课堂气氛，提高学生学习的积极性和主动性，从而让学生熟练掌握标记的用法，并能融会贯通、灵活应用，最终达到提高教学效果的目的。
【关键词】
HTML语言;任务驱动;交互式案例教学法
1 HTML语言学习的重要性
HTML是超文本标记语言的简称，通常，HTML语言的编辑工具有两类：一类是文本编辑软件，如Windows的记事本或写字板等；另一类是所见即所得软件，如Dreamweer、FrontPage等。
在学习HTML语言时，首先要让学生充分认识到学习HTML语言的重要性。有些同学在接触到Dreamweer之类的网页制作工具后就认为不需要学习HTML语言了。在实际教学过程中这是个常见的误区。其实再强大的软件也只能生成固定格式的HTML代码，很多功能是这些工具软件无法实现的，对于要创作复杂的网页结构还是需要精通HTML语言。另外，在实际操作中，经常会遇到一些理由，如Dreamweer等软件设计出来的网页很难精确达到与浏览器完全一致的显示效果，遇到这样的理由，如果看不懂网页源文件（即HTML语言），就很难发现并解决这些理由。HTML语言《电子商务网页设计与制作》课程学习的基础，也是至关重要的一部分内容，学生要想掌握好该课程，就必须要有扎实的HTML语言基础。
2 教学过程设计
2.1深入理解基本概念
学习HTML语言首先要让学生深入理解HTML语言的几个基本概念。什么是HTML？打开某些电子商务网站，通过查看源文件让学生直观的感受到网页大多都是用HTML语言编写的。什么是标记语言？通过举例让学生认识到标记实际上是对网页上要显示的文字、图片等元素做的记号，这些记号要告诉计算机该怎么显示、在哪里显示这些元素。
2.2学习HTML基本结构
一个基本的HTML文档包括文件头和网页主题，在教学中要给学生讲解文档的基本结构和标记的含义，并演示HTML文档的编辑策略，同时让学生自己动手编辑一个基本文档，熟悉HTML的编辑过程。
2.3标记的学习
HTML语言涉及到的标记很多，文字编排类的标记、版面设置类的标记、表单、表格、列表等等。如何让学生熟练掌握这些标记的用法并且能做到融会贯通是教学的重点和难点。在实际教学过程中主要采用以下教学策略。
（1）演示法。在讲解标记的用法时，首先讲解标记的属性含义和用法，并利用多媒体在计算机上进行演示。例如讲到标记时，详细演示从到标记的用法，让学生直观看到这6个标记在显示效果上的区别。然后让学生自己动手上机练习，鼓励学生大胆尝试每个属性值，让学生对标记的用法有一个充分的认识。如标记常见的属性有face、color和size，学生上机练习时，鼓励他们尝试各种属性值，然后让学生总结出标记能够显示哪些字体，文字大小又有哪些。
（2）交互式案例教学法。仅仅单一的讲解标记，时间一长学生们容易失去学习兴趣，更难做到对知识点的融会贯通。因此在每一类型标记讲解演示结束后，就会引入案例。案例的选择非常重要，案例要具有代表性，要把所学的标记有机的融合。在实际教学过程中，根据课程学习进度，选择学生熟悉的一些电子商务网站局部页面作为案例引入教学，这样，学生学习起来兴趣浓厚，也有小小的成就感。
例如，表格标记讲解演示后会引入图书畅销榜这个案例，即以成熟的电子商务网站为目标，模仿制作一个图书畅销榜。这个案例主要是让学生进一步掌握表格格式化数据的策略，表格中行、单元格的属性设置等。在设计制作这个页面之前，教师先对目标页面进行充分的分析和讲解，提出页面完成的具体要求，然后和学生分析和讨论该如何完成该页面，利用那些标记；接着完成页面的制作。在实际操作过程中发现理由并和学生一起讨论解决理由是一个难得的过程，学生能积极参与到其中，体会学习的快乐，活跃课堂气氛，提高教学的效果。
（3）任务驱动法。任务驱动转变了传统课堂中老师满堂灌的教学模式，它是以学生为中心，教师在整个教学过程中起组织和指导的作用，利用实验室的教学环境，根据教学进度和学生的学习情况给出一个目标任务，在学生完成任务的过程中充分发挥他们学习的主动性和积极性，鼓励学生实践和创新，最终达到使学生达到熟练掌握课程知识并灵活应用的目的。
2.4课堂小结
每次学生在上机操作告一段落后都要进行小结。在学生动手练习标记的用法后，总结学生在使用标记时容易出现的理由和错误，强化知识点。例如学生在初学标记时标记经常忘记关闭，这样页面就无法正常显示。对于每次学生容易出现理由，教师会和学生共同分析理由、解决理由，并再次强化知识点，同时也会深思今后应该如何讲解这一教学内容才能让学生更容易接受。
在学生完成案例或任务的制作后，小结更加重要。这时会将完成比较好的网页或有特色的网页进行点评和小结，分析网页实现的策略和设计的特色，总结存在的理由。例如在店铺公告栏制作中实现的策略很多，可以用
标记进行排版，也可以用
或者等等，学生在完成页面中会有一些亮点和创新，在点评的时候充分鼓励他们的创新，同时也是一个分享学习心得和相互学习的一个过程。每一次点评，学生的积极性很高，课堂气氛非常活跃。在教学过程中笔者发现，绝大多数学生非常渴望自己的作业被老师关注，因此他们主动的参与到每一个教学环节，课后广泛查阅资料、自觉动手练习，希望能出色的完成任务得到老师和同学的肯定。学生由被动学习变主动学习，学习的效果大大的提升。
3 总结
HTML语言是《电子商务网页设计与制作》课程的一项重要的教学内容，在教学中首先要让学生清楚的认识到HMTL语言学习的重要性，其次要深入理解HTML的基本概念和文档的基本结构，然后利用多媒体教学平台演示标记及其属性的用法，通过案例学习和制作进一步熟练掌握相关知识，通过“任务”让学生能将知识点融会贯通、做到灵活应用，并激发学生学习的积极性、主动性，鼓励学生创新，加强师生之间、学生之间的互动，从而提高学生动手能力，达到良好的教学效果。
【参考文献】
[1] 张芸，韩永奇，《HTML与JaScript》课程教学的探讨，科技信息，2011年第35期
[2] 尚冠卫，浅谈HTML在网页设计教学中的重要性，大众文艺(理论)，2009年15期
[3] 王素萍，《电子商务网页制作》中HTML语法的教学探究，电子制作，2012年11期
[4] 王倩，徐立国，浅议“三段式”教学法在《电子商务网页设计》课程中的运用，新课程(教育学术) ，2010年04期
[5] 谢文芳，任务驱动法在电子商务专业《网页制作》课程中的应用，计算机光盘软件与应用，2012年14期
点赞:35168 浏览:159050