下载文档原格式
html中的框架frameset和frame及iframe通过使⽤框架，你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯。
通过使⽤框架，你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯，简⽽⾔之，就是在⼀个窗⼝中显⽰多个页⾯。
每个页⾯称之为⼀个框架。
并且每个框架独⽴于其他的框架。
使⽤框架的坏处：必须同时跟踪多个框架（⽹页或HTML⽂档），整个页⾯很难打印。
1、框架标签（Frame）简单的三框架页⾯：<frameset cols="25%,50%,25%"><frame src="frame_a.htm"><frame src="frame_b.htm"><frame src="frame_c.htm"></frameset>所有主流浏览器都⽀持 <frame> 标签。
标签定义及使⽤说明<frame> 标签定义 <frameset> 中的⼦窗⼝（框架）。
<frameset> 中的每个 <frame> 都可以设置不同的属性，⽐如 border、scrolling, noresize 等等。
HTML 4.01 与 HTML5之间的差异HTML5 不⽀持 <frame> 标签，HTML 4.01 ⽀持 <frame> 标签。
HTML 与 XHTML 之间的差异在 HTML 中，<frame> 标签没有结束标签。
在 XHTML 中，<frame> 标签必须被正确地关闭。
可选的属性属性值描述HTML5 不⽀持。
规定是否显⽰框架周围的边框。
1URL HTML5 不⽀持。
规定⼀个包含有关框架内容的长描述的页⾯。
pixels HTML5 不⽀持。
规定框架的上⽅和下⽅的边距。
pixels HTML5 不⽀持。
《企业、政府网站设计与制作——Dreamweaver8》期末模拟试题（一）一、选择题1、打开Dreamweaver 8窗口后，如果没有出现属性面板。
可执行_______菜单中的“属性”命令将其打开。
A、插入B、修改C、窗口D、命令2．在站点中建立一个文件，他的扩展名应是_______。
A、DOCB、PPTC、XLSD、HTM3．设置一个没有超链接功能的图像变化（即当鼠标指向页面中的图像时显示另外的图像，当鼠标离开页面中的图像时显示原图像），应使用Dreamweaver 8的_______功能。
A、导航图像B、翻转图像C、轮换图像D、预载图像4．在_______文本框中输入数据后，数据以*号显示。
A、单行文本框B、多行文本框C、数值文本框D、密码文本框5．按住_______键的同时拖拽鼠标绘制直线，可以绘制水平、垂直或增量为45度角的直线。
A、CtrlB、AltC、ShiftD、Ctrl+Shift6、网站首页的名字通常是（）A、Index.htmB、Index.htmlC、WWWD、A或B7、在Dreamweaver网页设计中，关于框架的说法正确的是：（）A、框架将浏览窗口划分为若干区域，分别显示一个网页的不同部分。
B、单击名字为“Insert Left Frame”的图标，可以将一个框架拆分为上下两部分。
C、通过按下鼠标左键进行拖动，可以直接改变框架高度。
D、框架之间不能实现链接。
8、利用Dreamweaver8中的（）技术，可以让网页上的内容随心所欲地放置在任何位置上。
A、表单（Forms）B、框架（Frames）C、层（Layer）D、图像（Image）9、某用户在用模板做的页面无法插入层，其原因可能是：（）A、层不可能插入用模板做的页面B、该用户没有定义可编辑区域C、只能先插入表格，再将表格转换成层D、该用户没有定义锁定区域10、使用什么快捷键可以打开行为面板？（）A、Shift + F3B、Alt + F3C、F3D、Ctrl + F3二、填空题1．在表格的中可以插入另一个表格，这称为表格的嵌套。
框架（Frameset）是指在网页中将不同的网页内容放置在不同的框架（或窗口）中，以便于用户可以在同一个页面中同时浏览多个不同的网页内容。
在HTML5中，框架（Frameset）仍然是一种有效的页面布局方式，虽然在某些情况下它并不被推荐使用。
下面将对HTML5中的frameset框架用法进行全面的介绍，包括使用实例、优缺点、适用场景和未来趋势等方面。
一、frameset框架用法介绍1. 什么是frameset框架Frameset框架是一种在网页中创建分割窗口的方式，它允许网页被分割成不同的区域，并在每个区域中加载不同的网页内容。
通常情况下，frameset框架被用于创建多个可以同时滚动的网页区域，以方便用户在一个页面内浏览多个不同的内容。
2. frameset框架的基本结构frameset框架的基本语法结构如下所示：```<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="25,50,25"><frame src="frame1.html"><frame src="frame2.html"><frame src="frame3.html"></frameset></html>```在这个例子中，使用`<frameset>`标签定义了一个包含了三个不同尺寸的框架的框架集。
每个`<frame>`标签则定义了每个框架中要加载的网页内容。
二、frameset框架用法实例下面通过一个实际的例子来展示frameset框架的用法。
1. 创建一个包含多个框架的网页我们创建一个名为`frameset-example.html`的文件，内容如下：```html<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="25,50,25"><frame src="frame1.html"><frame src="frame2.html"><frame src="frame3.html"></frameset></html>```在这个例子中，我们使用`<frameset>`和`<frame>`标签创建了一个包含了三个不同尺寸的框架的框架集，并在每个框架中加载不同的网页内容。
网页制作基础知识若要编辑Dreamweaver 8站点，可采用的方法是（ A ）。
A.执行菜单“站点”/“管理站点”命令，然后选择一个站点，单击“编辑”B.在“文件”面板中，切换到要编辑的站点窗口中，双击站点名称C.执行菜单“站点”/“打开站点”命令，然后选择一个站点D.在“属性面板”中进行站点的编辑在一个网站中，路径的表示方式一般有（ C ）。
A.绝对路径、根目录相对路径B.绝对路径、根目录绝对路径C.绝对路径、根目录相对路径、文档目录相对路径D.绝对路径、根目录绝对路径、文档目录相对路径以下扩展名中不表示网页文件的是（ D ）A. .htmB. .htmlC. .aspD. .txt构成WEB站点的最基本的单位是（ C ）A.网站B.主页C.网页D.文字网页最基本的元素是（ A ）A.文字与图像B.声音C.超链接D.动画在进行网站设计时，属于网站建设过程规划和准备阶段的是（ B ）A.网页制作 B.确定网站的主题 C.后期维护与更新 D.测试发布Dreamweaver是（ B ）软件A.图像处理B.网页编辑C.动画制作D.字处理在网站整体规划时，第一步要做的是（ A ）A.确定网站主题B.选择合适的制作工具C.搜集材料D.制作网页“HTTP”的中文含义是（ B ）。
A.文件传输协议B.超文本传输协议C.顶级域名网址D.以上都不是要显示或隐藏面板可以按下( B ) 键A.F2B.F4C.F8D.F11打开Dreamweaver 8窗口后，如果没有出现属性面板。
可执行（C）菜单中的“属性”命令将其打开。
A、插入B、修改C、窗口D、命令在站点中建立一个文件，他的扩展名应是（ D ）。
A、DOCB、PPTC、XLSD、HTM网站首页的名字通常是（ D ）A、Index.htmB、Index.htmlC、WWWD、A或B在默认状态下，Dreamweaver的插入工具栏共分为几个类别？（A）A、6个B、7个C、8个D、9个在Dreamweaver中，在浏览器中预览当前页面可用哪能个快捷键：（A）A：F12 B：F8 C：F5 D：ctrl+SURL 又称为：（A）A：统一资源定位符 B：客户机 C：网络服务商 D：远程访问Html网页可用以下哪个工具制作：（D）A：Fontpage B：记事本 C：Dreamweaver D：以上均可在Dreamweaver中，如果网页中的某幅图片（hgj.gif）和该网页的地址从"C：\my document\123\"变为"D：\123\my document\123 \",在不改变该网页的地址设置情况下，仍然能正确在浏览器中浏览到该图象的地址设置是：（ A ）A："C：\my document\123\hgj.gif" C："\123\hgj.gif" B："\my document\123\hgj.gif" D："hgj.gif"下面说法错误的是：( D )A：规划目录结构时,应该在每个主目录下都建立独立的images目录B：在制作站点时应突出主题色C：人们通常所说的颜色,其实指的就是色相D：为了使站点目录明确,应该采用中文目录如果正在编辑的文件没有存盘，系统在文件名上加（ D ）提示用户。
《网页设计与制作——D r e a m w e a v e r8》期末模拟试题一一、选择题1、打开Dreamweaver 8窗口后，如果没有出现属性面板。
可执行__C_____菜单中的“属性”命令将其打开。
A、插入B、修改C、窗口D、命令2．在站点中建立一个文件，他的扩展名应是_____D__。
A、DOCB、PPTC、XLSD、HTM3．设置一个没有超链接功能的图像变化（即当鼠标指向页面中的图像时显示另外的图像，当鼠标离开页面中的图像时显示原图像），应使用Dreamweaver 8的____B___功能。
A、导航图像B、翻转图像C、轮换图像D、预载图像4．在___ D____文本框中输入数据后，数据以*号显示。
A、单行文本框B、多行文本框C、数值文本框D、密码文本框5．按住___C____键的同时拖拽鼠标绘制直线，可以绘制水平、垂直或增量为45度角的直线。
A、CtrlB、AltC、ShiftD、Ctrl+Shift6、网站首页的名字通常是（D）A、Index.htmB、Index.htmlC、WWWD、A或B7、在Dreamweaver网页设计中，关于框架的说法正确的是：（C）A、框架将浏览窗口划分为若干区域，分别显示一个网页的不同部分。
B、单击名字为“Insert Left Frame”的图标，可以将一个框架拆分为上下两部分。
C、通过按下鼠标左键进行拖动，可以直接改变框架高度。
D、框架之间不能实现链接。
8、利用Dreamweaver8中的（C）技术，可以让网页上的内容随心所欲地放置在任何位置上。
A、表单（Forms）B、框架（Frames）C、层（Layer）D、图像（Image）9、某用户在用模板做的页面无法插入层，其原因可能是： BA、层不可能插入用模板做的页面B、该用户没有定义可编辑区域C、只能先插入表格，再将表格转换成层D、该用户没有定义锁定区域A、Shift + F3B、Alt + F3C、F3D、Ctrl + F3二、填空题1．在表格的____单元格_____中可以插入另一个表格，这称为表格的嵌套。
html5中 frame的使用HTML5中的frame是一种用于在网页中显示多个独立的页面的元素。
它可以将一个网页拆分成多个区域，每个区域可以加载不同的网页内容。
frame的使用在HTML5中主要通过iframe元素来实现。
在HTML5中，使用frame可以实现以下几个方面的功能：1. 分割页面：frame可以将一个页面分割成多个区域，每个区域可以加载不同的网页内容。
这样可以使网页更加灵活，提供更多的展示空间。
2. 加载外部网页：使用frame可以方便地加载外部网页。
通过设置iframe元素的src属性，可以指定要加载的网页地址。
这样可以在当前页面中嵌入其他网页的内容，实现信息的整合和共享。
3. 构建框架结构：frame可以用于构建网页的框架结构。
通过设置不同的frame元素，可以将网页分成上下、左右等多个区域，每个区域分别加载不同的网页内容。
这样可以实现复杂的页面布局和导航结构。
4. 实现页面嵌套：frame可以用于实现页面的嵌套。
通过在一个页面中嵌套另一个页面，可以实现页面之间的关联和跳转。
这样可以提高网页的交互性和用户体验。
5. 异步加载内容：使用frame可以实现异步加载内容。
通过设置iframe元素的defer属性，可以延迟加载frame中的内容，提高网页的加载速度和性能。
6. 实现跨域通信：frame可以用于实现不同域之间的通信。
通过在frame中加载其他域下的网页，可以实现跨域通信和数据交互。
这样可以方便地实现网页之间的数据共享和传递。
需要注意的是，在使用frame时，需要遵循一些规范和注意事项：1. 避免滥用frame：frame虽然提供了很多便利的功能，但滥用frame可能会导致网页的复杂性和性能问题。
因此，在使用frame 时应该慎重考虑，避免过度使用。
2. 设置合适的尺寸和位置：在使用frame时，应该合理设置frame 元素的尺寸和位置，以确保网页的美观和可用性。
可以使用CSS来设置frame元素的样式，包括宽度、高度、边框等属性。
html中框架（frame）的详细使用方法框架概念：所谓框架便是网页画面分成几个框窗，同时取得多个URL。
只要<FRAMESET> <FRAME> 即可，而所有框架标记要放在一个总起的html 档，这个档案只记录了该框架如何划分，不会显示任何资料，所以不必放入<BODY> 标记，浏览这框架必须读取这档案而不是其它框窗的档案。
<FRAMESET> 是用以划分框窗，每一框窗由一个<FRAME> 标记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。
如下例：<frameset cols="50%,*"><frame name="hello" src="up2u.html"><frame name="hi" src="me2.html"></frameset>此例中<FRAMESET> 把画面分成左右两相等部分，左便是显示up2u.html，右边则会显示me2.html 这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。
<FRAMESET> <FRAME> ：<FRAMESET> 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。
<FRAME> 则只是设定某一个框窗内的参数属性。
<FRAMESET> 参数设定：例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000">COLS="90,*"垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空间。
框架编程概述一个HTML页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一个独立的HTML页面。
这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。
框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames 就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。
因此，要引用一个子框架，可以使用如下语法：window.frames["frameName"];window.frames.frameNamewindow.frames[index]其中，window字样也可以用self代替或省略，假设frameName为页面中第一个框架，则以下的写法是等价的：self.frames["frameName"]self.frames[0]frames[0]frameName每个框架都对应一个HTML页面，所以这个框架也是一个独立的浏览器窗口，它具有窗口的所有性质，所谓对框架的引用也就是对window对象的引用。
有了这个window对象，就可以很方便地对其中的页面进行操作，例如使用window.document对象向页面写入数据、使用window.location属性来改变框架内的页面等。
下面分别介绍不同层次框架间的互相引用：1．父框架到子框架的引用知道了上述原理，从父框架引用子框架变的非常容易，即：window.frames["frameName"];这样就引用了页面内名为frameName的子框架。
如果要引用子框架内的子框架，根据引用的框架实际就是window对象的性质，可以这样实现：window.frames["frameName"].frames["frameName2"];这样就引用到了二级子框架，以此类推，可以实现多层框架的引用。
Dreamweaver复习题库一、单项选择题（每个题只有一个的答案是正确的）1、网站首页的名字通常是（D）A、Index.htmB、Index.htmlC、WWWD、A或B2、在站点中建立一个文件，他的扩展名应是（D）。
A、DOCB、PPTC、XLSD、HTM3、下列（C）是Dreamweaver中库文件的扩展名。
A、.dwtB、.htmC、.lbiD、.cop4、在Dreamweaver中，模板的扩展名为（B ）A、.dotB、.dwtC、.xltD、.pot5、模板文件要保存在（D ）中。
A、站点任意位置B、根目录下C、Templates文件夹中D、根目录下的Templates文件夹中6、关于网页中的换行，说法错误的是（D）。
A、可以使用<br>标签换行B、可以使用<p>标签换行C、使用<br>标签换行，行与行之间没有间隔；使用<p>标签换行，两行之间会空一行D、可以直接在HTML代码中按下回车键换行，网页中的内容也会换行7、如果要给水平线设置颜色，应选择（ A ）实现。
A、点击快速标签编辑器B、在属性面板中设置C、在设计视窗中设置D、打开浮动面板组进行设置8、利用a:link设置的样式属于（ C ）。
A、类样式 B. 标签样式 C. 高级样式 D. 层叠样式9、如果希望插入到网页中的视频是循环播放的，则在代码段中会有（ A ）代码。
A、param name="LOOP" value="true"B、width="750" height="110"C、quality="high"D、href=" "10、下列（C）可实现带有主题的邮件。
A、#B、mailto:baby@C、mailto:baby@?subject=给我们发个邮件D、11、以下（C）标记是插入到网页中的命名锚记。
使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。
每个Frame里设定一个网页，每个Frame里的网页相互独立。
Frameset
<frameset></frameset>决定如何划分Frame。
<frameset>有cols属性和rows属性。
使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。
Frame
用<frame>这个Tag设定网页。
<frame>里有src属性，src值就是网页的路径和文件名。
下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第一列的宽度是窗口宽度的75%。
第一列中显示a.html，第二列中显示b.html。
<frameset cols="25%,75%">
<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
</frameset>
Iframe
Iframe是Inline Frame的意思，用<iframe></iframe>可以将Frame置于一个HTML 文件内。
示例
列分Frame
这个例子显示如何在浏览器里同时显示三个网页，三个网页是按列分布的。
行分Frame
这个例子显示如何在浏览器里同时显示三个网页，三个网页是按行分布的。
混合Frameset
这个例子既用到了cols属性，又用到了rows属性，将Frame进行灵活分布。
Frameset中的noresize属性
使用Noresize属性可以确保Frame的大小。
如果不使用noresize属性，你可以用鼠标移动Frame的边界，来改变Frame的大小，如果设置了noresize属性，就不能移动边界了。
Frame用于导航
这个例子演示如何建立一个用于导航的Frame。
这个导航Frame包含一个HTML，这个HTML（代码如下）包含了一个网页列表。
点击网页列表中的任何一项，就会在第二个Frame 中显示点击中的网页。
<HTML>
<HEAD>
<TITLE> humorlist.html </TITLE>
</HEAD>
<BODY>
<p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">
笑话一<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_b.html" target="showframe">笑话二<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_c.html" target="showframe">笑话三<a></p>
</BODY>
</HTML>
Iframe的使用
这个例子显示如何在一个HTML文件里用iframe嵌入一个网页。
