清华大学信息技术五年级下册教案Word格式.docx

清华大学信息技术五年级下册教案Word格式.docx

《清华大学信息技术五年级下册教案Word格式.docx》由会员分享，可在线阅读，更多相关《清华大学信息技术五年级下册教案Word格式.docx（19页珍藏版）》请在冰豆网上搜索。

在开始建立网站之前，要先根据网站的主题，确定这个网站需要由多少网页组成以及这些网页之间的连接方式。

3、为网站准备素材

在动手制作网站之前，应为网站准备素材。

网页中除了文字之外，还包括图片、声音、动画等多种内容，这些资料应在制作网页之前准备好，并存放在一个文件夹中。

1

三、花园之匙——创建个人网站

学会使用FrontPage2000制作网站。

创建自己的个人网站。

创建自己的个人网站

运用FrontPage制作网站

1、新建站点

（1）.启动FrontPage2000

（2）.创建站点

2、制作首页

（1）.使用表格对首页进行布局安排

（2）.在表格第一行添加相关内容

（3）.在表格中添加其他内容

3、保存并预览index页

步骤1：

保存网页，注意将所有的图片保存到images文件夹。

步骤2：

单击“预览”标签，打开“预览”选项卡，观看网页制作的效果。

四、美景装饰——修饰首页

插入组件——字幕。

1、设置网页背景；

2、制作网站导航.

设置网页背景

制作网站导航

1、打开保存的站点

（2）.打开站点

2、插入组件——字幕

（1）将插入点放到要使用字幕的位置

（2）在“文本”框中输入需要滚动的文字，并根据需要设置字幕的滚动效果

3、设置网页背景

（1）设置背景颜色

（2）设置背景音乐

4、制作网站导航

（1）将插入点放到要插入悬停按钮的位置

（2）输入悬停按钮上显示的文本并设置“颜色”、“效果”、“效果颜色”

5、保存并浏览index页效果

6、学生动手操作

五、卡通世界——设置共享边框

设置共享边框。

创建“卡通世界”网页。

设置共享边框

1、在站点中新建“卡通世界”文件夹

（1）启动FrontPage2000

（2）新建文件夹

2、创建“卡通世界”网页

（1）新建网页

（2）保存网页至ktsj文件夹

3、设置共享边框

（1）插入共享边框

（2）设置顶端的共享边框

4、保存网页并浏览

5、学生动手操作

六、幻影移形——创建横幅广告

1、用表格规划网页；

2、创建横幅广告；

插入水平线。

创建横幅广告

用表格规划网页

1、用表格规划网页

创建表格，添加所需的介绍文字

2、创建横幅广告

（1）将插入点定位在需要插入横幅广告的位置

（2）在“横幅广告管理器属性”对话框中，添加横幅广告，共4幅

（3）根据需要设置横幅的宽度、高度、过度效果及每幅图片显示时间（秒）

（4）制作完成后保存网页

3、插入水平线

（1）插入一条水平线

（2）插入彩色水平线

4、设置背景颜色

网页中的背景颜色可以用不同的方法设置。

创建与首页的超链接

（1）制作从“首页”到kt页面的超链接

（2）制作从kt网页到indwx网页的超链接

7、学生动手操作

七、闪亮登场——在网页中导入文件

新建4个网页。

编辑网页。

新建4个网页

编辑网页

1、在“卡通世界”中新建4个网页并改名保存

打开Web站点后，在ktsj文件夹中，新建4个空白网页，文件名分别为：

kt1.htm、kt2.htm、kt3.htm、kt4.htm，并分别更改4个网页的“网页标题”，使用卡通任务的名称命名。

2、编辑网页

（1）在网页上设置共享边框

（2）分别在网页上插入图片

①导入图片文件

②创建表格，插入图片

3、学生动手操作，教师巡视

八、联合演出——整合栏目

创建内部网页之间的超链接。

设置已有网页之间的导航结构。

创建内部网页之间的超链接

设置已有网页之间的导航结构

1、创建“卡通世界”内部网页之间的超链接

（1）为悬停按钮设置超链接

（2）在4个网页中创建返回kt.htm的图片超链接

2、设置已有网页之间的导航结构

（1）单击“视图”栏中“导航”按钮，进入“导航”视图

（2）将“文件夹列表”框中的kt.htm文件拖动到右面导航栏“主页”的下方，待虚线相接，释放鼠标即可

（3）按照层次关系，将kt1.htm、kt2.htm、kt3.htm、kt4.htm依次拖动到“卡通世界”的下一层

九、作文乐园——插入导航栏

