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