网页设计之 层的使用网页设计之 层的使用.ppt

辽宁对外经贸职业学院 层的应用 教学内容： 1、网页布局方式的区别 2、利用层进行网页布局 二、 层在网页布局中的应用 层：是网页中用来放置文本、图像、动画、表单、插件等网页元素的载体。 特点：层在网页编辑区中可以白由移动，可以精确对页面元素定位。设计者可以控制多个层的叠放次序，显示或隐藏层。层与时间轴配合使用，可以很方便地设计出动态页而效果，层与行为配合使用，还可以很方便地制作出滚动字幕、下拉式菜单等页面效果。 嵌套层（子层）：包含嵌套层的那个层称为父层，嵌套层永远在其父层上方。 ` 1、创建层和嵌套层（可打开网格定位） 2、设置层参数 3、显示层面板并改变层的重叠顺序 4、调整层的属性、大小、移动和对齐层 5、层和表格的转换 6、动态下拉菜单: 技巧 按下Ctrl不放，可以连续创建多个层。 按下Shift键，单击面板上的层，可以选择多个层。 选择多个层，执行【修改】或属性面板可以将层设置相同的宽和高。 选定层后，单击方向键，可以每次1个像素调整层的大小。 利用【修改】【排列顺序】对层进行对齐 * 一、网页布局方式的区别 1、表格(Table)： 用表格布局是最常用的方案（一个网页） 2、框架(Frame) ： 每一个框架区域都能独立操作（多个网页） 3、层(Layer) ： 可以随意定位，还可以与表格相互转换（一个网页） 步骤： 设计下拉菜单样式 设置层的显示 设置层的隐藏 * *