1、在新建的专用文件夹中建立网页文件；

2、在“导航”视图中创建栏目的导航结构。

在“作文乐园”网页中插入导航栏。

在“导航”视图中创建栏目的导航结构

在“作文乐园”网页中插入导航栏

1、在新建的专用文件夹中建立网页文件

（1）打开“彩虹花园”站点

（2）新建文件夹zwly

（3）新建栏目首页

（4）继续新建栏目网页

2、在“导航”视图中创建栏目的导航结构

（1）将“作文乐园”网页拖动到主页下方，与“卡通世界”并列

（2）继续制作导航结构

3、在“作文乐园”网页中插入导航栏

（1）初步制作zw.htm网页

（2）在网页中插入导航栏

4、学生动手操作，教师巡视

十、美文赏析——在网页中插入书签

知识与技能1、在作文乐园各栏目网页中插入导航栏；

2、制作“人物写真”栏目网页。

在网页中设置“书签”。

在作文乐园各栏目网页中插入导航栏

在网页中设置“书签”

1、在作文乐园各栏目网页中插入导航栏

（1）插入导航栏

（2）设置导航栏属性

2、制作“人物写真”栏目网页

（1）以表格规划网页，并在导航栏下方输入文章标题

（2）在网页中，非别按题目顺序依次输入或粘贴文章内容

3、在网页中设置“书签”

（1）插入书签

（2）将网页中的文章目录链接到相应书签

4、完成“作文乐园”部分的整体制作

（1）完成各子网页的制作

（2）将站点中的各种相关链接补充完整

5、学生动手操作，教师巡视

第11课小小戏迷――建网页做导航

（一）本课教学目标：

1、学会在"

导航"

视图中建立新的网页。

2、学会利用"

文件夹列表"

更改新建网页的文件名和保存的位置。

熟练将素材导入指定的文件夹中。

培养学生自主探究与分工合作的能力。

（二）教学设计与教学建议：

教学方法：

自主学习、小组合作学习。

1、课堂引入分析：

学生可以用学过的方法创建"

小小戏迷"

栏目。

问题：

（1）在"

视图中能新建网页文件吗？

（2）在"

视图中能对新建的网页文件更改网页标题和文件名吗？

（3）在"

视图中新建的网页文件存到哪里了？

。

总结本节课的知识点。

2、重点难点内容：

直接在"

视图中创建文件夹和网页文件，也是这节课的。

在"

中在创建文件夹，建立新的网页，然后在"

视图中根据已有的网页建立导航结构。

需要注意的是:

视图中新建的网页文件默认的位置是在站点文件夹下。

（2）虽然网页标题更改了，但网页文件的文件名没有改。

（3）可以在"

文件夹"

视图中，更改网页保存的位置和网页的文件名。

给网页重命名时，注意不要更改文件名的后缀。

htm，否则可能会出现错误，导致网页打不开。

（三）归纳提高分析：

（1）在"

视图中，可以在新建网页的同时创建导航结构，并更改网页标题。

视图中新建的网页文件默认的保存位置是在站点文件夹下，虽然网页标题更改了，但网页文件的文件名没有改。

因此需要在"

视图中更改网页保存的位置和网页的文件名。

（四）教学补充：

1、在网页中插入导航栏：

在同一层的网页中插入导航栏，只需要在一个网页中设置好导航栏，然后把导航栏复制到其它几个网页中就可以了。

例如在"

京剧"

网页中插入导航栏，设置好"

导航栏属性"

后，只要把它复制到与它同一层的网页中，如"

评剧"

，"

豫剧"

等，不需要在这几个网页中再单独插入导航栏了。

2、为网页文件重命名的方法有多种，可以在"

中对网页文件重命名，也可以在"

视图中对网页文件重命名。

第12课动人影音――在网页中插入音频和视频文件

1、学会使用Active控件在网站中添加音频文件。

2、学会使用Active控件在网站中添加视频文件。

会在播放音视频时，运用控件的控制按钮控制音频，视频的播放与停止。

理解"

相对路径"

与"

绝对路径"

的概念。

培养分析问题和解决问题的能力。

在网页中加入音频和视频，这是学生非常感兴趣的内容。

此前，学生曾经在PowerPoint软件中学习过插入声音和视频，因此在课堂的引入部分可以这样设计:

首先，教师出示几个带有音频和视频文件的网页让学生欣赏，然后给学生提供音频和视频文件，让学生根据以往的经验尝试将这些文件直接插入网页中。

在尝试过程中，学生会发现根据以往的经验做不出来。

