对于教学改革高职高专“网页设计”课程教学革新

摘 要：当前很多高职高专类院校的计算机专业都开设了“网页设计”课程，但在教学过程中还存在着不少有待改进的地方，这从这门课程的大量的教材的编写中就能看得出来。为此，本文从诸多方面提出这门课程教学改革的一些思路和建议，希望能够为任课教师提供一些参考。
关键词：网页设计 教学改革
1672-3791（2012）11（a）-0173-01

1 对网页设计课程性质和地位的重新认识

对于高职高专层次的学生来说，网页设计课程是至关重要的。原因有二：第一，不少学生的毕业设计会做一个动态网站，这就需要这门课程作为基础。第二，网页设计是综合性很强的技术，除了要讲授HTML，CSS，Jascript等内容外，还要涉及到Photoshop，Fireworks，Flash，数据库，怎么写作器配置等多项技术。通过制作网站，可以将这些技术综合应用，融会贯通，较全面地提升学生的专业水平。
可是在现实的教学中，对这一点的认识并不到位。一是安排的课时量太少。二是开课太早。我认为应该在Photoshop，Flash和一门高级语言（为学习Jascript做好铺垫）开设之后，再开设网页设计的课程。这样，既可以巩固强化前期课程的相关技术，又可以提升当前制作的网站的水准。

2 对网页设计课程教学内容的改革

前已述及，当前教学中对网页设计课程安排的课时量太少。为什么会这样呢？因为对这门课的教学内容设计的不够合理。我浏览过很多这门课程的教材，发现章节内容很类似，都是讲怎样借助于Dreamw eer的可视化工具制作网页（比如点什么按钮插入图片、插入表格，怎样用鼠标拖拽的方式制作链接等），却很少涉及手写代码。这些基本操作当然只需要很少的课时，但这导致的结果是：（1）不少学生不了解网页源文件的基本组成格式，在需要手动修改代码的时候无从下手；（2）对Dreamweer过于依赖，在今后做动态网站用到了其它编辑器时，完全不会使用。这都归因于学生对网页代码的不理解或是理解的不深入。而网页代码（静态部分）其实涉及的是三块内容：HTML，CSS，Jascript。教学应该围绕这三块内容进行，而不是围绕Dreamweer的若干种操作进行。为此，我觉得可以从以下几方面对教学内容进行改革。

2.1 加深学生对HTML代码的理解，提升学生手写代码的能力

为了切实提高学生对HTML代码的理解程度，建议先教学生用记事本或其它简单的纯文本编辑器做一个只包含三四个页面的微型的网站（无需现实意义，只是为了学习代码而已）。每个页面只需要一段文字、一个图片，页面之间再做上链接就可以了。通过这个案例，使学生理解HTML代码的基本格式，识记最常用的一些标记及其属性。在这个案例结束之后，再教学生用Dreamweer做一些相对复杂的网站，学生也就能理解点某个按钮会生成什么代码，也就能轻松地在代码视图中修改代码了。
为什么建议教学生先手写代码而不是操作Dreamweer呢？因为要让学生知道网页核心的东西就是代码，之后学习的Dreamweer也只是自动地生成一些代码。而且，教学生用手写代码的方式做一个简单的网站，学习代码的效率也是最高的。如果等到教会了学生操作Dreamweer之后，再教他们代码，学生可能会有困惑：既然Dreamweer可以自动生成代码，为什么还要人工输入？而且，讲到用Dreamweer做网站时，代码量已经很大，让学生从这大量的代码中去理解它的基本格式，难度也就加大了。

2.2 加大CSS内容的比重，对CSS的讲解要注重系统化

多数教材也会涉及到CSS的知识，但内容少而且零散，主要讲授如何在Dream weer的“CSS规则定义”对话框中，设置文字样式、图片样式、链接样式等，却没有涉及应用CSS进行页面布局的技术。由此可见，教学内容相对于当前实际应用的技术，还存在着很大的滞后性。因为随着Web标准被越来越广泛地接受，要求网页的结构（对应于HTML

摘自：毕业论文的格式www.udooo.com

）和表现（对应于CSS）分离开来，这就要求摒弃传统的表格布局而采用CSS布局。但是在学校教学中，由于还沿用传统的表格布局，因此对CSS的讲授，只停留在极肤浅的层次。建议教师在讲授CSS的知识时，能站在Web标准的高度，系统的讲授CSS。可以在讲授表格布局之后，分析其劣势，再引出应用CSS布局的技术。然后，从四个层面系统的讲授CSS的知识。
（1）CSS基本属性（设置文本、图像样式等）。
（2）CSS如何定位到HTML标记（CSS选择器）。
（3）CSS盒子模型（理论基础，重难点）。
（4）CSS布局（定宽度、变宽度布局）。

2.3 教会学生手写Jascript代码

在传统的教学中，一般把网页特效作为专门的一个章节来讲，具体的内容就是用Dreamweer提供的一些按钮生成Jascript代码，做一些网页特效（比如鼠标交换图像等）。其实这种方式生成的代码可修改性不高，而且过于冗长，又是和HTML代码在同一个文件，不符合Web标准要求的结构、表现、行为（对应于Jascript）相分离的原则。因此建议教师系统地讲授Jascript的知识，教会学生手写Jascript代码。当然，这要求增加课时量，而且要有一门高级语言作为基础。

3 对网页设计课程教学方法的改革

当前的网页设计课程的教学方法陷入了两个明显的误区：一是讲授的知识点过于零散，缺少足够的实战项目将它们贯穿起来。二是从头到尾全是实战项目，把所有的知识全放在项目里讲。这都是不可取的，前者会使学生学起来枯燥乏味，后者会影响知识本身的系统性。我建议将整个教学分成三段：第一段讲授HTML（用表格布局做网页，先不用CSS）；第二段开始引入CSS，第三段引入Jascript。而每一段再分为两部分：第一部分是基本理论；第二部分是项目实战。这样，学生在第一部分系统地掌握了理论，第二部分再将这些理论灵活运用，这既保证了知识体系不被破坏，又可以避免知识的全盘灌输而导致的单调和枯燥。
4 结语
网页设计技术的飞速发展呼唤网页设计课程的教学改革。本文站在Web标准的高度，结合当前的教学现状，对教学内容和教学方法提出了一些新的思路和建议。希望这些能为相关教师提供一点参考和借鉴，为这门课程的教学改革起到一定的促进作用。
参考文献
温谦.HTML+CSS网页设计与布局从入门到精通[M].人民邮电出版社，2008.
张春晓.网页制作与网站建设宝典[M].电子工业出版社，2012.