HTML第六章.pptVIP

回顾 用dreamweaver创建一个HTML页面时，要求在页面中插入一个.swf多媒体文件，简述一下具体步骤： 1．从“插入”菜单选择“插入媒体”，选择“Flash” 2．在“选择文件”对话框中选择相应的.swf文件，单击“确定” 预习检查 一个框架结构是由两部分组成的： 和 框架集(frameset)页面被划分的区域多少是通过属性 和 来设置的。 frameset cols=“40%,*,40%”表示将浏览器窗口分割为 3列，第一个子窗口在 ，窗体宽度为整个浏览器窗口宽度的40%；第二个子窗口在 ，窗体宽度为整个浏览器窗口宽度的 ；第三个子窗口在 ，窗体宽度为整个浏览器窗口宽度的40%； 本章任务 制作网页，完成后效果如图： 本章目标 了解框架的作用 了解框架结构 掌握框架的建立 掌握框架的布局方式 框架 框架基础：框架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个子窗体。 一个包含多个HTML的文档的HTML文件称为框架页面 框架在网页中的作用：把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。 框架效果图片 框架的属性 frameset标签作用于将窗口分割为若干个子窗体，子窗口的数目取决于嵌套在该标签中frame标签的数目。 frameset标签有两个属性：rows和cols，分别用来确定各自窗口的高度和宽度，格式为： 这两个属性的参数值可以是数字、百分数或符号”*” 数字表示子窗口高度(宽度)所占的像素点数。 百分数表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。 符号”*”表示当符号只出现一次。即其他子窗口的大小都有明确的定义时，表该子窗体的大小将根据浏览器窗口的大小而自动调整。 框架的属性 frame标签用来标识子窗口(框架)。 frame常用的属性： 常见的框架结构 框架的基本结构 框架的基本结构 小结1：如何创建嵌套分割窗口 如何设置窗口链接的显示位置 target目标窗口属性 四个特殊的窗口 a href=url target=“_blank” 显示在新窗口a href=url target=“_self” 显示在本窗口a href=url target=“_parent” 显示在父窗口a href=url target=“_top” 显示在整个浏览器窗口 小结2 编写如下图所示效果对应的html代码 小结2 关键代码： left页面： 内嵌框架 iframe能在不改变页面结构的情况下，灵活的嵌入其它页面的内容。 基本语法： 总结 创建一个框架页面至少需要哪两个标签？ target设定目标资源所要显示的窗口，其取值可以为哪些？ 请先阅读下面的代码，根据代码意思选择一个正确的答案（ ）。 frameset rows=20%,*,40% frame src=top.htm/frame frameset cols=20%,80% frame src=left.htm/frame frame src=right.htm name=right/frame /frameset frame src=bottom.htm/frame /frameset 作业 课后作业1、2、3、4题 将例题重新敲一遍，加深代码熟练度 上机指导 第六章 使用框架 框架集(frameset) 框架(frame) rows cols 第一列 第二列 第三列 20% 框架页面 框架 框架 框架 页面1 页面2 页面3 框架结构图 frameset rows=“值1,值2,……值n”; frameset cols=“值1,值2,……值n”; ...... FRAMESET rows=20%,* frameborder=0 FRAME src=top.html name=topframe“ scrolling=no noresize=noresize FRAMESET cols=20%,* FRAME src=left.html noresize=noresize“ scrolling=no name=leftframe“ FRAME src=right.html name=rightframe /FRAMESET /FRAMESET 设置无框架边框 不显示滚动条 禁止调整框架大小 框架名称，便于超文本链接锚标签target属性所引用 左右分割窗口