教师将解决问题的方法写在学习资料中，让学生参考教材和学习资料通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程（提倡），也可以是教师演示操作过程。

2、重难点内容分析：

本节课的重点可以归纳为两点:

（1）重点：

利用ActiveX控件在网页中插入音频和视频：

ActiveX控件是一些具有特定功能的软件，如WindowsMediaPlayer就是Windows操作系统中自带的一个播放数字媒体的软件，能够播放音乐，视频，CD，VCD，DVD等，在网页中加入WindowsMediaPlayer这个ActiveX控件，就可以在网页中播放音乐，视频了。

而且还可以通过控件的各个控制按钮对播放的速度，音量等进行控制。

（2）难点：

理解相对路径与绝对路径：

在制作网站过程中，理解相对路径和绝对路径的概念是重点，也是难点。

在为插入网页的WindowsMediaPlayer控件指向链接的文件时，通常选择的是绝对路径。

绝对路径指的是文件存在于本地计算机上的位置，\web\xxxm\audio\gls.mp3"

，这就是绝对路径，计算机只会根据绝对路径寻找文件，如果"

audio"

这个文件夹的位置改变了，则因找不到媒体文件而无法播放。

如果把"

D:

\web\xxxm\audio\gls.mp3"

改成"

audio\gls.mp3"

，无论"

这个文件夹"

跑"

到哪里，计算机会自动搜索到这个文件夹，"

就是相对路径。

所以，用相对路径要更安全一些。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点：

（1）在网页中加入WindowsMediaPlayer这个ActiveX控件，可以在网页中播放音频和视频。

（2）可以通过控件的各个控制按钮对音频，视频播放的速度，音量等进行控制，还可以控制音频，视频的播放与停止。

（3）利用文字制作指向文本文件的超链接，并更改"

目标框架"

为"

新建窗口"

，在浏览时，将弹出新的窗口显示文本文件的内容。

（三）教学补充：

音频和视频文件的格式：

利用WindowsMediaPlayer控件在网页中能够播放的文件类型有要播放.mp2v文件，您的计算机上必须安装有DVD解码器软件或硬件。

文件类型（格式）文件扩展名音乐CD播放（CD音频）.cda音频交换文件格式（AIFF）.aif，.aifc和.aiffWindowsMedia音频和视频文件.asf，.asx，.wax，.wm，.wma，.wmd.wmp，.wmv，.wmx，.wpl，.wvxWindows音频和视频文件.avi和.wavWindowsMediaPlayer外观.wmz运动图像专家组（MPEG）.mpeg，.mpg，.m1v，.mp2，.mpa，.mpe，.mp2v*和.mpv2音乐器材数字接口（MIDI）.mid，.midi和.rmiAU（UNIX）.au和.sndMP3.mp3和.m3uDVD视频.vobMacromediaFlash.swf。

第13课闪客一族--创建框架网页

1、理解"

框架网页"

2、学会使用框架网页的组织形式构建网页。

会保存框架网页的各个部分。

框架网页是一种独特的页面组织方式，学生从来没见过这种网页。

为了让学生理解这种网页结构，在课堂引入部分可以这样设计首先，教师让学生观察两个网页，从表面上看两个网页内容完全相同，网页中的超链接的目标文件也相同。

一个网页是用表格规划的，一个是框架网页。

其次，让学生任意点击这两个网页上的超链接，观察它们有什么不同。

学生讨论，教师小结，引出本节课的学习任务——创建框架网页。

教师将解决问题的方法写在学习资料中，让学生参考教材和学习资料通过自主学习或小组合作学习的方式来完成本节课的学习任务，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程（提倡），也可以是教师演示操作过程。

（1）重点：

创建框架网页，操作过程并不难，但由于学生对"

的页面组织方式不理解，容易造成操作的失误，因此本节课的难点放在对"

的理解上。

框架网页是一种独特的页面组织方式。

它由导航框架和内容框架组成，一个框架网页窗口由几个独立的网页构成，单击导航框架中的网页导航超链接，即可在内容框架中显示相应的网页内容。

如右图所示，这是个三框架网页，由4个网页组成，3个小框架网页同属于整体的框架网页。

标题框架网页导航框架网页目标框架网页。

（2）难点：

保存框架网页。

由于框架网页独特的页面组织方式，保存框架网页和保存普通网页有所区别。

如下图所示的框架网页，由4个网页组成，就需要保存4次。

①保存顶端框架:

文件名为"

sk_top"

，网页标题为"

闪客一族"

②保存左端框架:

sk_left"

，网页标题同上。

③保存右端框架:

