五年级下信息技术教案设计框架网页_福教版.doc

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）出示“华南虎”网站的初始网页以小组为单位设置初始网页。（不懂的同学可以看书P71可小组内讨论也可问老师）（3）反馈学生设置初始网页的情况（五）组织框架间的调用关系（1）回顾如何在导航菜单中设置超链接。（2）教师演示并说明框架间的调用关系完学生操作设置导航菜单中超链接。完成较好的学生作品点评其操作。并让这些学生担任老师的小助手帮助那些学习有困难的同学。（六）保存框架网页1、单击常用工具栏中“保存”按钮弹出“另存为”对话框对话框的右侧显示框架的示意图框中蓝色的部分即为当前要保存的框架。2、在“文件名（N）”框中输入文件名单击“保存”按钮。3、按提示保存框架中的所有网页。师巡视并进行个别辅导。三、总结与评价（1）结合实例进行归纳总结。1.框架网页的特点2.制作框架网页的大致步骤（2）你对你这节课的表现满意吗？你认为这节课我们班谁表现得很出色？四、拓展延伸有兴趣的同学可以上网收集“2019年上海世博会”相关资料。利用收集到的资料用框架网页制作一个介绍“2019年上海世博会”的网站。