闽教版五年级下册信息技术《制作框架网页》课件
设定初始页面
初始页面就是在浏览器中打开框架网页时，第一次出
现在框架内的网页。
阅读教材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网页制作的强大 功能，同学们任务完成得很出色，希望同学们大胆地运 用所学的技术，设计出更多人们喜欢的网页。
∣五年级下册信息技术课件- 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、下框架制作
添加图像到文字下一行的单元格中，每个一图，也可尝将单元 格合并，四幅图插入到一行中。
给图像添加超链接：选择中国儿童网图片，右键-创建链接。
教法：任务驱动、范例分析、媒体演示讲授、分层教学 学法：自主探究法、合作交流法、成果展示法、教师点评法
三、说教学过程
整个教学过程是按照：
第二环节：布置任务 自主学习 探究新知
第一环节： 发现探究 呈现任务
任务一 创建框架型 网页
任务二 编辑网站首 页
任务三 制作鼠标经过图像 的动态效果
第三环节： 课堂总结 课后延伸
以上是我对这节课的教学设计与分析，不足之处恳请各位专家、评委批评指正．
谢谢！
《制作框架网页 》说课课件
自我介绍
各位专家、评委，各位老师：大家好！
我说课的题目是《制作框架网页》，这是清华大学“大、中、小学一 条龙教学研究”实验教材《信息技术》 八年级下册第二单元“框架模 板”第五课时 统一风格的内容 —— 制作框架网页的内容，本单元我共两 课时、我说课的内容是第一课时的内容；下面我从五个方面汇报我对这节 课的教学假想与理解
设计意图：锻炼学生的口头表达能力，激发学生的上进心，强化知识，总结知 识点。在与学生的总结互动中使基础薄弱，自我学习能力较差的同学有学习提 高的机会。能跟好的落实本节课的教学目标。
尝试探索：左右框架网页的边框线 突破提高：创建一个除目录型之外的框架网页
设计意图：给学有余力的同学充分表达自己的空间，在完成基本任务的基础上， 鼓励同学大胆尝试，以加深对框架网页的理解和认识