网页设计与制作中AP元素.docVIP

网页设计与制作中AP? Div元素的应用》课例 上海市城市科技学校?? 金卫萍 ? 一、本节课的目的 《网页设计与制作》课程中AP Div元素是一种网页元素的定位技术，使用AP Div元素可以以像素为单位精确定位页面元素，AP Div元素可以放置在页面的任意位置，使用户对页面操作的布局更加轻松。本节课主要让学生掌握AP Div元素的定位方法，多个元素的重叠，显示或隐藏，与时间轴配合使用的动画效果等。本节课以任务为引领，结合引导发现法和探究研讨法进行教学，让学生自主参与知识的产生、发展与形成的过程，培养学生自主学习的习惯。 二、作为支撑的课题研究主要内容 本节课作为区级课题《新课标背景下信息类课程教师主导教学行为行动研究》一次行动研究，主要探究教师在课堂上的主导行为对教学实效的作用。并且进行同课异构教学研讨。 在新课标理念引领下，通过本课题的实践研究，目的在于证明信息类专业教师课堂主导教学行为的重要性以及艰巨性。树立学生主体的教育理念，找出信息类课程学生主体与教师主导的平衡点。针对中职学生的学习基础及情感态度，探索教师主导行为的常规方法和创新手段，通过交流反馈，在教学中推广实践。重视学生操作实践，在学生的实践中抓住教师主导行为这一主旋律，展示新课标背景下中职信息类专业教师的风采。 三、教学方法 本次课是在前面两位同学科教师同课异构教学研讨基础上的进一步教学提升。从应用出发设立情景，通过任务引领和互动教学体现教师主导学生主体，增强学生对所学技能的认识。以学生为中心来组织教学，要求学生由被动的听讲变为主动的思考。本着这样的主导思想，本节课由5个主要教学环节组成：观察、实践、归纳、验证、应用。目的是让学生自主参与知识的产生、发展与形成的过程。通过不断的提问，激发学生积极思考问题，让学生主动提出疑问，主动回答老师的问题，调动学生的积极性。可以总结为6句话：牵住学生不放手，师生互动齐步走；发现厌烦换一招，设置陷阱有成效；循序渐进有繁简，综合问题最后练。 将“示范操作”与“学生实训”两个环节交叉，分段进行，以便增强师生互动。老师在学生操作期间，注意巡视，对不同学生进行个性辅导，体现分层教学思想，并发现个性问题，做到既解决共性问题，又不忽略个别学生，而且能够妥善将个性问题引申到共性知识上，做到循序渐进，同步教学。 四、学情分析 本次教学对象为30941电子信息技术专业二年级学生，经过大半年的教学接触，培养了良好的师生情感，对于专业问题的解决已经具备一定的分析能力，已经具有较好的概括能力，该班级学风整体相对较好。但是，学生平时代码接触不多，因此创设情景，激发学生兴趣，消除他们对代码的“恐惧”心理，调动他们学习和探究的主动性、积极性，显得尤其重要。 五、教学目标 根据本节的教学内容、教学大纲要求能掌握AP Div元素的用途、创建、属性设置；使用行为实现层的动态效果，结合学生现有的知识水平和理解能力，确定本节教学目标如下： 1、? （1）了解AP? Div的网页布局方法及优点。 （2）在AP? Div中加入文本，图像，表单等元素。 （3）用AP? Div元素与行为结合实现显示或隐藏等效果(如小图片的预览效果)。 （4）与时间轴结合实现动画效果。 2、德育目标 1、培养学生认真观察，勤于思考的学习态度； 2、加强学生对世博的内在情感，达到德育教育时效。 六、教学重点、难点 针对教材内容以及学生的实际情况，确立： 六、教学重难点 教学重点： 1、AP? Div的布局功能 2、AP? Div的坐标，Z轴，溢出等属性参数的设置。 3、与行为结合，实现显示或隐藏内容的功能。 4、与时间轴结合，实现动画效果。 教学难点： 1、理解AP? Div元素Z轴属性的原理。 2、与行为结合，实现AP Div元素的显示或隐藏。 七、教学设计 教学过程 教师活动预设（教学知识点） 学生活动预设 设计意图 课题引入 由世博会马上在上海开幕，引出给世博会做场馆介绍的任务，展示本节课的任务。 观看并感受作品魅力，思考如何做。 热点时事作为项目背景，调动学生的积极性，引发兴趣。 任务分析 网页上有交互和动画效果，可以分解为三个子任务： 子任务一：利用AP Div元素页面布局； 子任务三：与时间轴结合的动画效果； 子任务二：与行为结合的动态效果。 听讲，对完成任务有个大概思路。 分解任务有利于学生理解任务步骤。 子任务1 实例演示与讲解，用AP Div元素加入文字和图片并排版； 巡视指导学生任务的完成情况； 先完成的学生思考多元素对齐的方法。 观察，实训，并思考AP Div元素排版的特点。 AP? Div元素的概念，属性及布局网页优点。 子任务2 提问：Flash中此动画的实现方法？ AP Div元素与时间轴结合实现动画效果； 巡视并个别辅导学生； 典型错误分析，巩固知识点。 同学