《网页设计与制作教学课件》5a框架.pptVIP

本节学习要点： * 框架概述 框架结构 框架属性 浮动框架 框架与资源 1.框架概述 框架（Frames）技术主要是通过两种类型的元素来实现的： 框架集：嵌入多个外部网页的结构，在一个网页文档内定义了一组框架结构的HTML网页，定义了网页显示的框架数量、框架的大小、载入框架的网页源等属性。 框架：框架是浏览器中的一个区域，可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。 3.框架网页：被嵌入的HTML网页。 ?我们很可能会以为当前显示在框架中的文档是构成框架的一部分，但该文档实际上并不是框架的组成部分，任何框架都可以显示任何网页文档。 这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。首先外部的框架是一个文件，图中我们用index.htm命名。框架中左边命名为A，指向的是一个网页A.htm。右边命名为B，指向的是一个网页B.htm。 2.框架结构 框架集: 定义框架的结构:frameset/frameset 框架: 具体定义每个页面:frame 语法格式为： frameset rows/cols=″...″ frame / frame / ... /frameset 框架集的定义： frameset rows=“数值” cols=“数值” framespacing=“值” frameborder=“0/1” bordercolor=“颜色” border=”像素数” rows 定义行结构框架 frameset rows=“80,*”/frameset cols 定义列结构框架 frameset clos=“25%,50%,25%”/frameset frameset clos=“150px,*,*”frameset rows 和 cols 的取值：像素数、%、* 注意： rows 和 cols 属性只能同时使用一种 3.1frameset属性 frameborder属性用于设定框架有无边框，其值可以为0或1，0表示不要边框，1表示要显示边框（默认值），避免使用yes或no。 border属性设定框架边框宽度，以像素数pixels为单位。 bordercolor设定框架的边框颜色。 framespacing设定框架与框架间保留的空白距离。 3.2frame属性 frame name=“框架名” src=“网页文件名” marginwidth=“x” marginheight=“y” scrolling=“yes /no/auto” noresize frameborder=“0或1” bordercolor=“颜色” /frame src:定义框架引用的外部网页文档路径 noresize:禁止用户从浏览器中调整框架的大小,鼠标无法拖动框架的边框。 scrolling:定义是否在框架中显示滚动条。 frameborder:框架边框是否显示。 border:如显示边框，定义边框的大小。 marginwidth:定义框架左侧和右侧的边距。 marginheight：定义框架上方和下方的边距。 name frame src=“ ” name=“ ” 框架的标题名称不会影响显示的效果，是用于页面的链接和脚本的描述。它的命名有如下规则: 必须是单个单词，允许使用下划线 _ 但是不允许使用连字符 -, 句点 . 和空格 ; 必须以字母开始，而不能以数字开始; 名称区分大小写; 不要使用JavaScript中的保留字(如top或 navigator)作为框架名称. 所谓目标框架，是指单击框架网页中放置的超链接时，对应的目标文件显示在当前的哪个框架中。 4.浮动框架 用 iframe 标记符可以设置页内框架，也可以指定页内框架为目标框架。 iframe src=“” 支持框架时显示的内容/iframe 与frame 标记不同，iframe 无需再专门的框架网页中显示，在任何类型的网页文档中，用户都可以方便地在网页任意位置插入iframe嵌入框架标签。其属性设置与frame 设置相同。 插入方法如下： 1.【插入】面板|【布局】|【IFRAME】命令插入。 2.【插入】菜单栏|【HTML】|框架| 【IFRAME】命令插入。 4.1iframe属性 src：在框架中显示文档的URL。 name：定义的浮动框架名。 width：以像素为单位指定浮动框架的宽度。 height：以像素为单位指定浮动框架的高度。 scrolling：允许或禁止框架显示滚动条。 frameborder：允许或禁止显示框架边框。 bordercolor：指定边框的颜色。 vspace、hspace：指定边距的高度和宽度。 align：框架与相应