《Dreamweaver网页设计》第10章幻灯片.pptVIP

Dreamweaver 网页设计 第10章 框架 【学习概述】 框架是比较常用的网页技术。使用框架技术可以将不同的网页文档在同一个浏览器窗口中显示出来。框架最常见的用途是导航，常见的例子是：一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架，比如门户网站的电子邮箱系统绝大多数就应用了框架技术。本章主要介绍了框架的概念、如何创建框架、编辑框架、创建框架超级链接和浮动框架等内容。本章重点内容是框架的创建和应用，难点是浮动框架。 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=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 从上面代码可以看出框架集和框架的语法结构和部分属性。 框架集语法 frameset.../frameset 注意：框架集标记frameset必须成对出现。 框架集属性 id：指定该框架集标记的惟一id选择符。 cols：垂直切割框架。 rows：横向切割框架。 frameborder：设定框架的边框，值为0或1，0 为不显示边框，1 是显示边框。 border：指定边框宽度。 bordercolor：指定边框颜色。 framespacing：指定框架与框架间的空白的距离。 框架语法 frame 4 框架属性 id：指定该框架标记的惟一id选择符。 src：设定此框架中要显示的网页名称，每个框架对应一个网页。 name：设定该框架的名称 frameborder：设定框架的边框，值为0或1，0 为不显示边框，1 是显示边框。 bordercolor：边框颜色。 scrolling：设定是否要显示滚动条，YES是要显示滚动条，NO是不显示滚动条，AUTO是视情况而定是否该显示滚动条。 noresize：设定不让访问者改变框架的大小，如果没有设定该参数，访问者可以自由地改变框架的大小。 marginhight：表示框架高度部份边缘所保留的空间。 marginwidth：表示框架宽度部份边缘所保留的空间。 10.1.2 浮动框架 浮动框架的标记是Iframe。浮动框架技术可以将一个网页文档嵌入在另一个网页文档中显示。可以直接嵌入在一个网页文档中，与网页文档内容相互融合，成为一个整体；还可以在同一网页文档中嵌入多个网页文档。 在Dreamweaver中处理浮动框架时很多属性-值对要在“代码”视图下手动输入，如图10-2所示，Dreamweaver能够自动提示输入可用的属性。 2 浮动框架属性 src：文件位置。 name：对象的名称，命名后，以便在其他对象中使用。 id：指定该浮动框架标记的惟一id选择符。 height：指定浮动框架的高度； width：指定浮动框架的宽度。 noresize： 指定浮动框架不可调整尺寸。 frameborder：该属性规定是否显示浮动框架边框。设置为“0”表示不显示浮动框架边框；设置为“1”表示显示浮动框架边框。 border：该属性指定浮动框架边框的宽度。 bordercol