第 五 章 层和框架

安徽新华电脑学院授课：王良侠第五章层和框架安徽新华电脑学院授课：王良侠•教学目标与要求：通过本章学习，学生了解层和框架的功能与作用，掌握使用层和框架布置页面。•本章重点与难点：（1）层和框架的创建（重点）(2)层和框架的使用与布局(重点)（3）iframe内联框架（难点）安徽新华电脑学院授课：王良侠一、概念层：是一种HTML内容的容器，层可定位在页面上的任意位置，并且其中可包含文本，图像，表单等所有可直接用于文档的元素二、层的创建方法1.布局面板“插入”面板中,在“布局”选项卡中，选择层(layer)按钮，在编辑区拖动即可插入层.一：层安徽新华电脑学院授课：王良侠注：如一次性插入多个层，可按“CTRL”键画层2.利用样式表建立新层三、建立嵌套层嵌套层是指包含在其他层中的层，使用嵌套层的好处是确保该层能永远之于其父层的上方安徽新华电脑学院授课：王良侠方法：1新建一个层layer12按住alt键不放，在layer1中的任意位置画一个新层layer2。注：层的关系有嵌套和重叠。重叠两个层是相互独立的；嵌套时子层会随父层变化而变化。四、层面板（F2）打开层面板窗口--层安徽新华电脑学院授课：王良侠五、层的属性设置层编号：当前层名称左，上：相对于页面或其父层左上的位置高，宽：层的宽度和高度Z轴：设置层的层次属性可见性：设置层的可见性Default：默认是可见的inherit:继承Visible：显示层及内容Hidden：隐藏层及内容安徽新华电脑学院授课：王良侠背景图像背景颜色Overflow（溢出）：选择当层内容超出层尺寸时如何处理Visible：自动增加尺寸Hidden：隐藏超出部分内容Scroll：添加滚动条Auto：内容超出后自动添加滚动条Clip：选区的L,T,R,B分别设置层的可视区域.安徽新华电脑学院授课：王良侠六、选择层在Layers面板中，单击层名；单击层边框；按shift键，单击层中任意位置；单击层标记。注：选择多个层：按shift键，点击七、调整层的大小拖动周围控制点按Ctrl和方向键,一次增大或缩小1像素按Ctrl+Shift和方向键，每点击一次改变一个网格距离在W和H框中输入精确值安徽新华电脑学院授课：王良侠八、层的剪辑1.新建一个层layer12.在层中插入一图象3.建立一嵌套层4.移动嵌套层位置和改变大小，是其套住正好要剪辑的图像部分。5.记下嵌套层属性面板中L、T、W、H值。6.选中layer1，在属性面板中clip选区中输入：L(刚记下的L)；T(刚记下的T)；R(L+W)；B(T+H)。7.单击编辑区空白处。安徽新华电脑学院授课：王良侠九、对齐层修改菜单对齐(ModifyAlign)十、层和表格的转换1.方法：1）打开一个含有多个层的HTML文档2）修改(Modify)—转换(Convert)—层到表格(LayerstoTable)安徽新华电脑学院授课：王良侠二：框架的概述1.框架与浏览器窗口的其余部分中所显示内容无关的HTML文档。2.框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的HTML内容安徽新华电脑学院授课：王良侠3、保存框架File——saveAll弹出一个存储框架设置选项对话框，输入文件名，保存。又分别弹出对话框，依次保存各分框架。4、删除框架用鼠标拖动框架间的边框，一直拖到最边上即可就可以删除一个框架了。5、框架嵌套安徽新华电脑学院授课：王良侠6、分割框架Modify—Frameset（框架页）—Split（拆分）或直接用鼠标拖动框架边框7、选择框架windowothersframes打开框架面板，用鼠标点击各框架即可选中。安徽新华电脑学院授课：王良侠8、noframe元素noframe元素用于指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息语法格式：noframe……/noframe安徽新华电脑学院授课：王良侠9、IFrame的使用IFrame是InlineFrame的缩写，称为内联框架或浮动框架，可以在HTML页面的任何位置插入一个内联框架，并可以独立的定义大小。在Dreamweaver中，不能直接插入控制内联框架，只能通过编写代码来实现。语法格式：iframeheight=“?”width=“?”src=“url”scrolling=“?”frameborder=“?”/iframe安徽新华电脑学院授课：王良侠归纳与总结：本节课程介绍了DreamweaverMX2004中的框架及如何框架布局，重点是框架的使用和布局，难点是内联框架的使用。上机与作业：（1）练习插入层、框架及设置框架属性（2）运用层和框架布局网页（3）制作一个油箱页面