第9章利用图层技术制作网页 通过本章学习,应该掌握以下内容: 1.认识图层 2.图层的基本操作 3.图层的管理 4.图层与表格的相互转换
通过本章学习，应该掌握以下内容： 1. 认识图层 2. 图层的基本操作 3. 图层的管理 4. 图层与表格的相互转换 第9章 利用图层技术制作网页
91认识图层 图层又称层,是 Dreamweaver M中最有价值的 对象之一,它是由层叠式表发展过来的,它提供了 种对网页对象进行有效控制的手段,层可以包含文本 图像、表单、插件,甚至层内还可以包含其它层。即 在HTML文档的正文部分可以放置的元素都可以放入层 内。由于层可以放置在网页的任何位置,从而能有效 地控制网页中的对象
9.1 认识图层 图层又称层，是Dreamweaver MX中最有价值的 对象之一，它是由层叠式表发展过来的，它提供了一 种对网页对象进行有效控制的手段，层可以包含文本、 图像、表单、插件，甚至层内还可以包含其它层。即 在HTML文档的正文部分可以放置的元素都可以放入层 内。由于层可以放置在网页的任何位置，从而能有效 地控制网页中的对象
层是在制作网页中经常用到的对象,元素的定位 就是一个简单的应用。用表格来对网页进行排版非常 方便,但有时需要在文字上放一些图片之类的元素 表格就不能胜任了,这时就可以利用图层来排版。 图层可以重叠地放置,制作出层叠的效果。也可 以控制层的显示或隐藏,实现交互技术。配合时间显 的使用,还可以同时移动一个或多个图层,轻松制作 出动态效果
层是在制作网页中经常用到的对象，元素的定位 就是一个简单的应用。用表格来对网页进行排版非常 方便，但有时需要在文字上放一些图片之类的元素， 表格就不能胜任了，这时就可以利用图层来排版。 图层可以重叠地放置，制作出层叠的效果。也可 以控制层的显示或隐藏，实现交互技术。配合时间显 的使用，还可以同时移动一个或多个图层，轻松制作 出动态效果
92图层的基本操作 921创建图层 1.插入图层 Dreamweaver mX创建图层,可执行以下操作之 (1)将光标放置在文档窗口中需要插入层的位置,然 后选择“插入”“层”命令。 (2)打开插入“常用”面板,单击该面板上的插入层 图标圖,然后释放鼠标,鼠标会变成十字形状,用 鼠标在页面中绘制一个矩形来创建层。 (3)如果需要画多个层,在单击插入层图标圖的同 时,按住Ctr1键,在文档窗口中画一个层,只要不 释放Ctr1键,就可以连续化多个层
9.2 图层的基本操作 9.2.1 创建图层 1．插入图层 Dreamweaver MX创建图层，可执行以下操作之一： （1）将光标放置在文档窗口中需要插入层的位置，然 后选择“插入”|“层”命令。 （2）打开插入“常用”面板，单击该面板上的插入层 图标 ，然后释放鼠标，鼠标会变成十字形状，用 鼠标在页面中绘制一个矩形来创建层。 （3）如果需要画多个层，在单击插入层图标 的同 时，按住Ctrl键，在文档窗口中画一个层，只要不 释放Ctrl键，就可以连续化多个层
创建完层之后,在页面中会出现一个层的标志, 并且有一个矩形的层出现。 单击层标志,其属性面板显示如图所示,在属性面 板上可以设定层的属性。 图、屈性 1层编号左宽()200xz轴亿)背景图像 ayer1上〔r) 高015x显示 default Y背景颜色c 标签)myM溢出 N剪辑:左□右 下
创建完层之后，在页面中会出现一个层的标志， 并且有一个矩形的层出现。 单击层标志，其属性面板显示如图所示，在属性面 板上可以设定层的属性