摘 要:文章分析了通过“先整体、后切分、再拼合”的新型教学方法的实施,可以使学生掌握真正的网页制作流程与方法,学会从何开始才能进行正确的网页制作。
关键词:网页制作;网页设计;网页教学;网页课程
网页制作类课程在各类学校中是一门非常普遍的课程,却也带来了一个非常普遍的问题:学完课程以后,学生却不能真正制作出一个达到网页正式发布基本要求的网站。学生做出来的网页达不到最基本的“统一、协调、正规”的发布标准,大多只是一个东拼西凑的“大杂烩”。
要实现“先整体、后切分、再拼合”的正确网页制作方法的教学目标,在具体教学过程中有如下一些问题需要注意:
一、教学内容与时间的颠覆性调整
大多数网页制作课程的主要教学内容都是网页制作软件的学习与使用。一部分一部分地学习软件的各种功能并进行分项练习,学完软件全部功能后做一个综合性的课程作业(学生上交一个东拼西凑的“大杂烩”网站)。通过前面的分析,我们可以看出:其实学会网页制作软件只不过是网页制作能力的基础“硬件”而已。没有合适的“软件”支持,这个系统是运行不起来的。而这个“软件”就是“先整体、后切分、再拼合”的正规网页制作流程。因此,建议不要再把网页制作课程的教学内容设计成网页制作软件由头至尾的学习过程。网页制作软件功的学习其实用不了多少时间,数个学时就可以了。
二、“先整体、后切分、再拼合”的教学内容设计
在快速学完网页制作软件的操作之后,就要进入网页制作方法的教学内容了。教学前先要精心准备一份课堂教学案例,案例的主要内容就是一个分层的、网页最终效果的Photoshop图像文件。然后根据学生所具备的图像处理软件操作基础的不同,做出不同深度的教学安排:有基础的学生可以只给出黑白、不分层的网页效果图,要求其完成设置了颜色、各部分独立分层的Photoshop文件;对于没有图像软件基础的学生,此阶段也千万不能省略!不然学生就只能学会制作“大杂烩”式的网页了。没有基础的学生,可安排一些易于完成的图像处理任务,如简单的图像或效果的处理及一些文字图层的制作等。要让学生对网页整体设计有一个实在的切身体验,同时这也是一个很好的图像软件的入门。完成网页的整体设计之后,就可以依次进行切图、优化、动态效果图的制作(GIF动画、鼠标经过翻转图像等)、表格网页布局等内容的教学了,同时根据需要也可以提高到CSS网页布局的学习。在教学期间教师一般只讲原则性的东西,不对具体细节做出规定,象切图的划分、表格具体布局等等。这样就会使每个学生做出的作业都不相同,尽管教师只布置了同一份作业。学生要在这门课程的学习期间一直保存好自己前面已经完成的作业。
三、课程作业的设计
在课程作业的设计方面,不建议采用放羊式的宽范型作业。普通的网页制作课程一般会采用诸如“制作一个网站、页面不少于若干页、内容不限、风格不限”等形式的课程作业。这种类型的作业过于宽范,学生交上来的是一个“大杂烩”不说,而且还可能是一个最简单、最省事的“大杂烩”,对于学生的学习来说效果不太好。所以我们设计课程作业时不能采取粗放型的作业,而要采取细致约束型的作业。这个时候不是让学生练习创意的时候,走路都不太会的时候何谈跑呢!教师可以准备好有若干页面的精美网站的屏幕截图,让学生制作完成此网站的全部页面。这个过程必然要涉及到切图、优化、拼合网页,甚至动态效果图的制作等内容,是对学生学习效果的一个大检验,也是一次真刀真枪的实战与提高。另外最好是每个学生的作业都不相同,这种个性化的作业更有利于学生的学习效果。
通过“先整体、后切分、再拼合”的这种新型教学方法的教学,我们会惊喜地发现:学生学完课程后自己去制作网页时,知道先从网页效果图开始了!这可是一个“质”的飞跃,学生不会再找图片直接去东拼西凑网页了,知道了网页原本就是一个统一的整体,从而走上了网页制作的正确轨道。