高职院校网页制作课程的教学探究

李 英

（云南林业职业技术学院，昆明 650224）

目前，网页的布局的经典方法已经被CSS+DIV的页面布局所取代，因为CSS+DIV的页面布局使用灵活可变，且加载界面很快，又很容易进行维护和更新内容，代码的冗余小。现在高等职业院校的课程中对网页制作技术的教学非常重视，这门技术需要一定的动手能力，这可以增强学生的实践能力，市场对于这门技术有着一定的需求。让学生学习网页制作是学校教学还有研究的方向。本文以CSS的网页布局作为例，对怎样达到学校的教学目的做了探究。

1 从网站分析入手，师生互动、结合实践的教学模式探究

根据过去一段时间的教学过程，还有一些学生进入公司实习以及就业学生的反馈数据，高职学校针对这些数据对给学生们的教学方式进行了改革。注重跟随市场上流行网站的设计风格，先对网站进行分析，老师在课堂上指导学生对页面的布局进行分析，之后老师对网站的页面设计进行讲解提出学习方案，并让学生到企业中实习提高自己的实践能力，进而使得学生的网页设计能力有所提升。下面是教学方式的讲述。

1.1 对网页基础知识进行教学

对网页的基本知识进行讲解，认识HTML的基础结构。结构、表现还有行为的含义是网页的三个主要组成要素。网页的结构部分主要由XHTML和XML来完成；表现的形式是由CSS层叠样式来实现的，CSS就是被用来确定网页的内容以什么样的样式来显示；具体是通过鼠标和键盘的操作来触发事件，可以把DOM文档对象模型等作为标准。

只有让学生对网页的制作原理有所了解，对HTML的基础结构有所熟悉以后，才能对网页的学习更上一层楼，运用CSS的样式来表现网页。与此同时，CSS的基本知识要作为教学的重点。通过以前所做过的实验表明，把CSS基础知识还有CSS页面布局相结合，本来认为结合具有实际成果的页面布局对学生教学能够起到很好的效果，从而把CSS技术掌握在手中，而实践效果并不如想象的那样美好。学生对于这门课程的理解能力有限，而且还有时间的限制，导致学生对课程内容的学习进程有所难度。如果学生的基础知识如果不扎实，就会很难理解后期讲述的内容，导致不能够进一步的学习，进而使得教学的速度与质量受到不利的影响。

1.2 实践操作导入

之前CSS页面布局的授课知识，是利用CSS页面布局的实际案例来给学生教学的，在实际教学过程中才发觉学生对此知识的学习有困难，其原因是CSS+DIV技术具有很强的抽象性，而不是能够看到就能学会的操作，它需要对代码有很高的熟悉度还要对整体界面有思维轮廓。因此，教学的内容在这个环节也做出了相应的对策。因为表格布局相对来说比较简单，学生通过表格的布局来了解网页布局的含义是一个不错的办法。之后再给学生讲解CSS＋DIV的布局方式就变得比较容易。

之后要求学生进行实验，找到表格布局与CSS布局的不同之处，通过实验学生很容易就会发现表格布局的代码冗长的缺点。之后老师提出要求，让学生把左右内容都进行交换，学生又会发现表格布局要实现这个操作需要替换所有的代码，而在CSS+DIV的布局模式下只要把两边第二位的模块的浮动属性改一下就可以。两者相互比较就能够了解到CSS界面布局的优势，即其内容与形式是分离开来的。CSS是网页的样式相当于一个人的外套，可以随意更换以达到预期的效果，CSS样式的存储空间是和网页是分开的，是一个单独的CSS文件，同时可以运用到多个不同的网页中。如果一个大型网站内部存在着很多的子网页需要同一个样式，这就要在为它们设计的样式时，把CSS样式作为一个独立的文件来保存，每个子网页都可以链接到这个CSS文件，实现用同一个样式来表现不同内容的目的，还能够降低代码的冗余度。

2 主体教学方法

2.1 在教学内容方面

之前都是利用课本案例作为教学的重点，之后以课本中的内容为重点，对网络上主流网站的布局进行了重点分析。根据课本当中的案例来教学的重点在于让学生利用休闲时间来对课本的题材进行学习，其重点和难点需要在课堂中进行详细的讲解。在课堂之上对潮流的网站进行分析，开始要选择简单的网站来讲解，以后渐渐的对网站的难度进行提升，例如布局的模式，首先要从左右两个模块布局开始讲解，然后慢慢的增加布局的模块伴随着模块的增多，页面的布局方式也随之多样化，使得页面更加的精彩，同时也伴随着难度的提升。因此一定要把基础打牢固，学习的过程是循序渐进的，从开始的简单到复杂，可以使学生体会到成功以后的喜悦，使其不会在一开始就积累很多的问题，不会导致他们积极性变低。很多的学生的初衷是愿意学习的，越是能够适应学习环境，学习成绩就越好，从而达到课程最终要求的结果，最终能够很好的运用CSS页面布局技术。

2.2 教学方法

在学校的教学过程中要逐渐实现学生占据主导地位，使教师的主导地位变低，让学生主动参与到讲课的过程中来，对案例的结构进行分析。先给学生安排任务，然后让他们到讲台上讲解自己的答题过程和见解，如果是可以实行的方案，老师可以再把其中心思想总结讲述给其他学生。如果是不可取的，可以让别的学生说出问题在哪里，并且把自己的布局方案也讲述给大家听。通过这样的教学方式能够提高学生的注意力，还能引发学生的学习兴趣，当然这不是适合所有的学生。如果案例的难度很高，就可能导致学生设计出来的方案不可行，这就要老师站出来利用类似的但是简单的案例来引导学生找到合适的方案。

3 结束语

经过这些学期的教学经验，还有根据校企合作过程中的经验，对于CSS页面布局技术的教学有了一些成效，学生对学习这门技术的兴趣有所提升，同时也做出了很多优秀的页面布局的作品，随着网络技术的发展，教学方式也要随之改进。所以要针对学生的素质来制定适合他们的教学方法，使得他们学有所得，利用优秀的网页制作技术立足于社会之中。