第九章、使用框架结构.pptx

第九章 使用框架结构 框架 广告栏顶部框架(top.htm) 导航栏左侧框架(left.htm) 详细内容页面右侧框架 (main.htm) 框架的边框 框架集页面(FrameSet.htm) 框架使用场合 页面的一个固定部分显示徽标或静态信息 在另一个固定部分显示导航部分详细内容 在此处显示详细内容， 页面中此部分是变化的。 框架集标记 框架的基本语法： frameset frame frame …… /frameset 注意：（页面中用frameset标签时就不能用body标签） frameset主要分割方式有以下3种： 左右分割窗口 Cols属性 上下分割窗口 Rows属性 嵌套分割窗口 框架的基本结构 框架的基本结构： FRAMESET COLS=20%,* FrameSpacing=15 FRAME FRAMESET ROWS=20%,* FRAME FRAME /FRAMESET /FRAMESET 左右 上下 边框尺寸大小 将窗口分割成左右2个部分,可选 将窗口分割成上下2个部分,可选 左右分割窗口cols 基本语法： Frameset cols=“value,value,…….” frame frame /frameset FRAMESET COLS=30%,70% FRAME FRAME /FRAMESET 框架的基本结构 HTML HEAD TITLErows_cols框架/TITLE /HEAD FRAMESET rows=25%,50%,* border=5 FRAME name=“top src=the_first.html FRAME name=middle src=the_second.html FRAME name=“bottom src=the_third.html /FRAMESET /HTML 将窗口分割成上中下3部分 窗口边框的宽度 如果要在浏览器中创建左中右三个窗口,该如何实现？ 每个窗口对应一个页面，以及一个框架集页面，总共需要几个HTML页面文件？ 嵌套分割窗口 基本语法： Frameset rows=“value，value,…….” frame frameset cols=“value,value,…..” frame frame …….. /frameset frame ……… /frameset HTML HEAD TITLE嵌套分割窗口/TITLE /HEAD FRAMESET COLS=20%,* FRAME FRAMESET ROWS=20%,* FRAME FRAME /FRAMESET /FRAMESET /HTML 框架集属性 基本语法：frameset bordercolor=“” framespacing=“” HTML HEAD TITLE设定框架边框颜色/TITLE /HEAD FRAMESET COLS=20%,* FrameSpacing=15 BorderColor=#336699 FRAME FRAMESET ROWS=20%,* FRAME FRAME /FRAMESET /FRAMESET /HTML 框架标记frame及其属性src 基本语法： 每一个页面都有一个显示页面，这个页面称为框架页面。（用frame标记可以定义框架页面的内容） Src属性：通过src属性框架显示的文件路径 语法：frame src=12-6-1.html FRAMESET COLS=50%,50% FRAME SRC=12-6-1.htm FRAME SRC=12-6-2.htm /FRAMESET 框架边框显示属性和框架滚动条显示属性 基本语法： 边框语法：frame src=“file_Name” frameborder=“value” value取值为0或1，0为不显示边框，1为显示边框。 滚动条语法：frame src=“file_name” scrolling=“value” value取值范围： Scrolling属性值 描述 yes 显示滚动条 no 不显示滚动条 Auto 根据页面的长度自动显示滚动条 FRAMESET COLS=50%,50% FRAME SRC=12