追学网

Dreamweaver创建AP Div层和设置其属性

UPDATE:2014/11/18 | 分类:网页设计
  到目前为止,你可能会发现在工作页面添加的元素,文字、图片、动画、表格等都不能移动,我们虽然能通过表格来排版定位,但是精确自由移动仍旧受限制。对于这种情况,在Dreamweaver CS4中,提供了“层”作为自由移动的解决方案。

  1.创建AP Div层

  (1)在“浮动工具面板”点击的下三角号,在弹出的下拉列表中选择“布局”。

  (2)在“布局”面板中点击“绘制AP Div”按钮。

  (3)将鼠标移动到工作页面,光标变成“+”形状,按住鼠标左键沿对角线方向拖出一个区域后松开鼠标,就绘制出一个AP Div层。

  2.设置AP Div层的属性

  (1)选择和修改层的大小:在层的四个顶点上点击鼠标,就选择了该层。同时,在层的左上侧出现层手柄,层四周出现蓝色框线和调节点,将鼠标放在调节点上并按住鼠标左键,通过横向、纵向和斜向的拖动,调节层的大小。

  (2)移动层:将鼠标放置在层手柄上,鼠标变成“”形状,此时按住鼠标左键拖动,就可以将层任意移动。

  (3)嵌套层:将光标定义在层的区域内再创建一个层,就是嵌套层。那么在内部的层(后建立的)就称为子层,在外面的层(先建立的)就称为父层。子层会继承父层的各种属性。

  (4)当层被选择时,属性栏呈现的就是该层的属性设置栏。

  ◆CSS-P元素:定义AP Div层的名称,该名称必须是由英文和数字组成的,不能有空格等特殊字符,该名称具有唯一性。定义名称后,可以更容易地选择层,并且可以为层指定多种效果。

  ◆左、上:以页面的最左上顶点为坐标原点,输入距离该坐标原点的值,精确定义层的位置。

  ◆宽、高:定义层的宽和高。

  ◆Z轴:在文本框中输入数值决定层的叠加顺序。Z轴数值大的层排列在Z轴数值小的层上方。

  ◆可见性:显示层的可见和隐藏状态。它有如下四种选项:

  ◇default(默认):不指定层的显示状态。

  ◇inherit(继承):在嵌套层的状况下,子层继承父层的可见性。

  ◇visible(可见):设置层为可见。

  ◇hidden(隐藏):设置层为不可见。

  ◆背景图像:点击按钮选择一幅图作为层的背景。

  ◆背景颜色:设定层的背景颜色。在不设定的情况下,默认层是透明的。

  ◆溢出:当在层中插入的内容比层大时,通过该选项调整内容的显示。它包括几个选项:

  ◇visible(可见):扩大层的区域,使内容完全显示。

  ◇hidden(隐藏):比层大的内容部分不显示。

  ◇scroll(滚动):始终显示滚动条,不管内容是否比层大。

  ◇auto(自动):当内容比层大时显示滚动条,否则不出现滚动条。

  ◆剪辑:通过在“上”、“下”、“左”、“右”四个文本框中输入数值,在层中隐藏输入数值范围内的内容。
学习网

世界看中国 娱乐情感文化观点视频