教学

过程

及内

容

教学环节

教学内容

处理方式

设计意图

情境设置

比较两种不同网页

:

（打开猫扑网论坛和校内网论坛）
我们先来看一下两个网站的论坛，然后比较一下
这两个网页在结构上有什么不同。
我们先看下猫扑网论坛：这里有帖子的列表，
我们点击其中一个，页面就全部跳转到这个帖，
当我们想看其他帖的时候，要先回到刚才的帖子
列表，才能重新选择
（ 提 问 ） 我们再来看下校内网论坛，它的网页
结构和刚才的猫扑网有什么不同呢？我们看到页
面的左边是帖子的列表，点击其中一个，页面的
右边会跳转到这个帖子，而左边还有上边都是是
不变的，如果要换个帖子看的话，我们可以直接
在左边列表重新选择，边选择边浏览。这样的网
页用来浏览帖子是不是要比刚才猫扑论坛的方便
很多？

引 导 学 生
对 不 同 结
构 的 网 页
进 行 对 比
判断

激 发 学 生 兴 趣
创 设 的 问 题 能
让 学 生 很 快 进
入课堂氛围

新知探究

（15 分钟）

（一）什么是框架网页

：

这就是一种框架网页。框架网页是一种特殊的网
页，它把浏览器窗口分割成不同的区域，每个区
域显示不同的内容，这些区域就叫做框架，具有
这种功能的网页就叫做框架页。

（二）展示做好的框架网页：

前几节课让大家做了自己的星座主页还有十二星
座首页，这节课我们就要利用框架来把我们做的
两个网页做成能在左边的目录列表进行选择，选
择后可以在右边的框架进行浏览。这个框架网页
中我们看到的右侧的网页都是我们班上一些做的
不错的同学的网页，这个在做框架网页的时候不
用重新做，只要对左边目录创建必要的链接，链
接到做好的网页就可以了。目前还差好几个星座
的，其他星座的我还没看到特别好的，等你们做
好了交给我以后我再进行筛选，把这几个给补上，
现在做好的这些星座，如果后面还有更好的我也
会添加上去。现在我们就先来看下怎么做这个框
架网页。

（三）新建站点

要做一个框架网页，我们最好先新建一个站点，
这个站点中存放我们做框架网页要用到的所有文
件，比如刚才那个框架网页，里面我们用到了几
个同学的网页，所以我在做这个框架网页之前要
把同学的网页文件存放到一个文件夹中，我们是
把这个文件夹作为一个站点。

展 示 做 好
的 框 架 网
页

演示操作

让 学 生 明 白 这
节课要做什么