江苏地区高一年级信息技术一年教案22框架网页教案VIP专享VIP免费

课题：框架网页教学目标:1、理解框架网页的意义2、掌握建立框架网页的方法3、理解框架属性的意义4、掌握框架属性的设置方法教学重点:掌握建立框架网页的方法，掌握框架属性的设置方法教学难点：框架网页的保存框架的作用:框架可以将网页窗口划分成几个单独的小区域，浏览器可以将不同的网页文件同时传送到这几个不同的区域，而且这些网页之间也可以建立链接，利用这一特性，可以将一组相关的内容通过标题相链在一起，使内容查阅起来简捷明了。教学过程：一、广播学生设计的网页与上课所用学件，请同学比较它们的异同不同之处：学生自己设计的网页，点击主页上的链接后，主页上的内容就看不见了，直接转到下一个页面；而所用的学件，不管点击主页的什么链接，主页上的帮助与任务始终可见。让同学思考其中的原因，引入新课。二、授新课框架网页的建立方法:1、单击文件菜单→新建→网页→框架网页→选择一种结构→确定在这里列出了十种框架布局模板，你可以根据自己的需要选用。单击“目录”模板，在预览部分显示了框架网页的布局，上面的说明告诉我们左面的超链接内容在右面显示，这样我们就知道右框架是左框架的目标框架。有了这些信息你能够选择合适的框架模板了。2、在创建的框架网页里指定各框架所显示的网页单击框架网页左框架的“新建网页”按钮，这样就在当前框架里插入了一个新的空白网页。我们也可以在框架中插入一个我已经事先编辑好的网页，甚至能够插入一个Internet上的网页。单击右框架的“设置初始网页”按钮，你可以直接在列表里选一个当前站点的网页；也可以按放大镜按钮在Internet上查找要插入的网页；单击“文件夹按钮”可以选择一个自己计算机里的网页；也可以按“文档”按钮新建一个网页。我们在这里选择站点的主页，单击“确定”按钮，主页就被放到右面的框架中了。我们可以按照常规编辑普通网页的方法来编辑框架里的网页。单击要编辑的框架里的网页，输入文字，实际上和编辑普通网页一点区别也没有。设置框架属性框架的属性设置包括调整框架大小、设置框架边界、改变边框线的宽度等。●改变框架的大小：将鼠标移动到框架与框架的边界上，这时鼠标就会变成双向箭头，拖动鼠标改变大小。●我们还可以在原有框架的基础上继续分割出新的框架。也就是说把一个框架再分为两个框架。单击右框架，把它作为要分割的当前框架，选择“框架”菜单的“拆分框架”命令，选择“拆分为行”，单击“确定”按钮。●想把拆分的框架再变成一个框架，就选中一个不想要的框架，然后单击“框架”菜单，选取“删除框架”命令，此框架就被删除了。●我们还能具体设置框架的大小数值：在左框架里单击鼠标右键，选择“框架属性”命令，在“框架大小”选项区内我们可以输入合适的数值，调整框架的大小。●如果在框架里插入的网页太大，框架放不下也没关系，你看，上面这个网页的右框架里就放了一个比自己大的网页，这时框架就会自动弹出滚动条，浏览者就可以通过滚动条滚动框架里的网页了。●我们也可以具体设置一下滚动条的具体显示方式：在左框架上单击鼠标右键，选择“框架属性”命令，单击“显示滚动条”下拉列表，这里有几个选项，“在需要时”表示由浏览器自动控制什么时候显示滚动条；“从不”表示无论框架里的网页有多大，也不显示滚动条；“始终”表示总是显示滚动条。现在我们选择“始终”，尽管左框架里的网页不需要滚动，但是框架的垂直和水平滚动条都显示出来了。设置目标框架现在我们来设置左框架的目标框架。在普通模式下单击左侧框架选中它，输入“框架示例”几个字，并选中这几个字，再点“超级链接”按钮，接着点下面的”目标框架旁边的“更改目标框架”按钮。我们单击当前框架网页预览框的右下框架，这时右下框架在预览框里就高亮显示了，单击“确定”按钮，退出“目标框架”对话框，选中“页面1.htm”，选择“确定”，切换到预览方式，这时我们单击“框架示例”被链接到的网页就显示在右下侧的框架里了。在框架网页里链接到的网页不一定必须放在已有框架中，也可以有其他的设置，现在我们仍然进入刚才的“目标框架”对话框：在公用目标区还有四种不同选择：“相同框架...