通过本章学习,应该掌握以下内容：认识图层图层的基本操作.ppt

9.1 认识图层 应用一:浮动提示 1.首先插入一个两行n列的表格，边框为0，并填充文字，文字加上应该的链接，第二行的单元格插上一个图层,重命名. 2.选取链接文本，按Shift F3，打开行为面板，点击行为面板上的”+”，选取”设置文本”，再选”设置层文本”，如下图 3.然后出现对话框如下（填上需要的文字），然后按确定： 4.再点击一次”+” 重复刚才的步骤，不过这次在新建HTML里不填任何文字，然后确定。行为面板变为下图 5.把第二次加进的行为onMouseover改为onMouseout，（点onMouseover旁边的 ，找到onMouseout后选中它，假如找不到,选显示事件，再选其它版本浏览器，这样就有onMouseout了），如： 补充时间轴的概念 时间轴（TimeLine） 时间轴也叫时间线，顾名思义，它是一条贯串时间的轴，用于表示网页存活时间中发生的各种状态。通过往这条时间轴上不同的时间部位放置不同的内容，就可以实现网页元素的动态效果。 时间轴（TimeLine） 利用时间轴，可以创建各种类型的动态效果，例如，可以改变分层的位置、大小、可见性、重叠顺序等。利用时间轴，还可以实现在页面载入后进行其他类型的动作，例如可以改变图像源文件，在特定时间执行相应的行为等。 时间轴（TimeLine） 操作 打开时间轴面板：打开“窗口”菜单，选择“时间轴 ”命令，或按Alt+F9 时间轴面板 名称 当前的帧 每秒钟播放的帧数（Fps） 自动播放 重复 应用二:实现漂浮图片 1、准备一张图片 2、了解一下Dreamweaver　MX中的时间轴。在下图的方法中找到时间轴（或者按下快捷键ALT F9） 3、 在网页设计区画出一个图层，在图层里插入刚预备好的图片，调整图层的大小，让其适合于图片 4、用鼠标选中图层，并将其拖到时间轴的的第1个小格 5、再次选中图层，并用鼠标再次把它拖到时间轴，用鼠标点一下时间轴第一段最后那个格子，然后把属性面板上层的左加上300（即让其右移300像素），第二段第一个格子同样设置。 6、用鼠标点一下时间轴第二段最后那个格子，然后把属性面板上层的左减上300。 网页设计艺术 № * № * WANG YE SHE JI YI SHU 通过本章学习，应该掌握以下内容： 认识图层 图层的基本操作 图层的管理 图层与表格的相互转换 第9章 利用图层技术制作网页 图层又称层，是Dreamweaver MX中最有价值的对象之一，它是由层叠式表发展过来的，它提供了一种对网页对象进行有效控制的手段，层可以包含文本、图像、表单、插件，甚至层内还可以包含其它层。即在HTML文档的正文部分可以放置的元素都可以放入层内。由于层可以放置在网页的任何位置，从而能有效地控制网页中的对象。 层是在制作网页中经常用到的对象，元素的定位就是一个简单的应用。用表格来对网页进行排版非常方便，但有时需要在文字上放一些图片之类的元素，表格就不能胜任了，这时就可以利用图层来排版。 图层可以重叠地放置，制作出层叠的效果。也可以控制层的显示或隐藏，实现交互技术。配合时间显的使用，还可以同时移动一个或多个图层，轻松制作出动态效果。 9.2 图层的基本操作 9.2.1 创建图层 1．插入图层 Dreamweaver MX创建图层，可执行以下操作之一： （1）将光标放置在文档窗口中需要插入层的位置，然后选择“插入”|“层”命令。 （2）打开插入“常用”面板，单击该面板上的插入层图标 ，然后释放鼠标，鼠标会变成十字形状，用鼠标在页面中绘制一个矩形来创建层。 （3）如果需要画多个层，在单击插入层图标 的同时，按住Ctrl键，在文档窗口中画一个层，只要不释放Ctrl键，就可以连续化多个层。 创建完层之后，在页面中会出现一个层的标志，并且有一个矩形的层出现。 单击层标志，其属性面板显示如图所示，在属性面板上可以设定层的属性。 2．创建嵌套图层 图层嵌套指的是在一个图层的内部创建另一个图层，可以用嵌套的方法将多个图层组合在一起。使用嵌套层的目的通常是为了将多个图层组成群组，这样一来，只要移动父层，其中的子层也会一起移动，而且子层还会继承父层的显示隐藏状态，其可见性与父层保持一致。这在制作动态网页是十分有用。 创建嵌套层通常有两种方法： （1）直接创建嵌套层 先创建一个层为父层，后在父层内创建的层成为子层，在图层面板中也可以看出层2是层1的子层。 （2）将已有的多个层变为嵌套层 打开图层面板，在层列表中将需要作为子层的层选中，按住Ctrl键将该层拖动到父层上，释放鼠标即可。 9.2.2 选择图层 1．选择一个图层