电子商务网站设计.ppt

电子商务网站设计,教师：屈莉莉,2010-2011年下学期 信息管理与信息系统2010级(部分),第10章 帧,帧=框架,第10章 帧,10.1 帧概述10.2 帧集和帧文档10.3 将链接定位到帧10.4 嵌套帧集10.5 内联帧,10.1 帧概述,引入帧的概念许多非Web应用程序使用独立窗口的概念协助进行组织和控制。,在windows资源管理器这样的应用程序中，不同窗口可以独立于其他窗格单独操作。对于使用了帧的文档来说，也能这样操作。,10.1 帧概述,在最简单的层次上，帧在一个用户窗口提供了多个独立的可滚动的区域。,10.2 帧集和帧文档,需要在单独的文档中定义帧的布局还要单独定义占据每个帧的文档 10.2.1创建帧集10.2.2 帧的边界、边框和滚动栏10.2.3允许或禁止用户修改,10.2.1创建帧集,以下代码是帧集文档的一个示例,关于这段代码的说明：(1)文档使用了帧集DTD(frameset.dtd)(2)没有body元素，改用标签提供元素之下次一级容器(3)标签嵌套在标签内，定义帧的内容以及帧本身的各种属性。(4)除了和标签外，在文档中再无其他内容。,10.2.1创建帧集,1.标签标签定义了文档中帧的布局。指定帧应该位于行内还是列内，并指定每列的宽度行或列的大小可以用用户代理窗口的如下方法指定：百分比像素星号(*)：由用户代理分配大小,列frameset.html,10.2.1创建帧集,整个帧集都会占据整个用户代理窗口，Cols或rows属性中大小的数量还决定了有多少帧即在标签中的每个行、列大小值，具有一个相应的标签对应。,行frameset.html,10.2.1创建帧集,2.标签标签负责定义整个页面的布局（定义帧的数量和每个帧的大小）定义如何将窗口分割为框架标签负责定义每个帧的属性。定义了放置在每个帧中的 HTML 文档。name属性指定 帧唯一的名称，可以在URL、脚本中引用，用来控制帧的内容。src属性用来指定帧内要显示的内容的URL只使用这两个属性所形成的框架只有最小的边界，没有边框，带有自动滚动栏。,10.2.2 帧的边界、边框和滚动栏,说明在这个例子中，我们设置了一个两列的帧集。两个列各占据浏览器窗口的 50%。HTML 文档“frame_a.htm”被置于第一个列中，HTML 文档 frame_b.htm 被置于第二个列中：,10.2.2 帧的边界、边框和滚动栏,标签支持以下属性,10.2.2 帧的边界、边框和滚动栏,示例,frameborder属性0.html,frameborder属性1.html,scrolling属性yes.html,scrolling属性no.html,scrolling属性auto.html,10.2.3允许或禁止用户修改,标签还有一个noresize 属性作用：允许用户修改帧的大小或不允许用户修改。定义了浏览者是否可以通过拖拽改变框架页尺寸,默认设置允许用户调整帧的大小。,noresize属性.html,10.3 将链接定位到帧,要修改帧的内容，必须能够将目标指向帧。方法：（1）用name属性唯一标识每个帧；（2）在脚本和锚链标签中使用这些名称将新内容放在帧内。例如 要将的内容填充到news帧：parent.news.location.href=http:/;,10.3 将链接定位到帧,将内容放入帧内的最简单的方法就是在锚链的target属性中使用帧的名称target属性用来定位内容出现的目标帧。Target属性可用的值值 用途_blank 在新窗口中打开被链接文档。_self（默认）在当前帧中打开被链接文档。_parent 在父帧集中打开被链接文档。_top 在整个窗口中打开被链接文档，不在其他帧内帧名称在“framename”中指定的帧中打开被链接文档,10.3 将链接定位到帧,将链接定位到帧.html,menu.html 前言 第1章 第2章 第3章,将链接定位到帧.html,10.4 嵌套帧集,如果希望既有行又有列，则需要在一个帧集内嵌入另一个帧集。,在这个布局中，在基于行的帧集中第二行内嵌入了一个基于列的帧集。,frameset嵌套.html,10.5 内联帧,内联帧用iframe 标签实现，会创建包含另外一个文档的内联帧（即行内帧）。,10.5 内联帧,内联帧属性,iframe示例1.html,iframe示例2.html,小结,帧集帧文档内联帧在标签中的每个行、列大小值，具有一个相应的标签对应。,本章结束！,