浅析《网页制作》课程中任务的设计技巧

1、浅析网页制作课程中任务的设计技巧南宁市第一职业技术学校 李晓霞【摘要】任务型教学法最显著的特点是以学生为主体，以任务为主线。改变了以往“教师讲、学生听，以教定学”的被动教学模式，创造了“以任务定教，学生主动参与、自主协作、探索新的新型学习模式。这样，“任务”设计的优劣将直接影响“任务型教学”的成败甚至整个教学效果。因此，“任务”的设计与编排是任务型教学模式设计的重、难点。【关键词】网页制作，任务型教学，任务设计网页制作是中职计算机专业中极具代表性和最重要的课程之一，实践性和操作性都非常强。将任务型教学应用于计算机专业的核心课程，并将其进行真实化与课堂社会化，是中职特色的体现。“变化性互动”的各

2、项任务，模拟企业的各类工作需求，可以是技术方面的，人际关系方面的，也可以是职业道德方面的。尽量为学生提供真实的或接近于真实的教学环境，摆脱传统的教师讲授的教学模式，从而提高计算机课堂的实效性。在任务型教学的模式中，课堂教学由始至终都围绕着“任务”，随着任务的执行和完成，使学生记忆理解所学知识；提高分析问题、解决问题的能力，概括能力，口头表达能力、比较能力；有助于培养学生合作学习的意识、自我探究、勇于创新的精神。因此，如何设计出贴近学生学情、并具有多元化要素的任务，是任务型教学模式的核心环节。以下是本人在教学工作中总结出来的心得体会：一、“任务”的设计要体现教学目标，较好地涵盖课程的知识点任务的

3、目标明确，学生才有明确的学习方向。我们可以先把总体教学目标划分成若干个子目标，然后把每个目标的内容分成数个相对容易完成的“任务”，教师认真落实到每节课上。这样，通过任务的完成来实现总体教学目标。例如，网页制作中“使用表格”这一单元，任务可分解为：建立表格、设置表格属性、在表格中插入各种文件对象（如：文字、图片、Flash等文件）、在表格中应用CSS、用表格控制页面等。学生由浅入深地学习，就能逐步掌握与表格相关的操作技能。这样，当学生完成所有子任务的时候，老师也完成了总体教学目标。同时，还达到了逐步培养学生对表格综合应用能力的目的。二、“任务”的设计要以阶梯的形式循序渐进，以照顾学生个体差异性任

4、务的难易程度要从学生的实际情况出发，符合中职学生现有的认知水平和能力，同时要将学习目标分层，满足不同水平学生的学习要求。先提出恰当的基础目标基本任务，在此基础上设计具有一定容量和梯度的进阶任务和综合任务。要求所有学生完成基础目标对应的小任务，学有余力的学生能接着完成进阶任务和综合任务。让学生对知识的理解、认识、运用有一个逐步深入的“螺旋式”上升过程。如在“使用表格”一课中，我们可以这样设置三个不同层次的任务：1基础型：建立表格制作简单的香水产品目录，如图1所示图1 基础型任务效果图基础型任务主要包括表格最基础的知识点：表格的建立，文字的录入和图片的插入。所有的学生都可以完成，起到一个入门引领的

5、作用。2进阶型：设置表格进行表格的美化工作，如图2所示图2 进阶型任务效果图进阶型任务主要针对设置表格属性，如：行列的增删、边框的设置和单元格底纹设置，这不单是掌握技能的问题了，已经开始涉及到美化及设计的问题，如：边框线型和颜色的选择，单元格底纹和字体的颜色搭配，学生要进行一定程度的独立思考才能使表格更加美观。3综合型：运用表格进行网页的版面设计，并插入多媒体文件，如图3所示图3 综合型任务效果图综合型任务对学生有了较高的要求，涉及到用表格进行网页页面的排版，如：Banner的制作、Falsh文件的插入、文字的排版，有了前两个任务的铺垫，会有部分学生能完成。以阶梯形式递进的任务有利于学生形成系

6、统的知识和提高解决问题的能力。当任务过于简单和雷同，层次低的学生确实学到了较多的东西，且能获得一种成功的喜悦感，增加了对学习网页制作的兴趣和自信心。反之，对于层次高的学生来说，就会带来自以为是、不求进取的负面影响，甚至养成懒懒散散的习惯。所以，当任务的层次太简单、太深、跨度过大，学生现有的知识水平和认知结构不能解决或过剩，很可能半途而废或者无事可做，这都不利于学生能力的提高，整个教学过程达不到好的效果。三、“任务”的设计要考虑为学生创设良好的学习情境，提高学生的积极性现代教育心理学的研究表明，人在学习活动中最有效的时刻就是各种学习因素处在最和谐状态的时刻。从教学方法上来看，教师在教学过程中要不

