让网页动起来说课ppt课件

让 网 页 动 起 来 AP元素和时间轴应用 说课流程 1 教材与学情分析 2 目标与重难点确定 3 教法与学法的选择 4 教 学 过 程 5 板 书 设 计 6 教 学 反 思 一、教材与学情分析 （一）、教材的作用和地位 本节内容是中等职业学校计算机类教材电子工业出版社网页制作基 础教程（Dreamweaver CS3版）中第六章AP元素和时间轴中第二节的内 容。在此之前学生已学习网站的创建、网页的编辑、行为添加、AP元素概念 等，为学习本节的内容起着铺垫的作用，AP元素和时间轴的组合可以使网页 产生很多动态效果，极大提高网页的观赏性。 通过本课的学习，可以促进学生对问题解决方法和思想的理解，从而提升 学生解决问题的能力。而且也为以后动态网页学习打下基础。 一、教材与学情分析 （二）、学情分析 1、教授的对象是二年级计算机专业学生，具备一定的计算机操作能力。 2、学生对网页的动态效果制作兴趣较高。 3、思想上不是太集中，在制作动态网页素材上围绕同学们身边的事，能 引起他们的共鸣。 二、目标与重难点的确定 （一）、教学目标 A.知识识与技能目标标： 1、知道时间轴的概念， 2、掌握利用AP元素和时间轴实现简单的动态效果的方法。 B.过程与方法目标 ： 1、通过在教材中的学习培养自主学习的能力， 2、通过师生交流和点评，掌握网页制作的方法。 C.情感与价值目标 ： 1、培养学生沟通能力及团队协作精神，2、培养学生爱校情结。 二、目标与重难点的确定 （二）、教学重难点 页面浮动广告、滚动字幕、幻灯片的制作方法 教学重点 1、根据动态效果在时间轴里添加行为， 2、如何合理添加动态效果以达到美化网页的目的。 教学难点 三、教法与学法 1、以“任务驱动式”为主要教学组织方式 教师通过任务把各教学目标和内容有机地结合在一起，使学生置身于提出问题、思 考问题、解决问题的动态学习过程中。学生完成任务的同时，也完成了需要达到的学 习目标的学习。在设置任务时，教师应体现分层次，并给学生提供了展示个性、自主 创新的机会，促使他们主动地学、创造性地学 2、开展以教师为主体，学生为主体的自主探究学习模式 本节课教师应给学生留有足够的思维空间，不需面面俱到。学生已经掌握了在网页 中输入文字、插入图片、表格等操作，对网页制作工具比较熟悉。因此，本节课，教 师可以在提出具体学习任务情况下，引导学生不断发现问题，解决问题。学生通过对 学习任务进行探索、分析、研究，在实践操作中培养创新精神和创造能力。对于一部 分同学习惯于依赖老师与教材进行学习的学生，教师应加强指导和引导。 3、通过评价来促进学生的学习。 为了提高学生网页制作水平和审美能力，本节课师生共同对小组推荐的优秀作品评 价和分析，表扬优秀作品，指出其特点，提高学生的学习兴趣，通过评价来促进学生 的学习。 四、教学过程 （一）创设情景，导入新课（3分钟） 在前几节课中我们学习了如何建立站点，并在站点中围绕“校园生 活”为主题制作了网站，建立几个网页。在网页中我们插入了相关图 片，进行了排版，建立了超链接，网页表格等内容。 但我们还是感觉自己制作的网站与平时我们在因特网中浏览的网 页还是有区别，感觉不够生动。请同学们欣赏这个网页， 你们发现这个网页和我们以前学习制作的网页有什么不同？ 学生回答：网页增加了很多的动态效果。 如何让网页动起来呢？这就是我们今天要学习的内容。 设计意图：激发学生学习兴趣，初步认识网页动态效果，以2012 年学校教育教学展为主题，培养学生的爱校情感。 网页动态效果展示 四、教学过程 （二）师生探究，构建新知 任务一：创建页面浮动广告（8分钟） 【讲解演示学习内容】 有意引导学生观察网页中制作的页面浮动广告。 同学们在浏览网页时经常会看到网页中加入了像老师所演示的起到广告效 果的图片，请大家打开学习教材，在这里你可以仔细阅览学习任务一及其制 作过程。 首先插入AP元素，在AP元素里插入图片，右键单击AP元素标签，选择“记 录路径”，选中AP元素绘制一个路径，最后细线显示，选中时间轴的自动播放 和循环播放，“F12”键预览效果。 尝试探究问题1，并提出解决方法：页面浮动广告的大小与图片大小一致 ，导致图片没有显示完全。解决方法：通过属性对话框，修改宽度和高度。 设计意图：让学生体会动态效果，提高制作信心。 四、教学过程 （三）任务驱动，自主探究 1、任务二、滚动字幕的制作（10分钟） 有了任务一做基础，可以让学生探究式的学习，从教材中学习滚动字幕的 制作方法： 把AP元素拖入时间轴最左侧，确定关键帧时图片的位置，在学生制作过程 中提出问题： 1）、如何去设置关键帧（关键变成红线时，改变AP元素的位置）， 2）、如何调整滚动字幕的速度，可以通过延长时间帧的方法，同时要注 意关键帧上面的“行为线”。 设计目的：提出问题，让学生分析问题，解决问题。 四、教学过程 （三）任务驱动，自主探究 2、任务三：制作幻灯片（22分钟） 让学生先观察幻灯片效果，从而引出“行为”，AP元素的显示与隐藏。 1）、三张图片的选取要大小一致，AP元素的大小和图片保持一致 2）、拖动到时间轴时要收尾相接 3）、添加行为显示与隐藏 四、教学过程 （三）任务驱动，自主探究 2、任务三：制作幻灯片 提出如下问题： 1）、如何选中AP元素， 2）、如何添加行为，正确设置AP元素的显示与隐藏， 3）、在拖到时间轴的时候要首尾相连。 设计目的：让学生学会AP元素的选取，会在时间轴里正确的添加行为。 四、教学过程 （四）、小结和作业（2分钟） 1、小结 本节课主要学习了AP元素和时间轴的应用，实现了页面浮动广告制 作、滚动字幕、幻灯片制作三个效果， 2、作业 制作省级竞赛页面，实现三个效果 五、板书设计 1、时间轴的概念 2、页面浮动广告 3、滚动字幕 4、幻灯片制作 六、教学反思 第一点：用类似于科学研究的任务驱动方法来进行的一种教学方式，它让学生AP 元素和时间轴的应用这一问题自觉地、主动地进行探索学习，在完成任务的 同时，也完成了教学目标。教学方法上教师引导讲授、学生自主探究相结合 ，采用任务驱动，在完成任务的过程中让学生参与实践，积极思考，培养其 良好的信息素质养。本课反馈矫正比较及时、有效。并将任务驱动与网页学 科相整合，培养学生的