通联支付保险行业支付合作方案.ppt

网页设计与制作
$ [知识目标]
了解网页中的层
了解时间轴面板
掌握应用层和时间轴制作动画方法
8 [能力目标]
掌握在网页中创建层及编辑层的基本操作
熟练时间轴面板的操作
能够应用层和时间轴制作网页动画
第6章网页中的层和时间轴
层
时间轴
本章小结
第6章网页中的层和时间轴
层
创建层
层的基本操作
层与表格的转换
(一)创建层
。
“插入栏”中的“布局”类别中,单击“描绘层”按钮。
“+”,按住
左键并拖动,可以在网页中创
建一个层,如图。
按住Ctrl键,可以一次在
文档窗口中绘制多个层。
创建层
层
(二)创建嵌套层
,绘制一个层。
:
•将鼠标放在层中,单击菜单栏中“插入”|“布局对象”|“层”命令。
•将一个层的标志图标,用拖拽的方式拖到另一层中。
。其外面的层被称为“父层”,里面的层被称为“子层”。
(三)向层中添加内容
将光标定位在层中,光标变为“|”,可以向层中插入文本或图像等网页元素。
创建层
层

使用下述方法中的任意一种方法,均可选中一个层:
•单击文档中层的边框线;
•单击层上方的标记;
•单击文档左上方的层标志
。
使用下述方法中的任意一种方法,均可移动层:
•选中层后,拖动标记,可以将层移到文档的任意位置。
•鼠标移到层的边框上,指针变为,拖动鼠标可以移动层。
•对于多层的移动,拖动最后被选中的有实心控制点的层的标记,可以同时将多层移动。
层的基本操作
层
。
选中多层,单击菜单栏中“修改”|“排列顺序”命令,选择对齐方式,如“左对齐”、“右对齐”;“对齐上边缘”或“对齐下边缘”等。
。
同其他网页元素一样,层的设置需要在“属性检查器”中进行。选中层,层属性如图所示。
层的基本操作
层
。
单击菜单栏中“窗口”|“层”命令或按快捷键F2,打开层面板。
•“名称”:显示每个层的名称,双击可以改变层的名称。
•“防止重叠”:选择该选项,则不能将一个层移到另一个层的上面。
•按钮:设置层的可见性,用鼠标反复单击可以实现层的可见和隐藏。,可见; ,隐藏。
•“Z”:设置层的Z轴值。单点击层的Z轴位置可以修改Z轴值。
层的基本操作
层