闽教版五年级下册信息技术《制作框架网页》课件
∣五年级下册信息技术课件- 9《动感网页》 ∣闽教版
制作DHTML效果
单击菜单栏中的“视图”-“工具栏”-“DHTML效 果”命令，打开“DHTML效果”工具栏。
制作DHTML效果
选定需要添加动画效果的图片。
①选择一种事件
②选择一种效果
③选择设置
制作字幕
将插入点光标定位在要插入字幕的位置，单击“插 入”-“Web组件”-“动态效果”-“字幕”命令，打开“ 字幕属性”对话框。
①输入字幕的内容
②设置
插入Flash影片
单击菜单栏中的“插入”-“图片”-“Flash影片”命 令，打开“选择文件”对话框。
插入Flash影片
单击菜单栏中的“格式”-“属性”命令，打开 “Flash影片属性”对话框。
设置Flash影片为 背景透明效果
设置背景音乐
单击菜单栏中的“文件”-“属性”命令，打开“网 页属性”对话框。
单击“浏览”
创新活动
谢 谢 观 看
THANK YOU FOR YOUR WATCHING
人教版-信息技术-五年级下册-《制作简单的网页》课件
单击工具栏中的“保存”按钮。
五、在站点中新建网页
单击工具栏中的“新建”按钮。
000101010001
第5单元 网页制作 第2课 制作简单的网页
六、预览网页
单击工具栏中的“保存”按钮。
000101010001
第5单元 见面制作 第2课 制作简单的网页
000101010001
22
第4单元 网络基础及其应用 第1课 网络基础知识
当前编辑的网页名称
网
页
编辑状态网页的样子
编
HTML代码状态网页的样子
辑 区
发布后网页的样子
第5单元 网页制作 第2课 制作简单的网页
000101010001
二、创建站点 在C盘上建立一个主题为海洋的站点。
第１步：文件→新建→站点。出现下图：
第5单元 网页制作 第2课 制作简单的网页
000101010001
000101010001
P68
小结
第5单元 网页制作 第2课 制作简单的网页
000101010001
000101010001
第5单元 网页制作
第5单元 网页制作 第2课 制作简单的网页 一、启动FrontPage2003
000101010001
开始→程序→Microsoft FrontPage
标题栏 菜单栏 常用工具栏 格式工具栏
管理视图栏
第5单元 网页制作 第2课 制作简单的网页
000101010001
二、创建站点
第2步：选“只有一个网页的站点”，在“指定站 点的位置”输入：C:\海洋，单击“确定”。
第5单元 网页制作
Байду номын сангаас
000101010001
∣五年级下册信息技术课件- 10《链接网页》 ∣闽教版
长方形热点”“圆形热点”或“多边形热点”按钮。
长方形热点
圆形热点
多边形热点
创建图片的热点超链接
拖动鼠标，在图片上绘制热点。释放鼠标，自动弹出 “插入超链接”对话框。
选择热点链接的目标文件
创新活动
总结：通过网页的超链接，可以快速浏览到网站内 的各个网页。同学们，来吧！异彩纷呈、精彩万分 的因特网世界正向我们走来，让我们今后继续来探 究吧！
创建书签超链接
①插入书签 单击菜单栏中的“插入”-“书签”命令，打开“书 签”对话框。
输入书签名称
创建书签超链接
②创建指向书签的超链接 单击菜单栏中的“插入”-“超链接”命令，打开“ 插入超链接”对话框。
选择书签名称
创建图片的热点超链接
选择要添加热点的图片，单击菜单栏中的“视图”“工具栏”-“图片”命令，打开“图片”工具栏，选择“
学习目标
点超链接
超链接的作用
超链接是网页中最重要、最基本的元素之一，它可以 把孤立的网页链接起来，从而使网页间建立联系形成一个 有机的整体。
创建文件超链接
选择要创建超链接的文本，单击菜单栏中的“插入”“超链接”命令，打开“插入超链接”对话框。
谢 谢 观 看
THANK YOU FOR YOUR WATCHING
五年级下册信息技术第13课制作框架网页 人教新课标
学习过程
三、制作右框中的网页
仿照制作“北京风光”网页的操作方法，制作的“绘画摄影” 网页，并以huihua.htm为文件名保存起来。
学习过程
四、设置右框中的初始网页
动手做：设置“作品集锦”网 页右框的初始网页。
第1步：单击右框中的按钮，出现“创建超链接”对话框。 第2步：我到并双击已制作好的huihua.htm网页文件，右 框架中会显示出网页的内容。 此后，浏览该框架网页时，huihua.htm网页将作为初始 网页显示在右框架中。
第13课 制作框架网页
目录
小拓展 4 知识窗 5 课堂练习
学习目标
了解框架网页的初步知识。 能够制作简单的框架网页。
学习过程
浏览网页时，还会经常遇到另一种形式的网页——框架网 页。下面的“作品集锦”网页就是一个框架网页。
学习过程
这个网页由左右两个框架组成，每个框架中显示一个独立 的网页。访问这个网页时，单击左框架里的栏目名称，右框架 中就会显示出相应的网页内容。浏览不同栏目的网页内容时， 左框架里的内容保持不变，右框架里只显示当前选定栏目的网 页内容。
谢谢
知识窗
框架网页是一种特殊的网页，它把网页分为几个部分，每 个框架显示不同的网页，各框架中的网页通过超链接建立联系。 利用框架网页，可以使网页布局更合理，条理更清晰，帮助浏 览者了解网站结构，避免在浏览时迷失方向。但如果在同一窗 口中使用过多的框架，会使浏览者感到眼花缭乱、无所适从。 框架网页多用于书目、栏目、标题等形式的网页。
学习过程
五、设置网页间的超链接
动手做：把左框中的栏目名称 与右框中的网页建立链接。
第1步：选定左框里的栏目名称，如“绘画摄影”，单击常 用工具栏中的按钮，打开“创建超链接”对话框。
《第13课 制作框架网页》教学设计教学反思-2023-2024学年小学信息技术人教版三起五年级下册
《制作框架网页》教学设计方案（第一课时）一、教学目标1. 知识与技能：了解网页的基本框架，掌握创建框架的基本方法，能够独立制作简单的框架网页。
2. 过程与方法：通过实践操作，掌握网页框架的布局和制作技巧。
3. 情感态度与价值观：培养学生对网页制作的兴趣，激发创新精神，体验成功的乐趣。
二、教学重难点1. 教学重点：掌握创建框架网页的方法，能够独立制作简单的框架网页。
2. 教学难点：如何根据需求合理布局框架，使其具有更好的视觉效果和用户体验。
三、教学准备1. 教材准备：准备相关的教材、图片和案例，以便教学。
2. 工具准备：检查计算机设备是否正常运行，确保网络通畅。
3. 学生准备：提前布置学生预习相关内容，准备好纸、笔以记录操作过程。
4. 环境准备：确保教室整洁、明亮，营造良好的学习氛围。
四、教学过程：（一）引入1. 复习：回顾网页的基本组成元素，如标题、文字、图片、链接等。
2. 导入：介绍框架网页的概念和特点，以及制作框架网页的基本步骤。
（二）新授1. 示范：教师演示如何制作一个简单的框架网页，包括设置网页标题、添加内容框、添加导航框架等步骤。
2. 讲解：详细讲解每个步骤的原理和操作方法，包括如何使用HTML代码、如何设置网页布局等。
3. 实践：学生根据教师的示范和讲解，尝试自己制作一个简单的框架网页，遇到问题可以向教师请教。
4. 指导：教师对学生的实践过程进行指导，帮助学生解决遇到的问题，同时也可以纠正学生的错误操作。
（三）拓展1. 任务：给学生布置一个制作框架网页的任务，要求学生在规定时间内完成。
2. 评价：学生完成后，教师对学生的作品进行评价，指出优点和不足，并给出改进建议。
3. 讨论：组织学生讨论框架网页的制作技巧和注意事项，鼓励学生分享自己的经验和心得。
（四）小结1. 回顾：教师对本节课所学的知识和技能进行总结，强调框架网页的特点和制作要点。
2. 作业：布置课后作业，要求学生尝试制作不同类型的框架网页，提高自己的实践能力和创新能力。
五年级下册信息技术教案12设计框架网页 闽教版
五年级下册信息技术教案12设计框架网页闽教版一、课时布置1课时二、教学目的1、创立〝我的作品〞框架网页。
2、保管〝我的作品〞框架网页。
三、教学重点创立〝我的作品〞框架网页。
四、教学难点创立〝我的作品〞框架网页。
五、教学进程〔一〕、导入新课师：框架网页是一种特殊的HTML网页，它可以将阅读器窗口联系成不同的区域，每一个区域显示不同的网页内容，这些区域就称为框架，具有这种功用的网页，就叫框架网页。
〔二〕、新课教学1、创立〝我的作品〞框架网页。
FrontPage提供了多种框架网页的模板供你选择，经过执行菜单栏中〝文件〞-〝新建〞-〝网页〞命令来完成。
〔1〕将教员提供的文件夹中的〝my production〞文件夹拷贝到自己电脑D盘上，并在Frontpage中翻开该站点；〔2〕执行菜单栏中〝文件〞-〝新建〞-〝网页〞命令，翻开〝新建〞对话框，单击对话框中的〝框架网页〞选项卡，在框架模板框中，选择〝目录〞模板；〔3〕单击〝确定〞按钮，新建一个〝目录〞样式的框架页；〔4〕单击左边的〝目录〞框架中的〝新建网页〞按钮，就在左框架中新建了一个网页；〔5〕在〝目录〞框架网页中拔出一个7行1列的表格，表格的高度与宽度均为100%，边框粗细为0；〔6〕依次在表格的第二至第五行单元格中输入〝笨笨熊之家〞、〝我喜欢的植物〞、〝我的课程表〞和〝七巧板〞，并设置字体、字号、颜色等；在第六行拔出一个.gif图形〔images文件夹中的email.gif〕；〔7〕设置网页背景，设置表格各个单元格水平居中对齐；〔8〕单击左边主框架中的〝设置初始网页…〞按钮，翻开〝创立超链接〞对话框；在对话框中选择〝tangram〞文件下的〝index．htm〞文件，并单击〝确定〞按钮，就把这个网页设置成了主框架的初始网页；〔9〕选中〝笨笨熊之家〞，单击常用工具栏中〝超链接〞按钮，翻开〝创立超链接〞对话框，选择站点文件夹中的bear文件夹下的index.htm文件；〔10〕单击〝目的框架〞方框左边的〝更改目的框架〞按钮，弹出〝目的框架〞对话框，选择〝公用的目的区〞中的〝网页默许值〞，单击〝确定〞按钮，回到〝超链接〞对话框，单击〝确定〞按钮；用异样的方法设置其他三个标题的超链接；〔11〕区分右击左右框架网页，在弹出的快捷菜单中，单击〝框架属性〞命令，翻开〝框架属性〞对话框，单击〝可在阅读器中调整大小〞复选框，取消该功用；〔12〕单击〝框架网页〞按钮，在翻开的〝网页属性〞对话框中，选择〝框架〞选项卡；单击〝显示边框〞复选框，取消该功用，单击〝确定〞按钮，回到〝框架属性〞对话框，再单击〝确定〞按钮；〔13〕将编辑形式切换到〝预览〞，预览网页效果。
人教新课标信息技术五年级上册第12课制作框架网页(二)课件
设置框架集的属性
使用框架集属性面板可以设置边框和边框大 小。设置框架属性会覆盖在框架集中设置的相应 属性。比如，设置某框架的边框属性，将覆盖在 框架集中对该框架设置的边框属性。
选取框架集，打开框架集的【属性】面板。 如图所示。
•边框：设置文档在浏览器中查看时是否显示框架边框。 •边框颜色：设置边框的颜色。 •边框宽度：指定框架集中所有边框的宽度。 •框架大小：单击【行列选择范围】区域左侧或顶部的选项卡；然后在“值” 文 本框中，输入高度或宽度。
第12课《制作框架网页（二）》
保存框架和框架集
理解框架集HTML代码
创建框架和框架集
• 锁谓框架集就是指定义网页结构与属性的 HTML 页面，这其中包含了显示在页面中 框架的数目，框架的尺寸，装入框架的页 面的来源，以及其他一些可定义的属性的 相关信息。框架集页面不会在浏览器中显 示（noframes 部分除外），它只是向浏 览器提供如何显示一组框架以及在这些框 架中应显示哪些文档的有关信息。
本章习题 上机练习
练习1 制作一个3栏框架
制作一个3栏框架网页效果，如图8-51所示。
图8-51 框架效果
练习2 制作框架网页
• 制作一个框架网页， 如图8-52所示。在这 个页面中将文档分成 了上、中左、中右、 下4部分，上下两部 分在浏览者浏览整个 站点时内容保持不变， 在中左的框架中放置 了二级导航的相关内 容，单击一级导航的 链接文字显示不同的 二级导航菜单，单击 二级导航菜单中的链 接文字，则在中右部 分的文档中显示相应
制作一个简单框架网页
• 要制作框架网页，就要建立框架集。框架 集是组织页面内容的常见方法，通过框架 集可以将网页的内容组织到相互独立的 HTML页面内，相对固定的内容（比如导航 栏、标题栏）和经常变动的内容分别以不 同的文件保存将会大大提高网页设计和维 护的效率。
闽教版五年级下册信息技术《网页元素》课件
网页元素
表单
表单是网站管理者与浏览者之间沟通的桥梁。
网页元素
பைடு நூலகம்
音频和视频
央广网· 中央人民广播电台音频栏目 /
创新活动
谢谢观看
• THANK YOU FOR YOUR WATCHING
网页元素
图片
新闻照片
主题图（新闻照片、产品照片）； 辅助图（小图标、小标题图、辅助的图形纹样、背景图）。
网页元素
超链接
所谓的超链接是指从一个网页指向一个目标的连接关系。
网页元素
动画
swf动画
swf动画以高清晰度 的画质和小巧的体积受到 许多网页设计者的青昧。 属于多媒体类。
gif动画
gif动画是动画图片， 原义是“图像交换格式” 属于图片类。
学习目标
了解网页、网站及首页 熟悉网页的7个基本元素
网页、网站及首页
网页：浏览器中看到的一个个页面就是网页。 网站：由许多网页组成，网页是网站的一部分。 首页：进入网站时见到的第一个网页。通常由网站标识、 导航以及贴近主题的图片和其他信息组成。
网页元素
文本
多数出现在网页标题、正文、文本导航栏、版权说明等位置。
人教版-信息技术-五年级下册-《制作框架网页 》教学设计
3、学生完成“实践任务一”，教师巡视指导
4、由学生存在的问题引入“框架属性”的设置：
（1）由“新建网页”更改为“设置初始网页”引入问题，提问：当我们在制作网页时若需要设置网页的背景颜色或背景图片时，我们该如何操作设置？从“网页属性”引入“框架属性”。（2）由网页的美观引入“边距”的设置，其余设置让学生在实践任务二中体会
课题
保护生态环境——制作框架网页
教学目标
知识目标：1、了解框架网页的初步知识2、能够制作简单的框架网页
能力目标：培养学生的动手操作的能力。
情感目标：通过框架结构网页设计，提高学生对网页整体架构的设计能力和鉴赏能力。
教学重点
知识目标1、2
教学难点
知识目标1、2
教学方法
任务驱动法
教学准备
多媒体网络教室、演示幻灯片、教学素材库、FrontPage软件运用框架结构制作网页，以准备在课堂上演示
（2）教师对比生活中的布告栏，总结什么是框架结构的网页
2、讲解框架网页的设计方法（任务驱动教学法）：
（1）创建框架网页：打开站点文件，由“新建网页”引入“新建框架网页”，在“新建”对话框中的“框架网页”选项卡中选取1～2个框架模板说明内容网页在框架中的作用；
（2）调整框架结构：拆分和删除框架结构
（3）填充框架网页：“设置初始网页”和“新建网页”，插入悬停按钮和横幅广告器
5、学生完成“实践任务二”
6、展示优秀作品，评价作品（让学生在观看同学的作品时，领会“框架属性”的不同设置）
老师讲解、演示操作时学生仔细观察操作要点积极思考老师提出的问题
请学生上台尝试网页的保存，大家一起观察
第5课统一风格——制作框架网页说课课件
3、下框架制作
3、下框架制作
3、下框架制作
添加图像到文字下一行的单元格中，每个一图，也可尝将单元 格合并，四幅图插入到一行中。
给图像添加超链接：选择中国儿童网图片，右键-创建链接。
教法：任务驱动、范例分析、媒体演示讲授、分层教学 学法：自主探究法、合作交流法、成果展示法、教师点评法
三、说教学过程
整个教学过程是按照：
第二环节：布置任务 自主学习 探究新知
第一环节： 发现探究 呈现任务
任务一 创建框架型 网页
任务二 编辑网站首 页
任务三 制作鼠标经过图像 的动态效果
第三环节： 课堂总结 课后延伸
以上是我对这节课的教学设计与分析，不足之处恳请各位专家、评委批评指正．
谢谢！
《制作框架网页 》说课课件
自我介绍
各位专家、评委，各位老师：大家好！
我说课的题目是《制作框架网页》，这是清华大学“大、中、小学一 条龙教学研究”实验教材《信息技术》 八年级下册第二单元“框架模 板”第五课时 统一风格的内容 —— 制作框架网页的内容，本单元我共两 课时、我说课的内容是第一课时的内容；下面我从五个方面汇报我对这节 课的教学假想与理解
设计意图：锻炼学生的口头表达能力，激发学生的上进心，强化知识，总结知 识点。在与学生的总结互动中使基础薄弱，自我学习能力较差的同学有学习提 高的机会。能跟好的落实本节课的教学目标。
尝试探索：左右框架网页的边框线 突破提高：创建一个除目录型之外的框架网页
设计意图：给学有余力的同学充分表达自己的空间，在完成基本任务的基础上， 鼓励同学大胆尝试，以加深对框架网页的理解和认识
《第13课制作框架网页》教学设计教学反思-2023-2024学年小学信息技术人教版三起01五年级下册
《制作框架网页》教学设计方案（第一课时）一、教学目标1. 了解网页框架的基本概念和作用。
2. 掌握创建框架的方法和步骤。
3. 能够根据需求设计并制作简单的框架网页。
二、教学重难点1. 教学重点：掌握创建框架的方法和步骤，能够根据需求设计并制作简单的框架网页。
2. 教学难点：合理布局框架，实现网页的视觉效果和功能。
三、教学准备1. 准备教学用具：计算机、投影仪、网页制作软件等。
2. 准备教学材料：相关图片、文字素材等。
3. 复习上一节课的内容，为新课做铺垫。
4. 设计教学流程，引导学生逐步掌握框架网页的制作方法。
5. 提醒学生注意安全，遵守课堂纪律。
四、教学过程：一、引入1. 自我介绍并说明课程目标2. 介绍网页的基本组成和框架网页的特点3. 引导学生思考如何制作框架网页二、新课教学1. 讲解框架网页的基本概念和制作步骤2. 演示制作框架网页的步骤，包括创建框架、设置标题、添加内容等3. 引导学生尝试自己制作一个简单的框架网页4. 针对学生制作过程中出现的问题进行解答和指导三、实践操作1. 学生根据课堂所学知识，自行制作框架网页，教师进行巡视指导2. 针对学生制作过程中出现的问题进行个别指导3. 鼓励学生尝试使用不同的方法制作框架网页，培养创新思维四、课堂小结1. 回顾本节课所学知识，强调框架网页的特点和制作方法2. 鼓励学生分享自己的制作经验，互相学习3. 布置课后作业，要求学生继续完善自己的框架网页作品，并思考如何进一步优化和改进。
五、课后延伸1. 鼓励学生参加各类信息技术竞赛，锻炼自己的技能和表达能力2. 提供学习资源和学习建议，帮助学生持续学习和发展自己的信息技术能力。
教学设计方案（第二课时）一、教学目标1. 知识与技能：学生能够理解框架网页的概念，掌握创建框架网页的基本步骤和方法。
2. 过程与方法：通过实践操作，学生能够熟练使用框架网页的制作工具，完成框架网页的制作。
3. 情感态度与价值观：培养学生利用信息技术解决实际问题的能力，激发对信息技术课程的兴趣。
《第13课 制作框架网页》学历案-小学信息技术人教版三起01五年级下册
《制作框架网页》学历案（第一课时）一、学习主题本课程的学习主题为“制作框架网页”。
在这一主题下，学生将学习如何利用信息技术工具进行基本的网页制作，掌握基本的框架结构，理解页面布局与设计的原理，以及基本的HTML知识。
通过这一学习，学生能够更好地掌握网络信息的收集与处理，并增强信息交流和表达的技能。
二、学习目标1. 知识与理解：了解网页的基本构成元素和框架结构，理解HTML语言的基本概念。
2. 技能与操作：掌握使用信息技术工具（如网页编辑软件）进行基本的网页制作。
3. 情感态度与价值观：培养学生对信息技术的兴趣和爱好，激发学生的创造力和实践能力。
三、评价任务本课程学习结束后，学生将通过以下任务进行学习成果的评价：1. 完成一个简单的框架网页制作，包括标题、导航栏、主体内容等基本元素。
2. 提交一份学习反思报告，阐述自己在制作过程中的收获和不足。
3. 小组内互相评价，讨论彼此的网页制作成果，并给出改进建议。
四、学习过程1. 导入新课：通过展示一些简单的网页案例，引出网页的构成元素和基本框架。
2. 新课讲解：详细讲解网页的构成、框架结构和HTML的基本概念。
3. 实践操作：学生使用信息技术工具进行实际操作，教师进行巡视指导。
4. 小组讨论：学生分组进行网页制作，互相交流和讨论制作过程中的问题。
5. 课堂小结：教师总结学生在课堂上的表现和存在的问题，给出改进意见。
五、检测与作业1. 课堂检测：学生现场制作一个简单的框架网页，并展示给教师和其他同学看。
2. 作业布置：让学生在家中完成一个更为复杂的框架网页制作，要求加入图片、文字等多媒体元素。
同时要求学生完成一份学习反思报告，记录自己在制作过程中的感受和收获。
六、学后反思学后反思是学生学习过程中重要的一环。
通过反思，学生可以更好地总结自己在课堂上的收获和不足，并在此基础上进行进一步的提高。
学后反思应该包括以下几个方面：1. 对所学知识的理解和掌握情况：回顾本节课所学的知识，思考自己是否已经掌握了这些知识，是否能够熟练地运用到实际操作中。
五年级下信息技术教学设计设计框架网页
五年级下信息技术教学设计设计框架网页传授目标：1、知道框架网页是一种网页布局技能，明白框架网页的概念。
2、学习创建框架网页，设置框架的属性，学会在框架中增加网页。
3、体验框架网页的好处，激发学习制作框架网页的兴趣，设计出更完美的网页。
传授重点：创建框架网页，学会在框架中增加网页。
传授难点：设置框架的属性。
传授准备：西席机和学生机传授时间：1课时传授设计：一、激趣导入，宣布学习使命。
1、上节课我们学习了什么内容？谁来回顾一下2、本日我们来学习另一种网页布局，学习利用框架模板来设计网页。
先容本节课的学习使命二、广阔视野。
1、学生看华南虎的框架网页实例，说说自己的整体感觉。
2、老师小结网页的四块地区，每个地区是一个独立的网页。
通常环境下只有中间右边的内容会变化。
三、西席点拨，探究活动，学习新知探究活动：局部调解网页时只要修改这个框架所挪用的网页文档内容，减少重复操纵，进步网站建设效率。
1、宣布活动主题：制作华南虎专题网站2、创建框架网页①老师演示打开“网页模板”对话框，单击“框架网页”选项卡，选择“标题、页脚和目录”模板，单击“确定”按钮。
老师先容P69页的图12－4框架布局。
②学生练习打开模板，明白框架布局。
3、设置框架属性①学生看书，明白框架属性对话框。
②演示右击框架，打开对话框，单击“框架网页”按钮，打开“网页属性”对话框，单击“框架”选项卡，定义“框架间距”或者取消“显示边框”。
③学生练习设置框架间距和取消显示边框。
4、设定初始页面①老师先容什么是初始页面。
②单击“新建网页”按钮，在页面中插入华南虎图片素材。
③学生练习在图12－4的中间左框中的“新建网页”按钮，在页面中输入一个“6行1列”的表格，输入图12－1所示的内容。
④学生练习单击图12－4中的中间右框中的“设置初始页面”按钮，弹出“插入超链接”对话框，插入2.htm的网页文件。
5、组织框架间的挪用干系①老师先容“框架间的挪用干系”②老师演示单击“设置超链接”窗口右侧的“目标框架”按钮，弹出“目标框架”对话框，如图12－8所示。
五年级下信息技术教案-设计框架网页-福教版（2014秋）
12、设计框架网页教学目标：1、了解框架网页的概念，能用“网页模板”中的“框架网页”创建“标题、页脚和目录”型网页，对框架属性能理解和运用。
2、能为主框架设置初始网页，为选中对象设置连接网页，并将该网页安排在合适的框架中，理解组织框架中的调用关系。
3、认识保存框架网页与保存一般网页的不同之处，会保存框架网页。
重点、难点或关键：用FrontPage软件创建及保存目录型框架网页。
为选中对象设置连接网页，理解组织框架中的调用关系。
教学流程：一、欣赏作品导入新课展示上节课制作的学校通知网页作品（说明是用表格来规划网页的布局）展示“华南虎”专题网页作品师：谁来说说今天看到的网页有什么特点肯定学生的答案，从而引出课题——设计框架网页。
二、合作探究，制作“华南虎”专题网（一）教师讲解框架网页的概念。
框架网页是一种网页布局技术。
所谓框架，就是它可以将浏览器窗口分割成几个小区域，每个区域相对独立，可以显示不同的网页内容，这些区域就称为框架，具有这种功能的网页就叫框架网页。
框架网页是一种特殊的HTML网页。
（二）创建框架网页（1）师：出示教材P67图12-1，框架网页中相同内容的部分都可以独立出来，如图所示的上框、左框和下框，能为我们减少很多重复的工作，提高网站建设的效率，也有利于修改与维护。
（2）师：看了同学们刚才做练习的情况，老师将创建框架网页的过程演示一遍，请同学们认真看演示。
步骤：（1）在FrontPage软件中打开D盘中的“第12课”文件夹中的“网站案例”。
（2）单击“文件”—＞新建—＞网页—＞框架网页—＞标题、页脚和目录—＞确定。
出现P69图12-4所示的框架结构。
（解释每一个框架中的“新建网页”和“设置初始页面”两个按钮。
（三）设置框架属性（1）右击框架弹出快捷菜单选择“框架属性”，打开“框架属性”对话框，介绍框架名称、控制框架边界的大小及是否用滚动条。
（2）在对话框中，单击“框架网页”按钮，打开“网页属性”对话框如P70图12-6所示，单击“框架”选项卡，定义“框架间距”和取消“显示过框”（3）学生操作：创建框架网页和设置框架属性（四）设定初始页面（1）打开框架网页时，第一次出现在框架内的网页叫初始网页，如何设定初始网页呢（2）出示“华南虎”网站的初始网页，以小组为单位，设置初始网页。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
设定初始页面
初始页面就是在浏览器中打开框架网页时，第一次出
现在框架内的网页。
阅读教材P75 2.设定初始页面，打开站点文件夹xxjs 13 中的 index.htm 文件，完成以下操作，制作熊猫乐园网站的 框架首页。 1、在上框新建网页，插入image文件夹中的header.jpg。 2、在左框新建网页，插入一个表格，制作目录导航栏， 并给表格的背景添加颜色。 3、设置右框的初始页面。 4、在下框新建网页，输入文字：版权所有 漳州新城学 校 五年（3）班。
谢谢观看
• THANK YOU FOR YOUR WATCHING
设置框架属性
阅读教材P75-76 3.设置框架属性， 隐藏框架网页中的边框，并认识每个框 架的名称。
组织框架间的调用关系
阅读教材P77-78 4.组织框 架间的调用关系，为导航菜单 设置超链接，并设定框架间的 调用关系。
保存框架网页
创新活动
小结：今天这节课，通过制作“熊猫乐园网站”，认识 了框架网页的制作过程，感受FrontPage网页制作的强大 功能，同学们任务完成得很出色，希望同学们大胆地运 用所学的技术，设计出更多人们喜欢的网页。