Dreamweaver网页设计 第10章框架
Dreamweaver 网页设计 第10章 框架
【学习概述】 框架是比较常用的网页技术。使用框架技术 可以将不同的网页文档在同一个浏览器窗口中显 示出来。框架最常见的用途是导航,常见的例子 是:一组框架通常包括一个含有导航条的框架和 另一个要显示主要内容页面的框架,比如门户网 站的电子邮箱系统绝大多数就应用了框架技术 本章主要介绍了框架的概念、如何创建框架、编 辑框架、创建框架超级链接和浮动框架等内容 本章重点内容是框架的创建和应用,难点是浮动 框架
【学习概述】 框架是比较常用的网页技术。使用框架技术 可以将不同的网页文档在同一个浏览器窗口中显 示出来。框架最常见的用途是导航，常见的例子 是：一组框架通常包括一个含有导航条的框架和 另一个要显示主要内容页面的框架，比如门户网 站的电子邮箱系统绝大多数就应用了框架技术。 本章主要介绍了框架的概念、如何创建框架、编 辑框架、创建框架超级链接和浮动框架等内容。 本章重点内容是框架的创建和应用，难点是浮动 框架
10.1【课堂讲解】框架概述 10.1.1框架和框架集 框架是汹览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分 中所显示内容无关的文档 框架集是框架的集合,框架集也是网页文件,它定义了一组框架的布局 和属性,包括框架的数目、框架的大小和位 及在每个框架中初始 的页面的URL。框架集文 要在浏览器中显示的网页 内容( noframes部分除外);框架集文件只是向浏览器提供应如何 显示一组框架以及在这些框架中应显示哪些文档的有关信息。 注意:如果一个站点包含N个框架的单个页面,则它实际上至少由N+1个 单独的网页文 成:1个框架集文件和N个网页文档,这N个网页文 档包含这些框架内初始显示的内容。 如图10-1所示的框架结构代码如下
10.1 【课堂讲解】框架概述 10.1.1 框架和框架集 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分 中所显示内容无关的文档。 框架集是框架的集合，框架集也是网页文件，它定义了一组框架的布局 和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始 显示的页面的URL。框架集文件本身不包含要在浏览器中显示的 网页 内容（noframes 部分除外）；框架集文件只是向浏览器提供应如何 显示一组框架以及在这些框架中应显示哪些文档的有关信息。 注意：如果一个站点包含N个框架的单个页面，则它实际上至少由N+1个 单独的网页文档组成：1个框架集文件和N个网页文档，这N个网页文 档包含这些框架内初始显示的内容。 如图10-1所示的框架结构代码如下：
<frameset rows=cols=80, framespacing=5"frameborder="yes border="5 bordercolor=##0099FF> <frame src="c. html"name="left Frame"scrolling= No noresize="noresizeid="left Frame"title="leftFrame"/> <frameset rows="80, framespacing= 5" frameborder="no border="5"bordercolor=#0000FF <frame src=b. html"name="top Frame"scrolling=yes noresize="noresize"bordercolor=#0000FFid="topFrame itle="topFrame"/> <frame src=a. html" name="main Frame" id="main Frame itle="main Frame"/> </frameset> </frameset> 图10-1框架集和框架
<frameset rows="*" cols="80,*" framespacing="5" frameborder="yes" border="5" bordercolor="#0099FF"> <frame src="c.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" /> <frameset rows="80,*" framespacing="5" frameborder="no" border="5" bordercolor="#0000FF"> <frame src="b.html" name="topFrame" scrolling="yes" noresize="noresize" bordercolor="#0000FF" id="topFrame" title="topFrame" /> <frame src="a.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> </frameset> 图 10-1 框架集和框架
从上面代码可以看出框架集和框架的语法结构和部分属性 框架集语法 <frameset>. </frameset> ·注意:框架集标记 frameset必须成对出现。 框架集属性 d:指定该框架集标记的惟一id选择符。 ·cols:垂直切割框架。 rows:横向切割框架 frameborder:设定框架的边框,值为0或1,0为不显 示边框,1是显示边框。 · border:指定边框宽度。 bordercolor:指定边框颜色 framespacing:指定框架与框架间的空白的距离。 框架语法 <frame>
从上面代码可以看出框架集和框架的语法结构和部分属性。 – 框架集语法 • <frameset>...</frameset> • 注意：框架集标记frameset必须成对出现。 – 框架集属性 • id：指定该框架集标记的惟一id选择符。 • cols：垂直切割框架。 • rows：横向切割框架。 • frameborder：设定框架的边框，值为0或1，0 为不显 示边框，1 是显示边框。 • border：指定边框宽度。 • bordercolor：指定边框颜色。 • framespacing：指定框架与框架间的空白的距离。 – 框架语法 • <frame>