sk_right"

④保存整体框架:

sk"

标题框架网页导航框架网页目标框架网页

本课涉及到的知识可以归纳为以下几点：

（1）框架网页是一种独特的页面组织方式。

（2）FrontPage提供了10种框架布局模板。

一个框架网页由几个独立的网页组成，保存框架网页时，每一个网页都要单独保存，整体框架网页也要单独保存。

（3）如果框架的高度和宽度不合适，可以像调整表格的高度，宽度一样进行调整。

还可以通过"

框架属性"

对话框将框架隐藏起来。

隐藏框架：

为了让网页看起来更美观，往往把框架隐藏起来，操作过程如。

③将"

框架间距"

的值设置为"

0"

①打开"

对话框②单击"

④单击"

确定"

。

第14课动感Flash――在网页中插入flash

1、熟练掌握将Flash动画素材导入站点的操作。

2、使用"

插件"

在网页中插入Flash动画文件。

学会使用框架网页中的"

目录框架"

制作超链接。

在网页中插入Flash动画，这是学生非常感兴趣的内容。

因此在课堂的引入部分可以这样设计:

首先，请学生欣赏一组带有Flash动画的网页，然后教师给学生提供一些Flash动画文件让学生尝试插入网页中。

在尝试过程中，教师可以给学生一些提示:

（1）音频和视频文件是如何插入网页的

（2）利用同样的方法能不能将Flash动画插入网页中（3）用WindowsMediaPlay控件插入Flash动画，由于WindowsMediaPlay窗口不能隐藏，所以会影响网页的美观，有没有更好的方法插入Flash动画呢教师将解决问题的方法写在学习资料中，让学生参考教材和学习资料通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，可以让已经解决问题的学生通过多媒体演示操作过程（提倡），也可以是教师演示操作过程。

利用"

在网页中插入Flash动画。

"

是一些具有特定功能的应用程序，如在网页中插入格式为swf的Flash动画文件，根据插入的文件类型，会选择相应的应用程序来播放动画。

需要注意的是，在"

插件属性"

对话框中，"

数据源"

栏中最好输入动画文件的相对路径，以免因动画文件位置发生变化导致动画不能播放。

创建框架网页和普通网页间的"

超链接"

在"

栏目中，只有"

sk。

htm是框架网页，它的子层网页都是普通网页。

在导航框架网页中设置超链接，链接的目标网页将出现在"

目标框架中"

，而"

标题框架网页"

导航框架网页"

不变。

在设置sk。

htm网页指向主页的超链接时，由于主页不是"

，如果按默认值设置超链接时，主页就会出现在"

中，造成站点结构的混乱，为避免出现这种现象，在设置超链接时可选择"

，这样在访问主页时会打开一个新的窗口，而不受原有框架的影响。

（1）使用"

插入插件"

的方法在网页中插入Flash动画，网页中支持的Flash文件的格式是swf。

（2）创建框架网页和普通网页间的"

时，应注意设置恰当的"

当框架网页访问的目标是与它同一级别的网页或它上级的网页时，在设置超链接时可选择"

，这样在访问目标网页时会打开一个新的窗口，而不受原有框架的影响。

屏幕硬拷贝：

在观看影片，动画或玩游戏时，经常会看到一些漂亮的画面，如何将这些画面保存下来呢。

（1）当屏幕上出现要保存的画面时，迅速按下PrintScreen键，整个屏幕画面被复制到剪贴板中。

（2）打开画图程序，单击"

编辑"

菜单的"

粘贴"

命令，屏幕画面被粘贴到画图窗口中，修改之后保存到指定的位置。

利用这种方法可以积累很多图片素材。

第15课成果分享――检测与发布网站

1、学会使用"

视图查看网页间的链接关系，并修改错误。

2、学会使用"

报表"

视图检测网站的各种错误。

1、学会将站点发布到本机，局域网上。

2、学会申请免费的网页空间，并将网站上传到因特网上。

只有将建立好的网站发布，才能让更多的人分享自己的成果。

因此本节课的任务就是学习发布网站。

在课堂引入部分，可以这样设计:

首先，学生相互检查对方的网站是否有错，检查的内容有以下几点:

（1）内容是否正确，是否有错别字。

（2）网页布局是否合理，风格是否一致，颜色是否协调。

（3）超链接是否准确。

在检查的过程中，教师可以提示学生:

视图和"

视图有什么作用教师小结"

视图的作用。

其次，发布站点。

由于课堂时间有限，只让学生将网站发布到本机上，然后通过局域网相互浏览别人的网站，对别人的