Dreamweaver第6讲.ppt

第六讲 层和行为的使用 河南大学计算中心 简要复习 上一节学习了使用框架技术制作网页和表单的制作。 会制作框架式的网页。 会制作带有交互式表单的网页。 能够在自己的网页中添加一个搜索引擎。 层（Layer）的使用 层是网页制作的新技术，它给网页设计人员提供了强大的网页控制能力，比用表格控制对象在页面中的位置更灵活。 层技术属于动态HTML范畴，当今的两大浏览器Internet Explorer和Netscape Navigator都支持分层技术。 利用层可以实现网页对象的精确定位。另外，通过使用层、行为和时间轴，还可以实现极具动感效果的动画。 层的概述 在Dreamweaver中，层就是一个比较自由和容易控制的容器，凡是能在页面中的放置的东西，都可以放置到图层上，从而可以实现精确定位。 图层中可以加入文本、图片、表格、插件，也可以在里面嵌套图层。大多数较新版本的浏览器，如IE4.0以上的版本都能识别图层的标记。 图层就象含有文字、图形的胶片，一张张叠放在一起，组合起来形成页面的最终效果。 什么是图层？ 层的特性 图层的最主要的特性是浮动在网页内容之上（或之下），这样用户便可以任意改变图层的位置。要实现精确控制网页中对象的位置，最常用的方法就是将其放入图层中。 图层可以重叠。 图层可以被显示或隐藏。在网页中控制图层的显示或隐藏，可以实现图层中内容的动态交替显示的效果。 层的应用 对网页中的对象进行精确定位。 利用网页中不同对象的重叠显示，实现阴影或层次效果，如阴影字。 通过控制层的可见性和多个层的前后覆盖顺序实现特殊效果，如下拉菜单、图片轮回出现的效果。 以层的应用为基础的网页动画和交互技术，如浮动的广告。 创建图层 方法一： 单击“插入”面板组中“常用”面板的“描绘层”按钮； 将鼠标指针移动到文档窗口中，鼠标指针会变为十字形状时，拖动鼠标，可以绘制出任意大小的图层。 方法二： 将插入点放置在文档窗口中； 执行“插入－层”命令，可以在文档中插入一个预设大小的图层。 方法三： 将 “描绘层”按钮直接拖到文档窗口中，也可以插入一个预设大小的图层。 创建图层 如果希望一次添加多个图层，可以按住Ctrl键的同时，再拖动鼠标进行绘制。 每创建一个图层都会在页面中显示一个层锚记，如果看不到，可以执行“查看－可视化助理－不可见元素”命令，使层锚记变为可见。 执行“编辑－参数选择”可以修改预设图层的属性。 创建嵌套图层 嵌套图层就是创建在其它层中的层。嵌套图层可以将一些图层组合在一起。嵌套层可以随着父层一起移动，并且可以继承父层的可见性。 执行“编辑－参数选择”可以设置是否允许绘制嵌套图层。 方法一：将插入点放入现有图层中，执行“插入－层”命令，这时在现有图层中就会出现新的层锚记。 方法二：将“描绘层”按钮直接拖动到一个现有图层中，即可在该图层中创建嵌套图层。 方法三：单击“描绘层”按钮，然后按下Alt键绘制（在未设置“允许嵌套”的情况下）。 编辑图层 激活层：单击层中的任意位置，可以在当前图层中输入内容。 选中层 ：可以设置图层的格式 方法一：单击文档窗口中的图层标记； 方法二：单击图层中的任意位置，首先激活图层，然后单击图层左上角的选择柄； 方法三：单击图层边框； 方法四：按住Shift键单击图层，可以选中多个图层； 方法五：在“层”面板中单击图层名称，可以选中相应的图层，按下Shift键单击，可同时选中多个图层。 编辑图层 改变图层的大小： 直接在图层的属性面板上输入数字； 拖动图层边框上的手柄； 执行“修改－对齐－设成宽度（高度）相同”命令。 移动图层：用鼠标直接拖动，或用光标键移动。 对齐图层：先选中多个图层，单击“修改－对齐”命令，从子菜单中选择一种对齐方式。 注意：无论哪种对齐方式，都是以最后选中的图层为基准对齐的。最后选择的图层为实心小正方形为手柄，其它的都是空心小正方形。 将图层靠齐到网格 网格是DW提供的一个有力的辅助定位工具，当用户绘制图层时，可以打开网格作为辅助工具，也可以让图层自动靠齐到网格。 显示网格：“查看－网格－显示网格”，再次单击可以隐藏网格。 设置网格属性：“查看－网格－网格设置”。 将层靠齐到网格：选定层并拖动它，层将自动靠齐到最近的网格位置。 执行“查看－网格－靠齐到网格”启动靠齐功能，再次选择可以关闭靠齐功能。 “层”面板 执行“窗口－其它－层”，或按F2键打开“层”面板。在层面板中可以进行如下的操作： 指定是否允许层重叠 指定层的可见性 更改层的名称：不能使用中文命名。 更改层的叠放次序：可以直接拖动图层上下移动，也可以单击Z列的数字，重新输入数字。 图层的属性 在图层的属性面板中可以设置层的属性。 层编号：指定层的名称，可在“层”面板中显示或编程用。 左、上：指定层相对