网页设计和制作中ap元素

《网页设计和制作中ap元素》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作中AP Div元素的应用》课例上海市城市科技学校  金卫萍 一、本节课的目的《网页设计与制作》课程中APDiv元素是一种网页元素的定位技术，使用APDiv元素可以以像素为单位精确定位页面元素，APDiv元素可以放置在页面的任意位置，使用户对页面操作的布局更加轻松。本节课主要让学生掌握APDiv元素的定位方法，多个元素的重叠，显示或隐藏，与时间轴配合使用的动画效果等。本节课以任务为引领，结合引导发现法和探究研讨法进行教学，让学生自主参与知识的产生、发展与形成的过程，培养学生自主学习的习惯。二、作

2、为支撑的课题研究主要内容本节课作为区级课题《新课标背景下信息类课程教师主导教学行为行动研究》一次行动研究，主要探究教师在课堂上的主导行为对教学实效的作用。并且进行同课异构教学研讨。在新课标理念引领下，通过本课题的实践研究，目的在于证明信息类专业教师课堂主导教学行为的重要性以及艰巨性。树立学生主体的教育理念，找出信息类课程学生主体与教师主导的平衡点。针对中职学生的学习基础及情感态度，探索教师主导行为的常规方法和创新手段，通过交流反馈，在教学中推广实践。重视学生操作实践，在学生的实践中抓住教师主导行为这一主旋律

3、，展示新课标背景下中职信息类专业教师的风采。三、教学方法本次课是在前面两位同学科教师同课异构教学研讨基础上的进一步教学提升。从应用出发设立情景，通过任务引领和互动教学体现教师主导学生主体，增强学生对所学技能的认识。以学生为中心来组织教学，要求学生由被动的听讲变为主动的思考。本着这样的主导思想，本节课由5个主要教学环节组成：观察、实践、归纳、验证、应用。目的是让学生自主参与知识的产生、发展与形成的过程。通过不断的提问，激发学生积极思考问题，让学生主动提出疑问，主动回答老师的问题，调动学生的积极性。可以总结为6

4、句话：牵住学生不放手，师生互动齐步走；发现厌烦换一招，设置陷阱有成效；循序渐进有繁简，综合问题最后练。将“示范操作”与“学生实训”两个环节交叉，分段进行，以便增强师生互动。老师在学生操作期间，注意巡视，对不同学生进行个性辅导，体现分层教学思想，并发现个性问题，做到既解决共性问题，又不忽略个别学生，而且能够妥善将个性问题引申到共性知识上，做到循序渐进，同步教学。四、学情分析本次教学对象为30941电子信息技术专业二年级学生，经过大半年的教学接触，培养了良好的师生情感，对于专业问题的解决已经具备一定的分析能力，

5、已经具有较好的概括能力，该班级学风整体相对较好。但是，学生平时代码接触不多，因此创设情景，激发学生兴趣，消除他们对代码的“恐惧”心理，调动他们学习和探究的主动性、积极性，显得尤其重要。五、教学目标根据本节的教学内容、教学大纲要求能掌握APDiv元素的用途、创建、属性设置；使用行为实现层的动态效果，结合学生现有的知识水平和理解能力，确定本节教学目标如下：1、 知识和技能目标（1）了解AP Div的网页布局方法及优点。（2）在AP Div中加入文本，图像，表单等元素。（3）用AP Div元素与行为结合实现显示或

6、隐藏等效果(如小图片的预览效果)。（4）与时间轴结合实现动画效果。2、德育目标1、培养学生认真观察，勤于思考的学习态度；2、加强学生对世博的内在情感，达到德育教育时效。六、教学重点、难点针对教材内容以及学生的实际情况，确立：六、教学重难点教学重点：1、AP Div的布局功能2、AP Div的坐标，Z轴，溢出等属性参数的设置。3、与行为结合，实现显示或隐藏内容的功能。4、与时间轴结合，实现动画效果。教学难点：1、理解AP Div元素Z轴属性的原理。2、与行为结合，实现APDiv元素的显示或隐藏。七、教学设计教

7、学过程教师活动预设（教学知识点）学生活动预设设计意图课题引入由世博会马上在上海开幕，引出给世博会做场馆介绍的任务，展示本节课的任务。观看并感受作品魅力，思考如何做。热点时事作为项目背景，调动学生的积极性，引发兴趣。任务分析网页上有交互和动画效果，可以分解为三个子任务：子任务一：利用APDiv元素页面布局；听讲，对完成任务有个大概思路。分解任务有利于学生理解任务步骤。子任务三：与时间轴结合的动画效果；子任务二：与行为结合的动态效果。子任务1实例演示与讲解，用APDiv元素加入文字和图片并排版；巡视指导学生任务

8、的完成情况；先完成的学生思考多元素对齐的方法。观察，实训，并思考APDiv元素排版的特点。AP Div元素的概念，属性及布局网页优点。子任务2提问：Flash中此动画的实现方法？APDiv元素与时间轴结合实现动画效果；巡视并个别辅导学生；典型错误分析，巩固知识点。同学展示成果，欣赏评价，并提出改进意见，对优秀作品鼓励。培养学生归纳总结能力，培养学生取长补短的良好品质。子任务3在子任务1的基础上，引出下面任务；让学