五年级下信息技术教案-设计框架网页福教版(2014秋).docx

《五年级下信息技术教案-设计框架网页福教版(2014秋).docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、12、设计框架网页教学目标：1、了解框架网页的概念，能用“网页模板”中的“框架网页”创建“标题、页脚和目录”型网页，对框架属性能理解和运用。2、能为主框架设置初始网页，为选中对象设置连接网页，并将该网页安排在合适的框架中，理解组织框架中的调用关系。3、认识保存框架网页与保存一般网页的不同之处，会保存框架网页。重点、难点或关键：用FrontPage软件创建及保存目录型框架网页。为选中对象设置连接网页，理解组织框架中的调用关系。教学流程：一、欣赏作品导入新课展示上节课制作的学校通知网页作品（说明是用表格来规划网页的布

2、局）展示“华南虎”专题网页作品师：谁来说说今天看到的网页有什么特点?肯定学生的答案，从而引出课题——设计框架网页。二、合作探究，制作“华南虎”专题网（一）教师讲解框架网页的概念。框架网页是一种网页布局技术。所谓框架，就是它可以将浏览器窗口分割成几个小区域，每个区域相对独立，可以显示不同的网页内容，这些区域就称为框架，具有这种功能的网页就叫框架网页。框架网页是一种特殊的HTML网页。（二）创建框架网页（1）师：出示教材P67图12-1，框架网页中相同内容的部分都可以独立出来，如图所示的上框、左框和下框，能为我们减少

3、很多重复的工作，提高网站建设的效率，也有利于修改与维护。（2）师：看了同学们刚才做练习的情况，老师将创建框架网页的过程演示一遍，请同学们认真看演示。步骤：（1）在FrontPage软件中打开D盘中的“第12课”文件夹中的“网站案例”。（2）单击“文件”—＞新建—＞网页—＞框架网页—＞标题、页脚和目录—＞确定。出现P69图12-4所示的框架结构。（解释每一个框架中的“新建网页”和“设置初始页面”两个按钮。（三）设置框架属性（1）右击框架弹出快捷菜单选择“框架属性”，打开“框架属性”对话框，介绍框架名称、控制框架边界

4、的大小及是否用滚动条。（2）在对话框中，单击“框架网页”按钮，打开“网页属性”对话框如P70图12-6所示，单击“框架”选项卡，定义“框架间距”和取消“显示过框”（3）学生操作：创建框架网页和设置框架属性（四）设定初始页面（1）打开框架网页时，第一次出现在框架内的网页叫初始网页，如何设定初始网页呢？（2）出示“华南虎”网站的初始网页，以小组为单位，设置初始网页。（不懂的同学，可以看书P71，可小组内讨论，也可问老师）（3）反馈学生设置初始网页的情况（五）组织框架间的调用关系（1）回顾如何在导航菜单中设置超链接。（

5、2）教师演示并说明框架间的调用关系完，学生操作设置导航菜单中超链接。完成较好的学生作品，点评其操作。并让这些学生担任老师的小助手，帮助那些学习有困难的同学。（六）保存框架网页1、单击常用工具栏中“保存”按钮，弹出“另存为”对话框，对话框的右侧显示框架的示意图，框中蓝色的部分即为当前要保存的框架。2、在“文件名（N）”框中输入文件名，单击“保存”按钮。3、按提示保存框架中的所有网页。师巡视，并进行个别辅导。三、总结与评价（1）结合实例进行归纳总结。1.框架网页的特点2.制作框架网页的大致步骤（2）你对你这节课的表现

6、满意吗？你认为这节课我们班谁表现得很出色？四、拓展延伸有兴趣的同学可以上网收集“2010年上海世博会”相关资料。利用收集到的资料，用框架网页制作一个介绍“2010年上海世博会”的网站。