让网页动起来说课ppt课件

《让网页动起来说课ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、让网页动起来——AP元素和时间轴应用说课流程1教材与学情分析2目标与重难点确定3教法与学法的选择4教学过程5板书设计6教学反思一、教材与学情分析（一）、教材的作用和地位本节内容是中等职业学校计算机类教材——电子工业出版社《网页制作基础教程》（DreamweaverCS3版）中第六章《AP元素和时间轴》中第二节的内容。在此之前学生已学习网站的创建、网页的编辑、行为添加、AP元素概念等，为学习本节的内容起着铺垫的作用，AP元素和时间轴的组合可以使网页产生很多动态效果，极大提高网页的观赏性。通过本课的学习，可以促进学生对问题解决方法和思想的理解，从而提升学生解决问题

2、的能力。而且也为以后动态网页学习打下基础。一、教材与学情分析（二）、学情分析1、教授的对象是二年级计算机专业学生，具备一定的计算机操作能力。2、学生对网页的动态效果制作兴趣较高。3、思想上不是太集中，在制作动态网页素材上围绕同学们身边的事，能引起他们的共鸣。二、目标与重难点的确定（一）、教学目标A.知识与技能目标：1、知道时间轴的概念，2、掌握利用AP元素和时间轴实现简单的动态效果的方法。B.过程与方法目标：1、通过在教材中的学习培养自主学习的能力，2、通过师生交流和点评，掌握网页制作的方法。C.情感与价值目标：1、培养学生沟通能力及团队协作精神，2、培养学生

3、爱校情结。二、目标与重难点的确定（二）、教学重难点页面浮动广告、滚动字幕、幻灯片的制作方法教学重点1、根据动态效果在时间轴里添加行为，2、如何合理添加动态效果以达到美化网页的目的。教学难点三、教法与学法1、以“任务驱动式”为主要教学组织方式教师通过任务把各教学目标和内容有机地结合在一起，使学生置身于提出问题、思考问题、解决问题的动态学习过程中。学生完成任务的同时，也完成了需要达到的学习目标的学习。在设置任务时，教师应体现分层次，并给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学2、开展以教师为主体，学生为主体的自主探究学习模式本节课教师应给学

4、生留有足够的思维空间，不需面面俱到。学生已经掌握了在网页中输入文字、插入图片、表格等操作，对网页制作工具比较熟悉。因此，本节课，教师可以在提出具体学习任务情况下，引导学生不断发现问题，解决问题。学生通过对学习任务进行探索、分析、研究，在实践操作中培养创新精神和创造能力。对于一部分同学习惯于依赖老师与教材进行学习的学生，教师应加强指导和引导。3、通过评价来促进学生的学习。为了提高学生网页制作水平和审美能力，本节课师生共同对小组推荐的优秀作品评价和分析，表扬优秀作品，指出其特点，提高学生的学习兴趣，通过评价来促进学生的学习。四、教学过程（一）创设情景，导入新课（3

5、分钟）在前几节课中我们学习了如何建立站点，并在站点中围绕“校园生活”为主题制作了网站，建立几个网页。在网页中我们插入了相关图片，进行了排版，建立了超链接，网页表格等内容。但我们还是感觉自己制作的网站与平时我们在因特网中浏览的网页还是有区别，感觉不够生动。请同学们欣赏这个网页，你们发现这个网页和我们以前学习制作的网页有什么不同？学生回答：网页增加了很多的动态效果。如何让网页动起来呢？这就是我们今天要学习的内容。设计意图：激发学生学习兴趣，初步认识网页动态效果，以2012年学校教育教学展为主题，培养学生的爱校情感。网页动态效果展示四、教学过程（二）师生探究，构建新

6、知任务一：创建页面浮动广告（8分钟）【讲解演示学习内容】有意引导学生观察网页中制作的页面浮动广告。同学们在浏览网页时经常会看到网页中加入了像老师所演示的起到广告效果的图片，请大家打开学习教材，在这里你可以仔细阅览学习任务一及其制作过程。首先插入AP元素，在AP元素里插入图片，右键单击AP元素标签，选择“记录路径”，选中AP元素绘制一个路径，最后细线显示，选中时间轴的自动播放和循环播放，“F12”键预览效果。尝试探究问题1，并提出解决方法：页面浮动广告的大小与图片大小一致，导致图片没有显示完全。解决方法：通过属性对话框，修改宽度和高度。设计意图：让学生体会动态效

7、果，提高制作信心。四、教学过程（三）任务驱动，自主探究1、任务二、滚动字幕的制作（10分钟）有了任务一做基础，可以让学生探究式的学习，从教材中学习滚动字幕的制作方法：把AP元素拖入时间轴最左侧，确定关键帧时图片的位置，在学生制作过程中提出问题：1）、如何去设置关键帧（关键变成红线时，改变AP元素的位置），2）、如何调整滚动字幕的速度，可以通过延长时间帧的方法，同时要注意关键帧上面的“行为线”。设计目的：提出问题，让学生分析问题，解决问题。四、教学过程（三）任务驱动，自主探究2、任务三：制作幻灯片（22分钟）让学生先观察幻灯片效果，从而引出“行为”，AP元素的显

8、示与隐藏。1）、三张图片的选取要大小一