安徽师范大学物理与电子信息学院网页设计与制作第6章 6.3.框架.pdfVIP

第6章 在网页中应用框架 中国科学技术大学出版社 框架简介 框架技术可以将浏览器分割成多个小窗口，并且在每 个小窗口中，可以显示不同的网页，这样我们就可以 很方便的在浏览器中浏览不同的网页效果。 当浏览器分割成多个窗口后，各窗口就会扮演不同角 色，实现不同的功能。例如，有些论坛就是把浏览器 分割成两个窗口，一个窗口主要来显示帖子的标题， 而另一个窗口会显示具体的内容。这样的设计显然比 起一个窗口的网页在浏览时方便得多，而且用户也可 以任意的切换题目。 HTML代码 框架代码 DW操作设置 主要内容 • 建立水平或垂直的框架分割窗口 • 建立水平或垂直的框架分割窗口 • 用嵌套框架分割窗口 • 用嵌套框架分割窗口 • 对滚动条进行控制 • 对滚动条进行控制 • 在空白窗口显示网页 • 在空白窗口显示网页 • 在框架或浮动框架上进行链接 • 在框架或浮动框架上进行链接 HTML代码 框架代码 DW操作设置 框架的基本结构 基本结构主要分为框架和框架集两个部分。它是利用标记 frame与frameset取代body标记来定义。 【定义框架】frame标记用于定义框架， frameset标记则用于定义框架集。 【基本语法】 html head title框架的基本结构/title /head frameset … frame … /frame … /frameset /html HTML代码 框架代码 DW操作设置 框架类型 常见的窗口分割包括： 水平分割rows （水平分割数） 垂直分割cols （垂直分割数） 嵌套分割 具体采用哪种分割方式，取决于实际需要，可用frameset 标记中的rows或cols属性来进行分割。 HTML代码 框架代码 DW操作设置 1) frameset标记 frameset标记用来定义一个框架组的属性。 【格式】 frameset row=整数 cols=数 bordercolor=颜色 border=像素 数 frameboder=yes/no framespacing=值…/frameset 【属性】 row 设定横向分割的框架数目； cols 设定纵向分割的框架数目； border 设定边框的宽度； bordercolor 设定边框的颜色； frameborder 设定有／无边框； framespacing 设置各窗口间的空白。 2. HTML语言结构 2.15 设置框架标记 【说明】 rows和cols属性设定横向分割和纵向分割框架数目。 例如，建立三个横向框架的页面，可写为： frameset rows=x1或y1 ％或z1* ，x2或y2