动态网页教学设计.doc

《动态HTML的制作》 一、教学内容分析 本节课要求学生认识动态HTML，掌握简单的网页动态效果。对于动态HTML效果方法的掌握，本节课选取了横幅广告管理器、悬停按钮、滚动字幕以及DHTML效果四种效果，对于学有余力的学生，可以通过资源网站进一步深入学习。 l??????? 教学重点 掌握实现简单的动态HTML效果的方法； l????? 教学难点 知道根据需要适当加入动态HTML效果的方法； l??????? 课时安排 1课时 二、教学对象分析 通过前阶段的学习，学生掌握了静态网页的制作方法，并运用制作了以“校园生活”为主题的专题网站。学生对网页制作工具比较熟悉，他们已经掌握了在中输入文字、插入图片、表格等操作，为本节课的学习奠定一定基础。他们对在因特网看到的网页动态效果非常感兴趣，希望把他们运用到自己制作的网页中，使自己的网页更具有个性，他们对本节内容的学习很感兴趣。 三、教学目标分析 三维目标 分解 知识 与 技能 1、知道动态HTML的概念 2、掌握实现简单的动态HTML效果的方法：滚动字幕和制作方法 过程 与 方法 ? 1、通过在的学习培养自主学习的能力。 2、通过师生交流和点评，掌握网页制作的方法，提高网页加工与制作的水平。 3、通过作品点评，知道根据需要适当加入动态HTML效果的方法。 情感态度与价值观 1、学会欣赏和评价他人作品，客观表达观点。 2、通过评价他人的作品培养正确的审美观。 四、教学策略 1、以“任务驱动式”为主要教学组织方式 教师通过任务把各教学目标和内容有机地结合在一起，使学生置身于提出问题、思考问题、解决问题的动态学习过程中。学生完成任务的同时，也完成了需要达到的学习目标的学习。在设置任务时，教师应体现分层次，并给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学。 2、开展以教师为主导，学生为主体的自主探究学习模式 本节课教师应给学生留有足够的思维空间，不需面面俱到。学生已经掌握了在中输入文字、插入图片、表格等操作，对网页制作工具比较熟悉。因此，本节课，教师可以在提出具体学习任务情况下，引导学生不断发现问题，解决问题。学生通过在线资源网站对学习任务进行探索、分析、研究，在实践操作中培养创新精神和创造能力。对于一部分同学习惯于依赖老师与教材进行学习的学生，教师应加强指导和引导。 3、通过评价来促进学生的学习。 为了提高学生网页制作水平和审美能力，本节课师生共同对小组推荐的优秀作品评价和分析，表扬优秀作品，指出其特点，提高学生的学习兴趣，通过评价来促进学生的学习。 五、教学媒体选择 1、多媒体网络电脑室； 2、多媒体网络教学软件系统； 3、web服务器（支持ASP）； 4、《信息技术课程网络评价系统》； 六、教学过程 教学 环节 教师活动 学生活动 设计 意图 ? 引入 ? 在前几节课中我们学习了如何建立站点，并在站点中围绕为主题制作了主题网站，建立几个网页。在网页中我们插入了相关图片，进行了排版，建立了超链接，网页表格等内容。 但我们还是感觉自己制作的网站与平时我们在因特网中浏览的网页还是有区别，感觉不够生动。请同学们欣赏这个网页，你们发现这个网页和我们以前学习制作的网页有什么不同？ ?教师展示一个动态网页。 如何制作动态网页呢？这就是我们今天要学习的内容。 欣赏自己同学制作的网页作品。 ? ? ?思考回答： 网页中有很多动态效果，有了这些效果，整个网页显得生动和活泼。 激发学生学习兴趣，初步认识动态网页。 动态HTML 提问：网页中有什么动态效果，你们可以找出来吗？ 教师归纳学生的回答情况，提出动态HTML的概念：即使在脱离网络环境的情况下，网页下载到浏览器以后仍能够随时变换更新的HTML。动态HTML应用程序大多数都在客户端浏览器上进行，也可在需要时向服务器发出请求。 如何制作动态HTML呢？实现动态效果有三种方法：组件、DHTML工具和插入HTML语句，前二种方法操作都比较容易和直观，我们这节课主要利用前两种方法掌握动态HTML的方法。 学生思考回答：移动的文本、变化的图片 通过例子加深学生对动态HTML的了解。 效果制作 【讲解演示学习内容】 有意引导学生观察网页中利用横幅广告管理器制作的广告。 同学们在浏览网页时经常会看到网页中加入了像老师所演示的起到广告效果的图片，这些图片不断变化，还加入了超链接。一般来说这些图片并不是一段动画，而是由“横幅广告管理器”管理的多幅图片组成的。 请大家打开学习，在这里你可以仔细阅览学习任务一及其制作过程。 【巡视辅导】 教师巡回指导并观察，发现学生制作中存在的问题。 问题1：图片没有显示完全，为什么？ 问题2：如何使图片切换的速度变快？ 【学生任务一】 为你的生活主题网站中的主页制作一个。 打开，浏览广告的制作过程并打制作。