web信息系统设计基础第9章层与行为
61页1、第九章 层与行为,内容提要,9.1 使用层 9.2 Dreamweaver中的时间轴 9.3 行为,什么是层? 层是网页上层次独立的可以重叠或嵌套的元素,其标签为div,如图中蓝框。在Dreamweaver CS3中,把层称为“AP元素”(绝对定位元素)。 层提供一种对网页对象进行有效控制的手段,层可以包含文本、图像、表单等所有可直接用于文档的元素,层中还可以包含插件或其它层(嵌套使用)。 层提供了精确定位页面元素的方法,通过将页面元素放置在层中,用户可控制对象的叠放顺序、显示或隐藏,甚至可利用时间轴同时在屏幕上移动一个或多个层。 将层添加到时间轴的动画通道中,可建立动画。例如:在网页上漂浮移动的广告。,9.1 使用层,层参数设置,选择菜单“编辑”|“首选参数”,打开“首选参数”对话框,在左侧分类列表中选择“AP元素”选项。,创建层,若要创建层,请执行以下操作之一。 若要绘制层,请单击插入栏上的“绘制 AP Div”按钮,在文档窗口的设计视图中拖动即可绘制层。 若要在文档中的特定位置插入层的代码,请将插入点放入文档窗口,然后选择“插入记录”|“布局对象”|“AP Div”。 若要连续绘
2、制多个层,请执行以下操作。 (1)单击“插入记录”栏上的“绘制 AP Div”按钮。 (2)通过按住 Ctrl 键并拖动鼠标来绘制各个层。 只要不松开 Ctrl键,就可以继续绘制新的层。,层面板,若要打开层面板,请选择“窗口”|“AP元素”。层显示为按z轴顺序排列的名称列表;首先创建的层出现在列表的底部,最新创建的层出现列表的顶部。 嵌套的层显示为连接到父层的名称。单击加号 (+) 或减号 (-) 图标显示或隐藏嵌套的层。,层的可见性,层的可见性分为以下三种: (1)睁开的眼睛表示层可见 (2)闭上的眼睛表示层不可见 (3)如果没有眼睛图标,表示该层继承其父层的可见性。,改变层的名称和叠放顺序,在打开的层面板中,名称为层的标识名,Z表示层的索引号。任意单击管理器中的某一层,即选中该层,按Delete键可以删除它。按住Shift键可同时选择多个层,然后可同时移动或删除它们。双击名称项可为层更改标识名。 在层面板中用鼠标拖动层的上下位置,可以改变层的叠放顺序,也可以双击层面板中某层的Z选项,直接输入新值以修改该层的位置顺序。当输入比当前值大的数值时,该层将向上移动,如果输入比当前值小的数值
3、时,该层将向下移动。,对齐层,当页面中存在多个层时,可以使用层对齐命令对齐层。使用层对齐,可使多个层和最后选定的层在某一方向上对齐。操作步骤如下: (1)按住Shift键选取多个层。 (2)选择菜单命令“修改”|“排列顺序”,出现“排列顺序”子菜单,如图所示。,层属性面板,选定层后,在Dreamweaver的底部会出现层的属性面板。,在层属性面板上可以显示和设置以下属性: CSS-P元素(层名称):该文本框设置层名称。层的名称只能由标准的字母和数字表示,不能使用空格、连字符、斜杠符等。 左:设置层左边边框相对于页面左边界或父层左边界的距离。 上:设置层上边边框相对于页面的上边界或父层顶端的距离。 宽:该域用于设置层的宽度值,默认单位是像素。 高:该域用于设置层的高度值,默认单位是像素。,层属性面板,Z轴:在该文本框中输入层在Z方向上的索引值。 显示:该下拉列表框设置层的可见性。 背景图像:设置层的背景图像。 背景颜色:设置层的背景色。单击颜色框按钮,在色盘中选取合适的颜色,或在文本框中直接输入背景颜色的十六进制数值。 类:将某类CSS样式应用到层中。 溢出:设置当层的内容超出层的范围后
4、产生的效果。 剪辑: 设置层中可见区域,相对于层的四边的距离(像素)。,层和表格的转换,将层转换为表格 选择菜单命令“修改”|“转换”|“将AP Div转换为表格”,打开其对话框。,层转换为表格示例,将表格转换为层,(1)选择菜单命令“修改”|“转换”|“将表格转换为AP Div”,打开其对话框,如下图所示。 (2)设置好选项后,单击“确定”按钮,即可将表格转换为层。,嵌套层,1插入法:把插入点放置于页面上已有层内,然后选择“插入记录” |“布局对象”|“AP Div”菜单命令,即插入一个嵌套层。 2描绘法:单击“插入”工具栏“布局”面板中的“绘制 AP Div”按钮,然后在一个已有层中拖动,即画出一个嵌套层。如果在层的参数设置中关闭了层嵌套,请按住Ctrl键在已有层中描绘其子层。,关于嵌套层,关于嵌套层,需要特别注意的是嵌套层并不是页面上一层位于另一层内。嵌套层的本质应该是一层的HTML代码嵌套在另一层的HTML代码之内。 从图中可以看出,层“sub”的代码嵌套在层“main”的HTML代码之内,所以它是嵌套层。反过来,即使在页面上看,一个层位于另一层之内,如果它们的HTML代码互不
《web信息系统设计基础第9章层与行为》由会员san****019分享,可在线阅读,更多相关《web信息系统设计基础第9章层与行为》请在金锄头文库上搜索。
高中化学实验方案的设计第一节制备实验方案设计
高中生物实验室配置
高中体育与健康课程田径必修模块单元教学方案
高中通用技术方案的构思方法-设计分析教案苏教版必修
高中生物室配置
高中信息技术网络技术应用选修模块教学评价方案
骆小学教师戏曲知识培训方案(I)
麻村小学阳光体育活动计划及实施方案
高桥小学幼小衔接活动方案
马摆小学控辍保学实施方案
金阳街道中心小学未成年人思想道德建设实施方案
龙扬小学第32个爱国卫生月活动方案
魏家井联小学度控辍保学工作方案
高区第九届初中骨干教师课堂教学能力展示活动
长沙县2018年度小学生课外阅读知识竞赛及书目
阳江中心小学一月一事之五月主题活动方案
长营小学校园体育活动实施方案
高考历史备考方案-陈军
高考语文第5课父亲课前预案苏教版选修现代散文选读
高考语文第9课铃兰花课前预案苏教版选修现代散文选读
2024-03-21 39页
2024-03-21 41页
2024-03-21 40页
2024-03-21 34页
2024-03-21 33页
2024-03-21 35页
2024-03-21 21页
2024-03-21 45页
2024-03-21 33页
2024-02-20 85页