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

高一信息技术《动态网页制作》教学设计
江苏省溧水高级中学 王 蓉
本节课采用网络环境下的教学方式，将教师的教学步骤制作成课件存放在服务器上，学生上课时按照老师指定的方法和步骤，将课件下载到本机的硬盘上（如D上）或直接浏览，可以清楚的看到教学步骤和过程，并选择不同的网页分别学习。
一、教材分析
这节课内容为“动态网页制作”，根据时间和学生的学习能力选择了5项：
1、横幅广告管理器的使用
2、悬停按钮的制作
3、滚动字幕的制作
4、插入站点计数器
5、使用动态HTML效果
学生先按照指定的路径输入地址，或将教学过程的网页下载保存到D盘，打开教学过程网页后，完成前4项，根据自己的实际情况，有时间的同学再完成第5项。
二、教学模式——网络环境的教学模式并结合任务驱动的方法
所谓网络环境下的教学模式是把多媒体机房看成一个局域网，教师机作为服务器，老师把要学习的内容和要完成的学习任务做成课件放在服务器上，学生按照指定的方法连接到服务器上，阅览学习内容，并且完成老师指定的任务。整个学习过程学生发挥了很大的主动性，成为课堂的主体，而教师则巡视和辅导一下，成为了客体。网络环境下的教学模式是新的教学模式，本节课体现的就是这种研究性学习。
任务驱动教学方法是信息技术课堂常用的一种教学方法，也就是给学生布置任务，让学生学习有目标，是学生在完成任务的过程中学到知识和技能。本节课也采用了这种方法，把任务放在服务器上，这些任务学生必须完成，学生要完成学习任务就要先学会利用网络进行学习，完成任务后也就掌握了这些知识和技能。
三、课件设计
在课件的设计，把5个动态效果具体体现在教学课件上，使得该课件既可以让学生学习又是这5个内容的具体例子，一举两得。例如，本节课内容之一为“横幅广告管理器”，教学课件的网页横幅左侧就是一个广告管理器的使用，学生既可以浏览网页的内容，又可以具体的知道横幅广告管理器究竟是什么。
由于本节课是网络环境下的教学模式和任务驱动的结合，是教学中新的尝试，存在许多不足之处，望专家指正。
四、课堂教学教案
课 题
动 态 网 页 制 作
共 2课时，第1课时
教 学

目 标
（一）认知目标
  1 、掌握横幅广告管理器的使用
   2 、掌握悬停按钮的制作 
   3、掌握滚动字幕的使用 
4、学会插入站点计数器 。
（二）能力目标
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、如果你不使用站点而直接建立一个单独的网页，横幅广告管理器有效果吗？悬停按钮能看到效果吗？字幕能看到效果吗？

【展示学生作品】
展示并分析作品

【总结】
总结本节课的主要内容，并提出下节课需要学习的内容

教学点评：
《创建网页》这节课，采用以学生为主体的学习方式，让学生自己搜集素材、自定主题、自己完成一个网主页的制作。但对初中学生应适当加以引导，如给学生几个风格不同的范例，让学生在模仿中创新，效果会好一些。这节课目标达成率不太高。