网站建设与管理ppt电子课件教案第9章层时间轴行为和布局

《网站建设与管理ppt电子课件教案第9章层时间轴行为和布局》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第九章层、时间轴、行为和布局内容提要9.1使用层9.2Dreamweaver中的时间轴9.3行为9.4布局模式9.1使用层什么是层？层提供一种对网页对象进行有效控制的手段，层可以包含文本、图像、表单等所有可直接用于文档的元素，层中还可以包含插件或其它层（嵌套使用）。层提供了精确定位页面元素的方法，通过将页面元素放置在层中，用户可控制对象的叠放顺序、显示或隐藏，甚至可利用时间轴同时在屏幕上移动一个或多个层。层参数设置选择菜单“编辑”>“首选参数”，打开“首选参数”对话框，在左侧的分类列表中选择“层”选项创建层若要创建层，请执行以下操作之一。•若要绘制层，请单击插入栏上的“描绘层”按

2、钮，然后在文档窗口的设计视图中通过拖动来绘制层。•若要在文档中的特定位置插入层的代码，请将插入点放入文档窗口，然后选择“插入”>“布局对象”>“层”。若要连续绘制多个层，请执行以下操作。（1）单击“插入”栏上的“绘制层”按钮。（2）通过按住Ctrl键并拖动鼠标来绘制各个层。只要不松开Ctrl键，就可以继续绘制新的层。●演示层面板若要打开层面板，请选择“窗口”>“其他”>“层”。层显示为按z轴顺序排列的名称列表；首先创建的层出现在列表的底部，最新创建的层出现列表的顶部。嵌套的层显示为连接到父层的名称。单击加号(+)或减号(-)图标显示或隐藏嵌套的层。层的可见性层的可见性分为以下三种

3、：（1）睁开的眼睛表示层可见（2）闭上的眼睛表示层不可见（3）如果没有眼睛图标，表示该层继承其父层的可见性。●演示改变层的名称和叠放顺序在打开的层面板中，名称为层的标识名，Z表示层的索引号。任意单击管理器中的某一层，即选中该层，按Delete键可以删除它。按住Shift键可同时选择多个层，然后可同时移动或删除它们。双击名称项可为层更改标识名。在层面板中用鼠标拖动层的上下位置，可以改变层的叠放顺序，也可以双击层面板中某层的Z选项，直接输入新值以修改该层的位置顺序。当输入比当前值大的数值时，该层将向上移动，如果输入比当前值小的数值时，该层将向下移动。对齐层当页面中存在多个层时，可以使

4、用层对齐命令对齐层。使用层对齐，可使多个层和最后选定的层在某一方向上对齐。操作步骤如下：（1）按住Shift键选取多个层。（2）选择菜单命令“修改”

5、“排列顺序”，出现“排列顺序”子菜单，如图所示。●演示层属性面板选定层后，在Dreamweaver的底部会出现层的属性面板。在层属性面板上可以显示和设置以下属性：层编号：该文本框设置当前层的名称。层的名称只能由标准的字母和数字表示，不能使用空格、连字符、斜杠符等。左：设置层左边边框相对于页面的左边界或父层左边界的距离。上：设置层上边边框相对于页面的上边界或父层顶端的距离。宽：该域用于设置层的宽度值，默认单位是像素。高：该域用于设置层

6、的高度值，默认单位是像素。层属性面板Z轴：在该文本框中输入层在Z方向上的索引值。显示：该下拉列表框设置层的可见性。背景图像：设置层的背景图像。背景颜色：设置层的背景色。单击颜色框按钮，在色盘中选取合适的颜色，或者在文本框中直接输入背景颜色的十六进制数值。类：将某种CSS样式应用到层中。溢出：设置当层中的内容超出层的范围后产生的效果。层属性面板溢出：设置当层中的内容超出层的范围后产生的效果。Visible－－当层中的内容超出层的范围时，层会自动扩展大小以显示其中的内容。Hidden――当层中的内容超出层的范围时，层的大小保持不变，超出的内容不被显示。Scroll――无论层中的内容是

7、否超出层的范围，在层的右边和下边出现滚动条。Auto――当层中的内容超出层的范围时，层的大小保持不变。在层的右边和下边出现滚动条，拖动滚动条显示超出部分内容。当层中内容没有超出时，不显示滚动条。剪辑：在该域中定义层中可见区域的大小。在上、下、左、右四个文本框中分别设置层中显示区域相对于四边的距离，单位为像素。如果在页面中选择多个层，可以通过层属性面板同时修改多个层的属性，这样使我们的设计过程更方便快捷。层和表格的转换将层转换为表格选择菜单命令“修改”>“转换”>“层到表格”，打开“转换层为表格”对话框。层和表格的转换在该对话框中可进行以下设置：最精确：选中该项，将层转换为表格，如

8、果层之间有间距，则插入适当的单元格。最小：选中该项后，如果层之间的距离很小，会将这些层转换为相邻的单元格，转换后的表格具有最少的行列。使用透明GIFs：选中该复选框，会在转换后的表格最后一行中填充透明的GIF图像（），目的是为了在所有的浏览器中，使表格都具有一样的显示效果。置于页面中央：选中该复选框，转换后的表格在页面中居中对齐，否则表格为左对齐方式。层转换为表格示例●演示将表格转换为层（1）选择菜单命令“修改”>“