《《框架布局》PPT课件》由会员分享，可在线阅读，更多相关《《框架布局》PPT课件（14页珍藏版）》请在金锄头文库上搜索。
1、第第6章章 框架布局框架布局王富强Msn/email:wfuqiangWS-NE30-3-01 03-2北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有本章目标本章目标在学完本章时同学们应该l掌握框架的概念l掌握创建含有框架的html文档l框架格式化l浮动框架WS-NE30-3-01 03-3北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.1 框架的概念框架的概念框架的概念首先由框架的概念首先由Netscape公司于公司于1995年提出，后年提出，后W3C在在当中引入了框架的概念，当今框架已经成为网页设计的最常见的当中引入了框
2、架的概念，当今框架已经成为网页设计的最常见的布局方式布局方式WS-NE30-3-01 03-4北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.2 框架的使用框架的使用标记：标记：格式：格式：在标记在标记frameset中中cols或或rows的取值可以是的取值可以是像素、百分比、像素、百分比、*号号指定所占空间的百分比指定所占空间的百分比作用：用于定义怎样将一个窗口划分为多个框架作用：用于定义怎样将一个窗口划分为多个框架Cols：列：列Rows：行：行标记标记格式格式作用：标识框架的布局作用：标识框架的布局备注：这是个单标记的标签备注：这是个单标记的标签WS
3、-NE30-3-01 03-5北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.2 框架的使用框架的使用基本框架基本框架 WS-NE30-3-01 03-6北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.2 框架的使用框架的使用标记：标记：格式：格式：提示信息：抱歉你的浏览器不支持框架显示单，要查提示信息：抱歉你的浏览器不支持框架显示单，要查看请单击这里看请单击这里作用：当浏览器不支持框架显示的时候，提示用户相应的信息作用：当浏览器不支持框架显示的时候，提示用户相应的信息提示信息：抱歉你的浏览器不支持框架显示单，要查看请单击
4、这里提示信息：抱歉你的浏览器不支持框架显示单，要查看请单击这里 WS-NE30-3-01 03-7北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.2 框架的使用框架的使用p弹性框架弹性框架弹性框架弹性框架 WS-NE30-3-01 03-8北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.2 框架的使用框架的使用p框架嵌套框架嵌套框架嵌套框架嵌套 WS-NE30-3-01 03-9北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.2 框架的使用框架的使用p弹性框架弹性框架(续续)弹性框架弹性
5、框架 备注：备注：Center所占的比例为所占的比例为right的的2倍倍WS-NE30-3-01 03-10北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.2 框架的使用框架的使用n框架目标框架目标在一个框架内的链接可以链接到另一个框架在一个框架内的链接可以链接到另一个框架实现框架目标需要注意实现框架目标需要注意确保框架被命名确保框架被命名设置锚站目标设置锚站目标请看锚点演示实例请看锚点演示实例displayWS-NE30-3-01 03-11北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.3 框架格式化框架格式化框架边
6、框框架边框在默认情况下，大多数浏览器使用框架边框，控制框架边框在默认情况下，大多数浏览器使用框架边框，控制框架边框的属性主要有两个：的属性主要有两个：框架边框（框架边框（frameborder）：设置框架边框、属性值有）：设置框架边框、属性值有0和和10表示不要边框表示不要边框1表示要边框表示要边框边框（边框（border）：以像素为单位设置边框宽度）：以像素为单位设置边框宽度设置边框颜色（设置边框颜色（bordercolor）WS-NE30-3-01 03-12北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.3 框架格式化框架格式化设置页白设置页白属性：属
7、性：marginwidth表示：框架内容距离左右边框的距离表示：框架内容距离左右边框的距离单位：像素单位：像素属性：属性：marginheight表示：框架内容距离上下边框的距离表示：框架内容距离上下边框的距离单位：像素单位：像素注意：这个框架作用在注意：这个框架作用在frame中中WS-NE30-3-01 03-13北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.3 框架格式化框架格式化设置框架大小：设置框架大小：属性：属性：noresize注意：这个框架作用在注意：这个框架作用在frame中中WS-NE30-3-01 03-14北京清华万博网络技术股份有限公司版权所有北京清华万博网络技术股份有限公司版权所有6.3 框架格式化框架格式化滚动设置滚动设置属性：属性：scrolling值：值：Yes:表示一定有滚动条表示一定有滚动条No:表示一定不是用滚动条表示一定不是用滚动条Auto：表示自动：表示自动注意：这个框架作用在注意：这个框架作用在frame中中
