简单的网页制作(三).docVIP

教学课题 创建框架网页 所用教材 教材名称：　　中学信息技术（初中） 　第　全 册，第　5　章　5　节，第　1　课时 课时安排 1课时 教学用具 教学目标 知识与技能 了解框架网页与一般网页的区别；学会创建一个站点；学会用站点中的网页文件创建框架网页。 过程与方法 能对自己做过的作品进行采集和组织；能对自己和他人的信息活动过程和结果进行评价，能归纳利用信息技术解决问题的基本思想方法。 情感态度与价值观 激发和保持对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。 教学重点 如何创建框架网页 教学难点 让学生明白为什么在创建框架网页之前要创建一个站点，而创建站点时必须把所有可能用到的网页文件都保存到站点文件夹中 教学方法 任务驱动教学 板书设计 让学生新建自己的文件夹命名规则为“班级座号姓名” 学校ftp地址及其用户名和密码，方便学生上交作业 教学过程及内容 教学环节 教学内容 处理方式 设计意图 情境设置 比较两种不同网页: （打开猫扑网论坛和校内网论坛） 我们先来看一下两个网站的论坛，然后比较一下这两个网页在结构上有什么不同。 我们先看下猫扑网论坛：这里有帖子的列表， 我们点击其中一个，页面就全部跳转到这个帖，当我们想看其他帖的时候，要先回到刚才的帖子列表，才能重新选择 （提问）我们再来看下校内网论坛，它的网页结构和刚才的猫扑网有什么不同呢？我们看到页面的左边是帖子的列表，点击其中一个，页面的右边会跳转到这个帖子，而左边还有上边都是是不变的，如果要换个帖子看的话，我们可以直接在左边列表重新选择，边选择边浏览。这样的网页用来浏览帖子是不是要比刚才猫扑论坛的方便很多？ 引导学生对不同结构的网页进行对比判断 激发学生兴趣，创设的问题能让学生很快进入课堂氛围 新知探究（15分钟） （一）什么是框架网页： 这就是一种框架网页。框架网页是一种特殊的网页，它把浏览器窗口分割成不同的区域，每个区域显示不同的内容，这些区域就叫做框架，具有这种功能的网页就叫做框架页。 （二）展示做好的框架网页： 前几节课让大家做了自己的星座主页还有十二星座首页，这节课我们就要利用框架来把我们做的两个网页做成能在左边的目录列表进行选择，选择后可以在右边的框架进行浏览。这个框架网页中我们看到的右侧的网页都是我们班上一些做的不错的同学的网页，这个在做框架网页的时候不用重新做，只要对左边目录创建必要的链接，链接到做好的网页就可以了。目前还差好几个星座的，其他星座的我还没看到特别好的，等你们做好了交给我以后我再进行筛选，把这几个给补上，现在做好的这些星座，如果后面还有更好的我也会添加上去。现在我们就先来看下怎么做这个框架网页。 （三）新建站点 要做一个框架网页，我们最好先新建一个站点，这个站点中存放我们做框架网页要用到的所有文件，比如刚才那个框架网页，里面我们用到了几个同学的网页，所以我在做这个框架网页之前要把同学的网页文件存放到一个文件夹中，我们是把这个文件夹作为一个站点。 展示做好的框架网页 演示操作 演示操作 演示操作 演示操作 让学生明白这节课要做什么 鼓励学生努力认真做好自己的网页 即时体验（30分钟） 把ftp上自己之前做的网页下载到自己电脑，存放到站点文件夹当中，然后让学生开始学做框架网页 学生进行实践，教师适当地引导学生，学生做好后保存 帮助学生巩固所学知识 教学过程及内容 新知探究（15分钟） 在自己电脑的d盘新建一个文件夹“班级座号姓名”，然后，想想我们做框架网页要用到那些网页，，比如说我点开这个天蝎座，右边出现的这个网页，这是我们要链接的网页，所以就要预先把这个网页的所有相关文件放在我们刚才新建的站点里头要用到的网页全部放过去以后，才开始真正地制作框架网页。一会做框架网页中用到的网页链接我们就都在这个站点里找。建好站点文件夹后，启动FrontPage，把它默认新建的这个普通网页关闭掉在新建框架网页之前我们先打开刚才建好的站点，点击【文件】-【打开站点】，找到刚才我们建的文件夹，【打开】。 打开站点后，左侧出现一个文件夹列表，里面显示的是站点文件夹中的所有文件，不需要的时候我们可以在工具栏中【文件夹列表】点掉，需要查看的时候可以再点击它就出现了。 （四）新建框架网页 打开站点以后，我们来看下如何新建框架网页，点击【文件】-【新建】-【网页】，在弹出的对话框中，选择【框架网页】标签，这里有好多种的框架结构可以供我们选择，刚才我们看到的校内网论坛它的框架结构就是【横幅和目录】类型的框架，那今天我们做的只要是目录的就行了。 （五）编辑框架网页 这时候我们看到这个框架网页和我们以前的普通网页不一样，它分成了左右两个框架，我们可以对它们进行独立的编辑。 设置左边框架的属性： 右击-【框架属性