高一信息技术《动态网页制作》教学设计.docVIP

高一信息技术《动态网页制作》教学设计 江苏省溧水高级中学 王 蓉 本节课采用网络环境下的教学方式，将教师的教学步骤制作成课件存放在服务器上，学生上课时按照老师指定的方法和步骤，将课件下载到本机的硬盘上（如D上）或直接浏览，可以清楚的看到教学步骤和过程，并选择不同的网页分别学习。 一、教材分析 这节课内容为“动态网页制作”，根据时间和学生的学习能力选择了5项： 1、横幅广告管理器的使用 2、悬停按钮的制作 3、滚动字幕的制作 4、插入站点计数器 5、使用动态HTML效果 学生先按照指定的路径输入地址，或将教学过程的网页下载保存到D盘，打开教学过程网页后，完成前4项，根据自己的实际情况，有时间的同学再完成第5项。 二、教学模式——网络环境的教学模式并结合任务驱动的方法 所谓网络环境下的教学模式是把多媒体机房看成一个局域网，教师机作为服务器，老师把要学习的内容和要完成的学习任务做成课件放在服务器上，学生按照指定的方法连接到服务器上，阅览学习内容，并且完成老师指定的任务。整个学习过程学生发挥了很大的主动性，成为课堂的主体，而教师则巡视和辅导一下，成为了客体。网络环境下的教学模式是新的教学模式，本节课体现的就是这种研究性学习。 任务驱动教学方法是信息技术课堂常用的一种教学方法，也就是给学生布置任务，让学生学习有目标，是学生在完成任务的过程中学到知识和技能。本节课也采用了这种方法，把任务放在服务器上，这些任务学生必须完成，学生要完成学习任务就要先学会利用网络进行学习，完成任务后也就掌握了这些知识和技能。 三、课件设计 在课件的设计，把5个动态效果具体体现在教学课件上，使得该课件既可以让学生学习又是这5个内容的具体例子，一举两得。例如，本节课内容之一为“横幅广告管理器”，教学课件的网页横幅左侧就是一个广告管理器的使用，学生既可以浏览网页的内容，又可以具体的知道横幅广告管理器究竟是什么。 由于本节课是网络环境下的教学模式和任务驱动的结合，是教学中新的尝试，存在许多不足之处，望专家指正。 四、课堂教学教案 课 题 动 态 网 页 制 作 共 2课时，第1课时 教 学 目 标 （一）认知目标 ??1 、横幅广告管理器 ?? 2 、悬停按钮? ???3、滚动字幕? 4、学会插入站点计数器? 教 学 过 程 【引入】 在前几节课中我们学习了如何建立站点，再在站点中建立几个网页，在网页中处理图片，以及建立不同网页之间和同一网页之内的超链接，网页表格等内容。 学了这些我们好象已经有所收获了，可是总觉得少了些什么。少了些什么呢？大家来看一个网页。 （ 展示一个网页） 大家可以看到网页中有很多动态效果，这些动态效果就是我们站点的网页中所缺少的。 （有了这些效果，我们的网页会多什么优点呢？） 有了这些动态效果，我们的网页动起来了，活泼起来了，也更能体现自己站点的特色。 如何制作动态网页呢？这就是我们今天要学习的内容。 准备知识3分钟 演示第一项内容6分钟 教 学 过 程 【准备知识——如何在网络环境下学习】 打开桌面的“网上邻居”窗口，在地址栏输入 t1/dtwy （小写英文状态，并按回车键稍等）。进入《动态网页制作》主页，在这里你可以仔细阅览今天需要学习的内容和要完成的学习任务。 【讲解演示学习内容】 演示一种动态效果的制作—横幅广告管理器 我们今天要学习4项内容，先看老师演示第一种动态效果横幅广告管理器的建立过程： 第一步：打开你的站点（一定必须是站点），新建一个网页并保存命名为dtwy，以后的几种动态效果都存放在此网页中。 　依次单击菜单“插入\组件\横幅广告管理器”，（若在“组件”子菜单下找不到横幅广告管理器 　命令，点击命令隐藏按钮图1 ? ? 打开横幅广告管理器”对话框，如图2 第三步：点击如图2 的“添加”按钮，选择计算机中适合的图片，并点“确定” ，用同样的方法再添加2-3幅图片。将“每幅图片显示秒数”改为 3?? 保存后预览，观看效果。注意点： 1、使用站点，否则没有效果? 2、文件要保存在你的站点中字幕背景和字体的设置在同一个对话框里吗？分别如何设置如果你不使用站点而直接建立一个单独的网页，横幅广告管理器有效果吗？悬停按钮能看到效果吗？字幕能看到效果