网页设计-完整课件网页设计9.ppt

网页设计-完整课件网页设计9
Click here to modify the text , you may post text here . Click here to modify the text . Click here to m，到工作窗口释放鼠标左键（或直接在编辑区内画层）。
二、创建嵌套的图层
操作步骤如下：
1）、打开要创建图层的文档。
2）、单击插入栏中的常用面板的 按钮。
3）、用鼠标拖动该图标，到工作窗口释放鼠标左键（或直接在编辑区内画层）。
4）、将光标插入到已建好的图层中，然后选择菜单中的“插入/层”命令，可在已建的图层中插入一个嵌套的图层。
三、图层的操作
1、激活图层
一个层在被激活后，才能将文本、图像、表格、表单等网页元素插入到图层中。
如何激活？------单击图层的任意位置，就可以激活图层，此时光标在图层中闪烁，这时候就可以往图层插入其它的网页元素。
未被选中激活的层
激活的层
被选中的层
【背景图像】：设置图层的背景图像。
【背景颜色】：设置图层的背景颜色。
【标签Tag】：设置图层在HTML代码中使用标记，建议使用DIV，它可以同时被IE和Netscape支持。
【溢出Overflow】：设置图层的内容超出图层范围大小时的显示方式。
有以下4种选择：
Visible:按照内容尺寸向右、向下扩大层，以显示层内的全部内容。（换句话说，增加层尺寸，显示超出部分的内容。）
Hidden：只显示图层尺寸以内的内容。保持层尺寸不变，隐藏超出部分的内容。
Scroll:不改变图层的大小，但增加滚动条，用户可以通过滚动条来浏览整个图层。
Auto:只在层不够大时才出现滚动条，这一项也是在支持滚动条的浏览器中才有效。
【剪辑Clip】：设置图层的可视区域，即哪一部分是可见的，输入的数值表示图层的可视区域与层左、上边界之间的距离。
五、图层的默认设置
当图层被插入时，其属性是默认，但这些默认属性不是固定不变的，可以随时修改。操作方法：
选择主菜单中的【编辑】/ 【“参数修改”或者称为“偏好设置”】命令，在弹出的对话框中的【分类】栏中选择层。
如下图所示：
【标签Tag】：设置图层在HTML代码中使用标记，可使用DIV、SPAN、LAYER 或ILAYER。
【显示Vis】：层的可见性，设置图层的显示情况。可选择“defaul”（默认）、“inherit”（继承父层的属性）、“visible”（可见）、“hidden”（隐藏）四个选项之一。
【宽W】和【高H】：设置图层的宽和高度，单位为像素。
【背景图像】：设置图层的背景图像。
【背景颜色】：设置图层的背景颜色。
【嵌套】：勾选该项，只要出现重叠时，将采用嵌套的方式。
【Netscape4兼容性】：勾选该项，当插入层时，固定其大小。
层的属性被修改后，当下一次插入层时，其默认的属性会变为修改后的数值。
六、层的管理
在Dreamweaver中，图层的管理是使用层面板。层面板是文档中层的可视图。在层面板中，层以堆叠名称列表的形式显示，先建立的层位于列表的底部，后建立的层位于列表的上部，使用层面板可以防止层重叠、改变层的可见性和堆叠顺序。
打开层面板的方法：
选择主菜单中的【窗口】/ 【其它】 】/ 【层】命令，或者直接按F2键打开层面板，如图所示：
在层面板中，Z轴数值最大的，图层就会排在上面。可以通过改变Z的数值，来改变图层上下位置。
层面板
先创建的层
后创建的层
改变层的可视性
代表可视
代表不可视
层和表格是网页设计中经常用到的两种技术，二者各有优缺点。利用表格布局网页元素过于呆板；而使用层对网页进行布局，则有可能无法被有些浏览器支持。如果将二者结合使用，可以大大提高效率。
1、表格转换为层
操作方法：
1）、选中要转换为层的表格。
2）、选择菜单中的“修改/转换/表格到层”命令。
层与表格的转换
2、层转换为表格
操作方法：
1）、选中要转换为表格的层。
2）、选择菜单中的“修改/转换/层到表格”命令。在弹出的对话框中进行设置。
提示：层转换为表格时，要求层不能重叠。如果层重叠，则不能进行层转换为表格的操作。
层的应用
一、图层层叠效果制作（实例操作演示）
二、鼠标移到图片时显示隐含图层。 （实例操作演示）
三、拖动层的应用。 （实例操作演示）
时间轴（线）
在这节中我们要学习DreamweaverMX的时间轴动画，在不需要编写复杂的程序，只是利用层和时间轴，就可以让网页元素在网页画面中移动起来。这也是DreamweaverMX强于其它网页编辑工具的地方。
动画的原理