延安大学：《网页制作基础教程》课程PPT教学课件_第八章 在网页中使用框架的使用

网页制作基础教程 牛永洁 延安大学计算机学院

网页制作基础教程 延安大学计算机学院 牛永洁

内容提要 ◆本节主要学习在网页中使用框架 ※框架集的概念 ※框架的概念 框架分割的方式与方法 豪设置目标框架 豪浮动框架的概念

内容提要 ❖本节主要学习在网页中使用框架 框架集的概念 框架的概念 框架分割的方式与方法 设置目标框架 浮动框架的概念

什么是框架网页 FBR论烃的程架集-" icraseft Intermet Explan4 网区 文件0②查看①)收()工具①帮助 地址@回 tp: //xi aoxedartacu/ Defanlt, ht ◇到链 FRONTPAGE论坛 目录 次迎 我来了 ringlike9-10- 这里墨联机论坛“FR0NPAG论坛” 迎到我的论运来1 xiaosong 99-10-27 目录框架显示了所有发表到本站点上的文章的 Re:欢迎到我的论运 标题。选择某一标题。相应的文章就会载入此 来x299-10-2 框架。 您还可以: 每篇文章都有链接,您可以用这些链接 合圆m 茄成 本地工ntt

什么是框架网页

框架集与框架的欐念〖 令通过使用框架,你可以在同一个浏览器窗口中显 示不止一个页面。每份HTML文栏称为—个框架, 并且每个框架都独立于其他的框架。 ◆框架集是一个网页文件,即是一个HTML文件, ◆框架集的标签是. ◆框架是整个网页的一部分区域,每个框架可以独 立的显示一个网页文件。 令框架必须放在框架集中。 ☆框架的标签是

框架集与框架的概念 ❖通过使用框架，你可以在同一个浏览器窗口中显 示不止一个页面。每份HTML文档称为一个框架， 并且每个框架都独立于其他的框架。 ❖框架集是一个网页文件，即是一个HTML文件， 在框架集中可能包含很多个框架。 ❖框架集的标签是… ❖框架是整个网页的一部分区域，每个框架可以独 立的显示一个网页文件。 ❖框架必须放在框架集中。 ❖框架的标签是…

分割窗口的方式与方法 ☆不管如何分割窗口,设置都在框架集中进 八到的卫白M力柱向人M 重要提不:不能将bd(bt标签 emeset标签同时使用!不过,做如你添加包 含-8文本的 Knoframes>6签,0就以将这股文字若于bood标签内 令直另司國H 令嵌套分割窗口:包含水平窗口与垂直窗口 水平框架与垂直框架

分割窗口的方式与方法 ❖ 不管如何分割窗口，设置都在框架集中进 行，分割的形式是作为框架集的一个属性 来进行的。 ❖ 水平分割窗口：rows---可以是像素与百分 比。 ❖ 垂直分割窗口:cols ❖ 嵌套分割窗口:包含水平窗口与垂直窗口 水平框架与垂直框架

框架集的属性 ◆框架集的属性 属性 说明 frameborder设置框架之间的边框是否显示。0, 1或者yes,no namespacing设置边框的宽度 bordercolor设置边框的颜色

框架集的属性 ❖框架集的属性 属性 说明 frameborder 设置框架之间的边框是否显示。0， 1或者yes，no framespacing 设置边框的宽度 bordercolor 设置边框的颜色

框架的属性 属性 说明 src 框架中用来显示的源文件 name(id)框架的名称 noresize 控制框架是否可以动态调整 marginwidth框架与内容之间水平之间的距离 marginheight框架与内容之间垂直之间的距离 scrolling设置框架滚动条,yes,no,auto

框架的属性 属性 说明 src 框架中用来显示的源文件 name（id） 框架的名称 noresize 控制框架是否可以动态调整 marginwidth 框架与内容之间水平之间的距离 marginheight 框架与内容之间垂直之间的距离 scrolling 设置框架滚动条，yes，no，auto

设置框架中的超链接 ◆框架中某一个超级链接点击以后,链接的 网页到底在网页中的那个框架里显示呢? 令比如:企业网站 targe属性的妙用

设置框架中的超链接 ❖框架中某一个超级链接点击以后，链接的 网页到底在网页中的那个框架里显示呢？ ❖比如：企业网站 target属性的妙用

对不支持框架浏览器的支持 ◆ noframes:对于不支持框架的浏览器,可以使用 放置在与之间的文字进行处理。 您的浏览器无法处理框架! /noframes>

对不支持框架浏览器的支持 ❖noframes：对于不支持框架的浏览器，可以使用 放置在与之间的文字进行处理。 您的浏览器无法处理框架！

内联(浮动)框架 令内联框架可以让你在自己的网页中嵌入其他的网页 匚属性 说明 src 内联框架中显示的内容 width 行中文字水平对齐方式 height 行中文字垂直对齐方式 align 内联框架相对于浏览器的对齐方式,left, right center marginwidth设置内容与边框之间的距离 marginheight frameboder设置边框的时候显示01或者 nyes, no scrollingyes,no,auto

内联(浮动)框架 ❖ 内联框架可以让你在自己的网页中嵌入其他的网页。 属性 说明 src 内联框架中显示的内容 width 一行中文字水平对齐方式 height 一行中文字垂直对齐方式 align 内联框架相对于浏览器的对齐方式，left， right，center marginwidth marginheight 设置内容与边框之间的距离 frameboder 设置边框的时候显示0,1或者yes,no scrolling yes,no,auto