Dreamweaver网页制作―图片应用教学设计.docVIP

Dreamweaver网页制作―图片应用教学设计 　　摘要:本节内容是DW中前期学习的基础，也是最常用的部分，它是教材关于前面基础知识的延伸，并且贯穿以后整个设计的教学，是学生能够顺利、操作使用网页制作软件的基础之一，也是形成学生“认识理解――掌握技巧――实际应用”这一合理知识链的必要环节。 　　关键词:教材；教法；学法；课堂教学程序；设计理念 　　 　　一、说教材 　　 　　本课选自网页三剑客其中一个制作网页的软件，DREAMWEAVER，本课是根据网页制作流程设计到“图片的应用”部分而定的。教学对象是计算机专业三年级学生。本节课属于应用软件课型，目的是学习如何运用软伯件完成在网页中的图像的制作，将图片的使用编辑成符合网页的作品，让插入图像和设置图像灵活自如。本节内容是DW中前期学习的基础，也是最常用的部分，这个知识点掌握与否直接关系到今后单元的学习，所以应由浅入深，循序渐进的引导学生学习。它是教材关于前面基础知识的延伸，并且贯穿以后整个设计的教学，是学生能够顺利、操作使用网页制作软件的基础之一，也是形成学生“认识理解――掌握技巧――实际应用”这一合理知识链的必要环节。 　　观察网页布局和细节是学生们在接触到网页页面设计后最感兴趣的，它包含了许多科学与艺术、理智和情感、美感和实用的内容，丰富多样的设计既让人感受不同的美，又可以将它应用到实际中去。 　　基于以上的分析，我制定了如下几点： 　　 　　（一）教学目标 　　让学生了解DW设计的基本要素和主要环节，了解DW设计中图片的使用方法，各种效果的应用。 　　这些效果包括图片插入后的位置、图片使用时如何控制需要的尺寸、图片与文字排版时，如何设定对齐方式，另外，图片的链接也可以起到广告宣传的效果作用于图像的设计中。 　　能力目标：培养学生如何获取素材、处理素材和应用素材的能力。培养学生自我探索、自主学习的能力和自我创新、团体协作的能力。 　　情感目标：让学生自我展示、自我激励，体验成功，在不断尝试中激发求知欲，在不断摸索中陶冶情操。 　　 　　（二）教学重点与难点 　　重点：让学生认识、理解处理图像的几项内容（插入新图片，图片插入的位置，相对于文字左侧……）。 　　难点：在于各代码语法的混合运用。综合运用知识，创建多样式的页面(是把握各种效果处理的技巧与原则，形成恰当的画面点缀、合理展现作品主题。) 　　 　　二、说教法 　　 　　本课采用的主要教学方法有“任务驱动法”、“创设情境法”等。 电脑教学理念指出：知识及技能的传授应以完成典型"任务"为主。因此本课采用建构主义理论指导下的主体式教学模式。通过学生已经受过的美术教育和信息技术教育（课程整合），创设一个动画中场景的情境（创设情境法），设置一个任务，让学生运用已学知识，自己动手，有机结合DW的各种操作（任务驱动法），以任务驱动的方式查漏补缺，使教学内容合理流动，水到渠成。教学中，启发、诱导贯穿始终，充分调动学生的学习积极性，注意调节课堂教学气氛，使学生变被动学习为主动愉快的学习，使课堂能在生动、有趣、高效中进行。 　　 　　三、说学法 　　 　　本课教给学生的学法是“巩固掌握――接受任务――思考讨论――合作操练”。 建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，根据一年级学生对电脑绘画、电脑设计的新奇感，进行巧妙设计，让学生带着一个个任务通过课堂讨论、相互合作、实际操作等方式，让学生从中获得成就感和自信，由此自我探索，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。 为了给学生学习提供好的教学环境，我特地准备了一些资源，如“千年图库”和“中国设计网”、等网络资源，学生从中获取多方面的技术帮助，如获取素材、作品上传和学习交流等。 　　 　　四、说课堂教学程序 　　 　　根据本课教学内容以及计算机课程学科特点，结合三年级学生的实际认知水平和生活情感，设计教学流程如下： 　　 　　（一）复习后导入新课 　　首先复习一下前面课中学习过的，如何给文件加背景。如何设置字体的颜色，如何定义超链接等等。学生通过前面的学习，已经掌握了一些基本设计能力，这时教师抓住时机提出任务：学生自己设计场景，要求注意空间、文字、图片、色彩和装饰元素等各方面的搭配排版。 此环节设计目的是创设和谐实在的学习情境，调动学生的积极性，激发学生的学习兴趣，使学生在情景中主动、积极地接受任务，从而乐于学习。同时复习已经掌握的操作技巧，为后面的教学做好铺垫。 　　 　　（二）步步为营，渐进达标 　　本环节分三个层次展开： 第一层次：1、学生学习如何在网页页面中插入图片，给网页页面填加效果。 2、学生练习，学生交流操作出现的问