7、断地抛出各种“任务”来引导学生学习。在学习过程中，教师可从听觉、视觉、触觉、情节、过程等全方位设置与任务相符的情境。同时，充分发挥计算机综合处理文字、声音、图像和视频文件的辅助功能，为学生营造良好的学习环境。面对愉悦的环境，教师的淳淳善诱，学生会比较自觉自愿地学习，主动地完成学习“任务”。在网页页面编排与设置一课上，制作网页的主题是“美在广西”。我针对本节课的主题，先用投影仪播放广西的风景名胜视频，让广西的美萦绕在学生的心间，激发学生的学习兴趣。紧跟着我给出相应的图片、文字、Flash，甚至是背景音乐，让学生动手制作网页。学生可以根据自己喜欢的景点，选取文字和图片，完成对网页文字和图片的编辑，

8、先让网页有图文并茂的效果。接着，学生还可以尝试把与主题相关的背景音乐也放到网页上，做到锦上添花。学生在巩固原有知识的同时，还进一步发挥了自己的想象力来完善网页。这样，既激发了学生自主探究的积极性，学生又获得探索知识的成就感。四、“任务”的设计要注重学生的创新意识和解决问题的能力在“任务设计”时，要有意识地引导学生，鼓励推陈出新，不断冲破思维定势，提倡用自己的方法，充分发挥自己的主体作用，自觉去观察、记忆、想象、类比、分析、推理、判断、解决，达到培养其创新意识，提高其创新能力。例如，在添加网页文本和图像一课中，我们通常可在网页中插入文字、图片、Flash等对象。我在分析后把本节课分解成两个子任务

9、。第一个子任务网页文字的编辑，因为学生有一定的操作基础，根本就不需要老师的讲解，只需要把相应的子任务直接抛出，让学生独立完成。学生在操作过程中会遇到特殊符号的录入这个难题，这时候我不急着讲解，而是让学生思考，如果把Dreamweaver cs3换成Word 2003，在Word中是如何操作的呢？学生会马上联想到“插入”菜单的功能，甚至会有学生提出可以通过软键盘实现特殊符号的录入，我鼓励学生动手实践探索真知，然后进行总结。第二个子任务添加图片和Flash，使用常规的方法“插入”菜单，每个学生都已经掌握。这时，我向学生提出新的要求，用肯定的语气告诉学生，还有其他特别的方法，请同学们找出来并进行记录

10、。我会给学生一个关键字控制面板，然后学生以组为单位进行探究，他们就会发现：可以用鼠标直接从控制面板把图片拖曳到网页中。在学生认为任务已经完成的时候，我又抛出一个问题：两种方法有什么区别呢？要让学生知道，知其然而不知其所以然是不能掌握到真知的。此时，我可以借助课堂小结的方式帮助学生，让学生填写表格进行总结，如表1所示：表1 添加图片的方法与区别操作方法保存图片的时刻图片预先存放位置总结“插入”菜单任何时刻站点内文件夹网页文件只能保存文字，对于图片和Flash文件需要另外保存。关闭网页文件时站点外文件夹鼠标拖曳任何时刻站点内文件夹这样，每一个学习都带着一个新的任务，任务里设置不同层次的问题，老师的

11、主导和学生的主体地位都得到了充分的发挥，学生的创新意识和解决问题的能力也不断得到提高。五、“任务”的设计要注意与各学科的整合，培养学生全面的职业素养计算机课程的目标是培养学生的信息素养，而信息素养的培养不是空中楼阁，因此任务的设计应当与其他学科学习、课外活动、日常生活发生联系，否则将是无源之水。也只有这样才能激发学生的学习兴趣，给予他们更多的创造空间。教师进行任务设计时，要尽可能体现学科整合的思想，使学生在潜移默化中得到锻炼，培养学生综合处理问题的能力。例如，在制作超级链接一课中，我准备好了几个已经制作好的网页，内容分别为“唐代著名诗人”、“宋代著名诗人”、“唐诗宋词的特点”、“精品赏析”。这

12、样，在任务中就结合了语文学科的知识。在网页页面编排与设置一课中，学生使用老师分发的各种素材进行页面编排，关系到颜色的搭配、页面的构图、图片的选择等内容，这个任务就整合了美术学科的内容。教师在设计任务时可以尽可能地融合语文、数学、艺术、自然、社会等其他学科的内容，任务不仅仅是学习计算机技能的手段也是其他学科知识的载体，应把计算机技术和相关学科的知识看作是一个有机的整体，努力培养学生作为一个社会职业人应有的素养，而不是单纯的学习操作技能。综上所述，教师怎样设计任务、设计什么样的任务直接影响到学生的学习兴趣和热情，影响到学生思维和创新能力的培养，从而直接影响到教学的成败。教师在进行“任务设计”时要对各个知识点进行理解分析，统筹兼顾，保证任务的可行性，从而设计出一系列有效的学习“任务”，使学生在完成学习任务的同时能真正理解和掌握知识及技能，真正体现以“以教师为主导，学生为主体”的思想。这样，学生在学习过程中，可以充分发挥主观能动性，养成了良好的学习习惯和创造性思维，有利