第23课 《做一个自己的Homepage》教学案例.doc

第23课 《做一个自己的Homepage》教学案例 教学 目标 1．知识目标： 能把word文件转化为html文件。 掌握一些简单美化网页的方法，包括插入GIF动画、滚动文字、背景设置。 学会超级链接的设置。 2．能力目标： 培养学生的创新精神和审美能力。 3．情感目标： 培养学生学以致用，学习联系实际的能力和习惯。 课前 准备 电子教室系统或多媒体投影设备。 虚拟网络。 任务设 计 通过一个简单的校园网的制作过程，学会用Word制作网页，以及美化网页的方法。 教学 重点 把word文件转化为html文件，滚动文字、背景、超级链接的设置。 教学难点 滚动文字和超级链接的设置。 教 学 过 程 指导者 学习者 媒体 备注 导 入 （用虚拟网络，先展示一些网页。） 同学们，看了这些网页，大家有没想过自己来制作网页呢？大家知道哪些制作网页的工具？ 学生欣赏网页，回答问题。 大屏幕显示网页。 展 开 一、生成Html文件。 刚才同学们讲了制作网页的很多软件，那我们不能一口吃成一个大胖子，今天我们就用最简单的软件，以最快的速度做一个简单的网页，先体验一下其中的乐趣。我们就用学过的Word来尝试一下。 （打开一个预先用WORD做好的校园网主页，里面包括滚动的欢迎词，图片，GIF动画，背景，几个栏目，其中有一个“校园快讯”栏目，可以连接到另一个网页。） 我们看这两个网页哪个比较简单？我们先从简单的入手。（先让学生录入一则快讯） 那我们如何把它变为网页呢？怎么样的文件才算是网页呢？（对学生的演示回答补充讲解演示生成HTML文件，让学生把文件保存为xykx.htm。） 二、制作主页 我们已经学会了制作最简单的一个网页。接下来，我们来看主页。最引人注目的就是这条滚动的欢迎词了，是 学生练习 学生听讲回答问题 显示网页 显示教师演示内容 如何制作出来的？ 1、向学生较慢演示如何插入滚动文字，先找到【视图】→【工具栏】→【Web工具箱】→“滚动文字”按钮，在对话框中输入要滚动文字。 2、演示填充纹理背景，【格式】→【背景】→【填充效果】 3、提及插入GIF动画，类似插入图片。 4、布置学生练习，根据自己的审美和创意制作主页，强调一般主页的保存名“index.htm”。（素材预先共享） 三、设置超级链接 我们都已经基本完成了两个网页了，那如何把网页之间连接起来呢？我们要能点击主页中的“校园快讯”，能连接到xykx.htm这个网页。 （讲解演示设置超级链接的注意点：） 强调先选中要链接的文字。 各网页存放在同一个文件夹内。 注意超级链接到的文件的地址。 ４、布置学生练习超级链接。 学生听讲 学生练习 学生练习 显示教师机屏幕 显示网页 总 结 根据学生练习情况，讲解注意点。 展示学生网页。 听讲 欣赏 大屏幕显示学生网页 教 后 随 笔  下城区信息技术学科教学设计 .1. 杭州市下城区教育局教研室