浅谈《网页制作》课程教学

摘 要：目前，电子商务在中国发展可谓势头强劲，一片欣欣向荣的景象，随着国家对农村的帮扶政策力度加大，农村家家户户基本上都已通网络，无论是城市还是乡村，电子商务市场已经遍地开花，电商经营者和电商消费者已比比皆是，因此中职学校必须担起培养电子商务基础人才的重任。《网页制作》课程是电子商务专业开展的核心课程，也是一门时效性、操作性、实用性很强的课程，对于中职教学来说颇具难度。本文就教材的选用和处理、教学及教学过程中发现的相关问题和学生的学习等方面进行了思考。

关键字：教学 问题 措施 学习方法

一、教材的选用及处理

从事网页制作教学已有几年，在最初的教学中，我们采用的是Frontpage2003版本的软件，该软件是office办公软件中的一员，操作界面与Word相似，对于初学者来说有种熟悉感，操作上手快，容易掌握，但该软件有一些自身的缺点及局限性，同时开发公司对该软件也停止了更新。为了同学们在以后的学习或工作中有更大的提升和扩展空间，在最近两年的教学中，我们采用了Dwreamweaver 软件。此软件也是一种所见即所得的网页编辑器，除了本身功能强大以外，还可以得到Flash、Firewoks等软件的支持，利用该软件可以制作出跨平台限制和跨浏览器限制的充满动感的网页。

二、教学中发现的问题及解决措施

1、教学中发现的普遍问题

（1）同学们在刚学习网页制作的时候，就直接打开软件开始制作网页，而根本没有建立站点，如果把这个网页放在其它电脑中打开时，该网页的图片或视频就不能正常显示，其次对网页的管理、更新等也不方便。其实从这个问题中可以分析出此类学生对網站的作用和网站与网页之间的关系没有理解到位，从而导致了以上一系列问题的出现。

（2）一个网页的尺寸大小，信息容量的多少，网页元素位置的摆放等这些因素决定了这个网页是否受到浏览者的青睐，这就牵涉到网页制作中的一个概念，那就是网页布局，网页布局的方式也有多种，可以利用表格、框架、层以及CSS等。

在利用表格布局教学过程中，很多同学都习惯于把所有元素都放在同一个表格中。因为用表格制作出来的网页在浏览器上显示的特点是要等表格中所有的元素下载完成后，整个网页才会完全显示出来，而不是下载一个显示一个，这样做出来的表格会影响到浏览者浏览该网页的速度，速度过慢就会导致浏览者放弃访问该网页。

层是网页中比较特殊的对象，它可以自由移动、显示或隐藏，同时还可以相互嵌套、叠加，所以很大程度上弥补了表格排版的不足。但是层的定位比较难处理，所以在同学们用层制作网页的时候经常会出现层的位置会跑偏，或者我要实现层的嵌套时要求一个层移动另外一个层也跟着移动不了，这些操作都给同学们带来了困惑。当有这种现象发生时，就说明此类同学对层的相对定位和绝对定位没有掌握。

CSS真正实现了网页内容和格式定义的分离，通过修改CSS样式表文件就可以修改整个站点文件的风格，大大减小了更新站点的工作量。CSS样式可以分为类、ID、标签、复合内容四种，在同学们最初学习中容易把类定义好，但忘记了应用，于是就出现了看不到预想的效果这种现象，其次在给类命名时容易与标签的名字混淆。

2、解决措施

网站的制作是一个系统工程，在制作的过程中会牵涉到多因素、多人员的配合，比如图像、视频、布局、颜色的搭配等等，再加之上述问题的出现使我对后来的教学方法和学生的学习方法进行了深入的思考，如在讲授的过程中如何调动同学们的积极性，如何增强同学们的学习兴趣等，所以在后来的教学过程中我主要采用了以下教学方法。

（1）探究性、启发式教学：在课堂教学中我主要创设有利于学生进行探究发现的良好的教学情境，例如在讲到下拉菜单的制作中会用到表格和层，在展示时它们之间的位置关系已经确定好，接着我改变了表格的对齐方式，这时就会出现表格和层之间移位的情况，那么问题自然就出来，同学们就会根据该问题展开思考与讨论，这样既调动了学生学习的积极主动性，也增强了他们的学习兴趣。

（2）项目教学：在这种教学方法的过程中以小组为单位进行实施，各小组成员间进行分工协作，又相互促进，既可以解决在制作过程中出现的共性问题，也可以根据学生的个性差异特点，充分展示自己有优势的一面，发掘他们的创造潜能，提高学生解决实际问题的综合能力，同时在同学之间也起到了传帮带的作用。

（3）分层教学：中职学校学生的基础知识薄弱，整体水平相对较差，但也有极个别同学表现比较突出，学习的积极性和目标较高，因此针对此类学生的教学就实施了高目标、多任务的教学。

（4）课后拓展：为了充分拓展学生的视野，增加他们的知识面，我还充分利用学生晚自习的时间，在网上搜索相关优质的视频给他们播放，这样既对他们学过的知识进行了巩固，同时也弥补了在课堂中没有涉及到知识。

三、学生的学习方法

教与学始终是相辅相成的，学生的学习效果不仅取决于老师的教，更重要的还是在于学生自己的学习态度与科学合理的学习方法。在传统的教学方法中，学生的基本知识的接受和掌握应该没问题，但是缺乏分析问题和解决问题的能力，学生的主观能动性没有充分发挥出来。因此在后来的教学中我主要推崇的和培养学生的自主学习能力，锻炼学生的综合素质，学生的自主学习主要通过三个方面来进行实施。

（1）课前：充分利用现在的信息技术，制作相关的微课，上课前两天放在本班的QQ群和班级微信群中，学生查看微课视频进行学习。在学习的过程中，学生对相关的重点难点进行梳理，那么在老师讲课的过程中他们就会有侧重点，对知识点的掌握会更加牢固。

（2）课中：在课程的实施过程中，以任务为导向，学生自主进行实际操作发现问题，然后进行分析讨论，最终形成解决方案。

（3）课后：学生进行归纳总结，同时充分利用网络资源，查看相关视频或网站，借他人之长弥补自己的不足。

四、结束语

教学方法和学习方法的改进，不仅增强了同学们学习的主观能动性，激发了他们的学习兴趣，也锻炼他们综合能力，真正做到教学相长，共同进步。

作者简介：江鸿瑾（1981-09-29）女，汉，四川广元剑阁，本科，计算机教学 广元市利州中等专业学校