《使用层和时间轴》ppt课件

《《使用层和时间轴》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章　使用层和时间轴本章简介：如果用户想在网页上实现多个元素重叠的效果，可以使用层。层是网页中的一个区域，并且游离在文档之上。利用层可精确定位和重叠网页元素。通过设置不同层的显示或隐藏，实现特殊的效果。DreamweaverCS3提供了在网页上制作动态效果的功能，利用时间轴组织、控制层和图像等对象，在一定时间内播放，从而产生动态效果。层的引入在网页设计当中，层的概念的引入主要表现出两大优势：在层出现之前，所有页面的布局具有很大的空间局限性，早期的网页设计人员一般用表格来控制图形等网页元素的位置。

2、但是如果要精确定位一个图形，则必须在表格内进行表格嵌套，使设计变得十分复杂。当层出现以后，定位技术及其相关的设计就变的非常容易实现了。在层出现之前，所有的网页设计和制作都是在同一个平面内进行的，可以利用的空间和设计的技术手段都十分有限，人们不得不在有限的空间对页面进行细致的略显繁琐布局规划，而在层出现之后，网页设计的空间由二维拓展成了三维，从而大大增加了设计人员的自由空间。层的理解网页中的层，就好像一张张透明的画布，每张画布都画着一些独立的色彩，而一幅完整的画就是由许多张这样的画布叠加在一起组成的

3、，每一个层的色彩都能够和其它层进行叠加，而修改其中的某一层却不会影响其他层的效果，这就是层的概念核心，也体现了层的作用。课堂学习目标层的基本操作应用层设计表格时间轴动画制作时间轴动画的技巧7.1层的基本操作课堂案例——圣诞礼品屋创建层选择层设置层的默认属性AP元素面板更改层的堆叠顺序更改层的可见性调整层的大小嵌套层移动层对齐层层靠齐到网格7.1.1课堂案例——圣诞礼品屋使用“绘制APDiv”按钮绘制层。使用“AP元素”控制面板选择层。使用“背景颜色”按钮改变层的背景颜色。7.1.2创建层若想利用层

4、来定位网页元素，先要创建层，再根据需要在层内插入其他表单元素。有时为了布局，还可以显示或隐藏层边框。创建层单击“插入”面板“布局”选项卡中的“绘制APDiv”按钮，在文档窗口中拖曳鼠标绘制。将“插入”面板“布局”选项卡中的“绘制APDiv”按钮拖曳到文档窗口中。将光标放置文档窗口中，选择“插入记录>布局对象>APDiv”命令。如果需要连续绘制新的层？单击“插入”面板“布局”选项卡中的“绘制APDiv”按钮，在文档窗口中，按住Ctrl键的同时拖曳鼠标左键绘制层。只要不放Ctrl键，就可以连续绘制新的

5、层。7.1.2创建层在默认情况下，每当用户创建一个新的层，都会使用DIV标志它，并将层标记显示到网页左上角的位置。若要显示层标记？编辑>首选参数>AP元素的锚点查看>可视化助理>不可见元素7.1.2创建层显示或隐藏层边框若要显示或隐藏层边框，可选择“查看>可视化助理>隐藏所有”命令。7.1.3选择层选择一个层（1）利用层面板选择一个层。窗口>AP元素（2）在文档窗口中选择一个层。单击层的边框按住Ctrl+shift，在层中单击单击选择柄7.1.3选择层选定多个层选择“窗口>AP元素”命令，弹出“A

6、P元素”控制面板。在“AP元素”控制面板中，按住键并单击两个或更多的层名称。在文档窗口中按住键并单击两个或更多个层的边框。当选定多个层时，当前层的大小调整柄以蓝色突出显示，其它层的大小调整柄则以白色显示，并且只能对当前层进行操作。7.1.4设置层的默认属性当层插入后，其属性为默认值，如果想查看或修改层的属性，选择“编辑>首选参数”命令。“显示”选项：设置层的初始显示状态。Default：默认值，一般情况下，大多数浏览器都会默认为“inherit”。Inherit：继承父

7、级层的显示属性。Visible：表示不管父级层是什么都显示层的内容。Hidden：表示不管父级层是什么都隐藏层的内容。“嵌套”：设置在层出现重叠时，是否采用嵌套方式。7.1.5AP元素面板通过“AP元素”控制面板可以管理网页文档中的层。选择“窗口>AP元素”命令，启用“AP元素”控制面板。使用“AP元素”控制面板可以防止层重叠，更改层的可见性，将层嵌套或层叠，以及选择一个或多个层。7.1.6更改层的堆叠顺序排版时常需要控制叠放在一起的不同网页元素的显示顺序，以实现特殊的效果，这可通过修改选定层的“

8、Z轴”属性值实现。层的显示顺序与Z轴值的顺序一致。Z值越大，层的位置越靠上前。在“AP元素”控制面板中更改层的堆叠顺序在“属性”面板中更改层的堆叠顺序7.1.7更改层的可见性当处理文档时，可以使用“AP元素”控制面板手动设置显示或隐藏层，来查看层在不同条件下的显示方式。更改层的可见性，有以下几种方法。使用“AP元素”控制面板更改层的可见性。单击眼形图标，可以更改其可见性。眼睛睁开表示该层是可见的；眼睛闭合表示该层是不可见的；如果没有眼形图标，该层通常会继承其父级的可见性。如果层没有