第二节网页的建立.docVIP

第二节：网页的建立 执教者：市五中 刘国建 课题：网页的建立 教学目标： 知识目标：1、初步了解网页制作的过程，熟悉网页的各种元素培养学生与他人协作的学习品质，加强集体主义的观念文件(新建(站点 在什么视图下我们可以编辑网页？ [切换到FrontPage界面] 网页视图下 [师]：那么文件菜单下的“打开”命令能不能打开我们的站点呢？ [生]： [师]：对，这个菜单命令不能打开我们的站点，它只能打开文件； [师]：在FrontPage网页视图下如何制作网页呢？这就是我们这节课所要学习的内容——第二节：网页的建立。[切换到本节课主页] 教学过程： [师]：我们首先来看一下我们这节课所要达到的教学目标： [展示教学目标]： [师]：我们在未学习如何制作一个简单网页前，我们先来分析一下别人所做的网页都有哪些元素组成： [展示“绿色家园”页面，和学生一齐分析网页组成的元素：文本、图片、动画和背景] （生可能不知“水平线”是网页元素） [师]：（用鼠标指向水平线）：这个是什么元素呢？是不是我在Word中划的一条线呢？对，其实不是，这是我们在制作网页时所需元素之一：水平线 [师]：其实，我们在FrontPage中制作网页，也是从这几个方面入手的，好，下面我们就来学习在FrontPage这些元素的插入： 1、文本的输入 [师]：我们首先看文本的输入，在Word中我们学习了文本的输入及编辑，在FrontPage中文本的输入及编辑和Word中相类似，即：可以用键盘输入，可以用复制/粘贴的方法。 [教师演示] 2、图片的插入 [师]：我们来看第二个元素的插入：图片，说到图片的插入，大家首先想到了什么菜单呢？ [生]：“插入” [教师演示] 3、动画的插入 [师]：在网页中，加入动画可为网页增辉不少，那么在FrontPage中如何插入动画呢？到哪个菜单下面去找呢？ [生]：插入菜单 [师操作演示]：插入(图片(来自文件… [师]：有些同学就会问，这样的操作不是插入图片的操作吗？是的，只不过我们选择的“图片”是GIF格式的，GIF格式文件可由多张图片组成，这些图片交替出现，从而形成了动画。这一点，有兴趣的同学课下可以学习一下。 4、水平线的插入 [师]：大家可以看到，在一些网页中，插入水平线可以把页面中相关的信息组合在一齐，是不是在页面插入的水平线越多越好呢？（不是），那么在网页中如何插入水平线呢？大家想一下，到哪个菜单里去找呢？（插入） [师]：对，是在“插入”菜单里面。 [操作演示]：插入(水平线 [师]：我们制作网页时，如果页面背景全部是白色，那显得很单调，那么，我们如何来修改网页页面的背景呢？ 5、网页背景 [师]：大家想一下，如何来修改网页的背景呢？ [操作演示]：右击(网页属性(背景/格式(背景 [师]：大家看到，在弹出的对话框中，我们即可以用图片作为页面的背景，也可以用某种颜色作为页面的背景。 [操作演示]： [师]：大家看到我所制作的页面并不美观，可以说页面的元素是乱七八糟的，那么怎么把文字变得更“漂亮”一点，怎么使水平线的颜色、长度、高度发生变化？怎样使图片、动画水平居中，怎样使整个页面布局合理点？这些问题留给大家在制作自己的网页时给以解决，好，下面我们来看一下我们这节课的任务： [出示学习任务] 上节课我们建立了一个“HuanBao”站点，请你制作一个环保网站的欢迎页——“绿色家园”； 你已经建立自己的站点了，也就是说你已经是一个网站的站长的，请你制作一个介绍自己的页面，可参考“作品展示”中的“站长简介”页面； 请你为你的语文老师制作一个《再别康桥》或者其他诗词的页面（网上素材库存提供的有相应的文本素材） [要求]：学习任务一必须完成，有能力的同学完成学习任务一后，可完成学习任务二、三。 [师]：好，下面大家打开IE，在地址栏输入54:8080，访问我们这节课的主面，对学习任务不清楚的、在制作过程中遇到问题的、需要看优秀作品的、需要素材的都可以到相应栏目去找。 [学生活动] 约15分钟； [教师巡视，注意下列问题] 1、解决学生实际遇到的问题； 2、找一个好的作品和一个差的作品； 3、做相关提示：（1）网上素材库；（2）网页布局要美观；（3）网页要保存到自己的站点文件夹中；（4）网上的“自我测试”栏目； [师]：好，大家制作的也差不多了，下面我们来展示一下同学的作品： [展示好作品，先问美观不美观，后让该位同学给大家演示（1）如何修改文字的字体、颜色、水平居中；（2）修改水平线的属性；（3）图片和动画的居中] [展示差作品，和学生一齐分析有哪不足，需要怎样改进等] [师]：好，下面我们再来看一下我们在制作页面所要注意的问题： [操作演示边讲]： [师]：（1）我们在用图片作为网页的背景时，图片要越小越好，这样能提高网页