预览加载中,请您耐心等待几秒...
1/2
2/2

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第12课设计框架网页教学目标: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所示。③学生用同样的方法设置其他导航菜单项的超链接。6、保存框架网页。学生制作好网页后预览网站效果并保存文件和同学们交流自己制作的网页。四、创新活动设计“我的童年”框架网页。五、质疑问难:你们还有什么不明白的地方吗?提出来大家讨论共同解决。进行活动评价六、课外延伸:同学们回家后把“我的童年”的网页设计好和好朋友交流分享。板书设计:12设计框架网页概念网页模板标题、页脚和目录框架属性