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

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

本节.课采纳网络环境下的教学方式，将老师的教学步骤制作成课件存放在服务器上，学生上课

时依据老师指定的方法和步骤，洛课件下载到本机的硬盘上（如D上）或干脆阅读，可以清晰的看

到教学步骤和过程，并选择不同的网页分别学习。

一、教材分析

这节课内容为“动态网页制作”，依据时间和学生的学习实力选择了5项：

1、横幅广告管理器的运用

2、悬停按钮的制作

3、滚动字幕的制作

4、插入站点计数器

5、运用动态HTML效果

学生先依据指定的路径输入地址，或将教学过程的网页下载保存到D盘，打开教学过程网页后，

完成前4项，依据自己的实际状况，有时间的同学再完成第5项。

二、教学模式一一网络环境的教学模式并结合任务驱动的方法

所谓网络环境下的教学模式是把多媒体机厉看成一个局域网，老师机作为服务器，老师把要学

习的内容和要完成的学习任务做成课件放在服务器上，学生依据指定的方法连接到服务器上，阅览

学习内容，并且完成老师指定的任务。整个学习过程学生发挥了很大的主动性，成为课堂的主体，

而老师则巡察和辅导一下，成为了客体。网络环境下的教学模式是新的教学模式，本节课体现的就

是这种探讨性学习。

任务驱动教学方法是信息技术课堂常用的•种教学方法，也就是给学生布置任务，让学生学习

有目标，是学生在完成任务的过程中学到学问和技能。本节课也采纳了这种方法，把任务放在服务

牌上，这些任务学生必需完成，学生要完成学习任务就要先学会利用网络进行学习，完成任务后也

就驾驭了这些学问和技能。

三、课件设计

在课件的设计，把5个动态效果详细体现在教学课件上，使得该课件既可以让学生学习乂是这

5个内容的详细例子，一箭双雕。例如，本节课内容之一为“横帕广告管理器”，教学课件的网页横

幅左侧就是一个广告管理器的运用，学生既可以阅读网页的内容，乂可以详细的知道横幅广告管理

萧原委是什么。

由于本节课是网络环境下的教学模式和任务驳动的结合，是教学中新的尝试，存在很多不足之

处，望专家指正。

四、课堂教学教案

课题动态网页制作共2课时，第1课时

（-）认知目标

1、驾驭横幅广告管理器的运用

2、驾驭悬停按钮的制作

3、驾驭滚动字幕的运用

教学

4、学会插入站点计数器□

（二）实力目标

目标1、学会利用网络学习：

2、培育自主学习的实力。

（三）情感目标

1、培育学生相互学习、相互帮助的好习惯；

使学生得到学会学问后收获的喜悦。

教学协助手段多媒体网络教室：网络环境的教学模式

【引入】

在前几节课中我们学习了如何建立站点，再在站点中建立几个网页，

在网页中处理.图片，以及建立不同网页之间和同一网页之内的超链接，网

页表格等内容。

5教

学了这些我们好象已经有所收获了，可是总觉得少了些什么。少了些

分学什么呢？大家来看一个网页。

（展示一个网页）

钟过大家可以看到网页中有很多动态效果，这些动态效果就是我们站点的

网页中所缺少的。

程

（有了这些效果，我们的网页会多什么优点呢？）

有了这些动态效果，我们的网页动起来了，活泼起来了，也更能体现自

己站点的特色。

如何制作动态网页呢？这就是我们今日要学习的内容。

课题动态网页制作共2课时，第1课时

打算

学问3

分钟

【打算学问一一如何在网络环境下学习】

打开桌面的“网上邻居”窗口，在地址栏输入tl/dtwy（小写英文状

态，并按回车键稍等）。进入《动态网页制作》主页，在这里你可以细

致阅览今日须要学习的内容和要完成的学习任务。

演示【讲解演示学习内容】

第一

演示•种动态效果的制作一横幅广告管理器

项内

我们今日要学习4项内容，先看老师演示第一种动态效果横幅广告管理

容6分

钟器的建立过程：

第一步：打开你的站点（肯定必需是站点），新建一个网页并保存命名

为dtwy,以后的几种动态效果都存放在此网页中。

其次步：依次单击菜单“插入'组件\横福广告管理器”，如

教

图1,（若在“组件”子菜单下找不到横幅广告管理器

吩咐，点击吩咐隐藏按钮*I）

学

图1

过

茹人①格式9）工具（I）表格®框架（B）窗口约帮

程

类行符⑹…JG-喳口T

水平线（U

BZu等W=；

三期和时间①…

I图俎件9）►

通Office电子表格®

数据庠@>

々Office数据透视表⑦

表单（西

►OOffice图表⑴

硒⑷►

国橙幅广告首理器（U）...

01t(P)►

迫站点计数器（。…

文件(日…

悬停按赳电）…

■.超施接❿…Ctri+K

亡3字幕电）…

V

打开“横幅广告管理器”对话框，如图2

课题动态网页制作共2课时,第1课时

图2

第三步：点击如图2的“添加”按钮，选择计算机中适合的图片，并

教

点“确定”，用同样的方法再添加2-3幅图片。将“每幅图片显示秒

学

数”改为3

过第四步：保存后侦览，观看效果。

留意点：1、运用站点，否则没有效果2、文件要保存在你的站点

程

中

完成

【学生任务一】

第一

个任依据指定路径打开老师机dtwy的主页，阅读横幅广告管理器的制作过

务

程，并打开Fronlpage2000制作。

8-10

分钟【巡察辅导】

【思索】

展示

并分怎样变更横幅广告管理器的大小使之与图片大小一样？

析5分

【展示学生作品】

钟

展示几个学生作品，分析优点缺点

课题动态网页制作共2课时，第1课时

【学生任务二】

完成

运用建立的diwy,进行悬停按钮的制作

任务

2-4

【学生任务三】

仍旧运用你建立的diwy.制作滚动字幕效果

10分

钟

【学生任务四】

插入站点计数器

【思索】

1、字幕背景和字体的浚置在1可一个对话框里吗？分别如何段置

2、假如你不运用站点而干脆建立一个单独的网页，横幅广告管理器有效

果吗？悬停按钮能看到效果吗？字幕能看到效果吗？

展示

并总教