1  我的第一个网页
教学时间
1课时
活动任务
1、 认识frontpage,了解它的界面
2、 制作一张文字网页
  3、了解什么是网页,它的含义
教学目标
1、 完成活动任务
2、 激发学生学习兴趣
3、 鼓励学生自主探索学习和小组协作学习的能力
重、难点
重难点:网页的保存和预览
资源管理器停止工作
教学方法
任务驱动法、自主探索学习法、反馈矫正法、互助协作学习法
教具学具
教材配套素材包,多媒体教室和网络演示平台
教学过程
一、引入
  同学们都非常喜欢上网,喜欢网上的游戏、音乐、电影、动画等等,那么大家真的了解网络吗?每次玩游戏的时候你打开的有趣的网站你知道他是怎么做出来的吗?那么就和我一起来探索这其乐无穷的网络世界吧。
介绍:什么是WEB
介绍:什么是网页、网站,它们的区别。
(可先打开各种不同类型的网站调动学生学习主动性)
不管是做网站还是网页,都需要用到专门的制作工具,这就是我们本学期将要学到的一个新工具:frontpage2003.,今天我们要做一张网页
让我们一起来认识它。
二、新课教学:
  教师演示:
1、 启动frontpage2003
2、 认识frontpage2003的工作环境
(讲解中可结合视频演示)
3  制作文字网页
1)请同学们仔细观察frontpage的工作界面,看看与word有什么相同和不同。
mc门任务
教师:原来在frontpage里输入文字和word是一样的,好吧,大家可以输入你想说的一句话,同学们,你的网页就要完成了,大家开始干吧。
(生输入任意文字,先做好的学生可让其充当小老师帮组其他同学,帮会一个学生有加分)
      4、网页保存
 
教师:好了,大家都把要说的话录入完毕了,现在我们要把这张网页保存起来,因为只有保存起来,这张网页才算真正的完成。
保存的时候,请大家一定要记好:请把你做的这一张网页文件名改为:index.htm
动手吧
(个别学生提问:为什么不能取自己想取的名字呢。教师可做解释)
5、网页预览
好了,大功告成,我们自己动手的第一张网页就做好了,下面我们来看看它到底是个什么样子。我们现在需要在IE浏览器里看看它的样子。
演示:选择“文件”菜单中的“在浏览器中预览”下的“microsoft internet explorer 6.0”,这样,就可以在IE中打开刚才制作的网页了。怎么样,你的是不是这个样子呢?
(有个别学生还会发现另一种更方便的预览方式,即:软件视图工具栏中的“预览”,可请学生上台介绍)
  问题:可能会有学生想修改文字内容,但不会,这时老师可做补充:
  我们可通过 视图工具栏 上的设计标签切换到文字录入模式,进行文字的修改。
小结:1、你发现frontpage工具栏上的按钮和word有什么异同了吗?
      2、通过自己的努力,你学会什么,自己发现了什么?哪些还没弄懂?
      去云南旅游必备物品(没弄懂的由老师进行辅导,时间不够则放在下节课解决)
本课反思或总结:
 
2 让网页漂亮起来
教学时间
1课时
活动任务
1 学会设置网页中的文字
2 在网页中插入水平线
教学目标
1、对网页文字能进行美化
2、熟悉网页中文字的基本设置
3、了解水平线的作用
重、难点
重点:对文字的基本设置
难点:水平线设置
教学方法
任务驱动法、自主探索学习法、教师演示、互助协作学习法
教具学具
教材配套素材包,多媒体展示平台
教学过程
一、新课引入
我们的第一个网页在上节课已经大功告成,想必大家很兴奋,今天,让我们来为自己动手制作的网页进行一些简单的美化,让它更漂亮。
首先请同学们启动frontpage(提示大家启动的方式)选择文件菜单中的“打开”,到上节课你保存的作品。
(此环节也是一个复习的环节,可让学生自己完成,如果存在问题,可由老师演示)
二、新课教学
为了让我们的网页更生动漂亮,下面我们来对文字进行一些设置,只需简单的设置,你的网页就会完全不一样了。来,一起来看看我们的电脑小博士是怎么操作的。
播放教学视频
看完请学生思考:这个操作的步骤有没有同学能回忆起我们曾在哪儿学过?
(学生思考回答,教师提示,进行知识迁移的训练。)
原来,frontpageword真是一对兄弟,它们的界面不禁相似,连操作都差不多。请大家试着来为你网页中的文字进行一番美化吧。
教师提示:可参考书中的步骤,也可自己进行设置。
完成后提问:你还发现另一种更快捷的设置方式了吗?
    学生发表见解,教师补充
小结:我们可以用这种方法对网页中的其他文字进行设置。
插入修改水平线
在网页制作过程中,为了使网页条理清晰,美化网页,我们可以在标题和正文之间插入一条水平线。就像这样(演示水平线)
请大家结合书中的第3步自己来完成水平线的插入。
教师:水平线也是可以美化的,请大家到书中寻求方法。
(指定小老师,和教师本人一起其他学生。)
保存网页
挑战:
建立一个新网页,输入五首唐诗或者宋词,按照自己的喜好设置字体、字号、颜。
本课反思或总结:
 
3 让网页有声有
教学时间
1课时
活动任务
1、学会设置网页的背景颜和背景图片
2、学会给网页设置背景音乐
教学目标
完成活动任务
重、难点
重点:网页背景图片和颜的设置
教具学具
教材配套资源包,多媒体展示平台
教学过程
一、 复习
复习文字设置的方法,可让学生演示,或提问
二、 新课教学财位在哪里
    同学们,大家都还记得当你打开那个熟悉的4399网页时,上面充满了各种美妙的音乐,游戏还有好看的彩,这些网页是怎么做出来的呢?今天我们就要给自己的网页来配配,插入一首音乐,让我们的网页有声有,愿意一起来做吗?好,我们开始吧!
1、给网页设置背景音乐
出示一张做好的配有音乐的网页让学生实际感受
打开上节课做好的网页
教师演示设置背景音乐的方法
本田cm300提示:将相关音乐文件放入网络素材包,让学生自由选择自己喜欢的音乐文件。
预览一下,你的网页有声音了吗?
(期间可安排小老师及教师本人巡回指导)
2、设置背景颜和图片
网页有声了,怎么让它有呢?让我们一起来看看电脑小博士 是怎么做的
(观看教学视频,)
请同学们2人为一组参考教学视频内容和书中的步骤共同来完成颜和图片的设置,
2人为小单位,可边做可讨论,教师指导)
图片素材已经准备好,学生可访问素材包来获取
教师解疑:
(1) 如何将图片设为背景?
(2) “水印”效果是什么意思?
3)除了用现成的图片,还能自己制定一种喜欢的颜吗?
以上可由教师演示,学生示范来解决
试一试:
网上有很多可爱的动画GIF图片,请大家试试 到网上去下载这样的动画文件来做你的背景图片,看看有何效果?
(讲解如何搜索下载GIF图片)
完成我的记录
本课反思或总结
淘宝网开店货源