欢迎来到天天文库
浏览记录
ID:44246897
大小:184.50 KB
页数:27页
时间:2019-10-20
《CH9 图层技术》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、通过本章学习,应该掌握以下内容:认识图层图层的基本操作图层的管理图层与表格的相互转换第9章利用图层技术制作网页9.1认识图层图层又称层,是Dreamweaver中最有价值的对象之一,它是由层叠式表发展过来的,它提供了一种对网页对象进行有效控制的手段,层可以包含文本、图像、表单、插件,甚至层内还可以包含其它层。即在HTML文档的正文部分可以放置的元素都可以放入层内。由于层可以放置在网页的任何位置,从而能有效地控制网页中的对象。层是在制作网页中经常用到的对象,元素的定位就是一个简单的应用。用表格来对网页进行排版非常方便,但有时需要在文字上放一些图片之
2、类的元素,表格就不能胜任了,这时就可以利用图层来排版。图层可以重叠地放置,制作出层叠的效果。也可以控制层的显示或隐藏,实现交互技术。配合时间显的使用,还可以同时移动一个或多个图层,轻松制作出动态效果。9.2图层的基本操作9.2.1创建图层1.插入图层DreamweaverMX创建图层,可执行以下操作之一:(1)将光标放置在文档窗口中需要插入层的位置,然后选择“插入”
3、“层”命令。(2)打开插入“常用”面板,单击该面板上的插入层图标,然后释放鼠标,鼠标会变成十字形状,用鼠标在页面中绘制一个矩形来创建层。(3)如果需要画多个层,在单击插入层图标的同时
4、,按住Ctrl键,在文档窗口中画一个层,只要不释放Ctrl键,就可以连续化多个层。创建完层之后,在页面中会出现一个层的标志,并且有一个矩形的层出现。单击层标志,其属性面板显示如图所示,在属性面板上可以设定层的属性。2.创建嵌套图层图层嵌套指的是在一个图层的内部创建另一个图层,可以用嵌套的方法将多个图层组合在一起。使用嵌套层的目的通常是为了将多个图层组成群组,这样一来,只要移动父层,其中的子层也会一起移动,而且子层还会继承父层的显示隐藏状态,其可见性与父层保持一致。这在制作动态网页是十分有用。创建嵌套层通常有两种方法:(1)直接创建嵌套层先创建一个
5、层为父层,后在父层内创建的层成为子层,在图层面板中也可以看出层2是层1的子层。(2)将已有的多个层变为嵌套层打开图层面板,在层列表中将需要作为子层的层选中,按住Ctrl键将该层拖动到父层上,释放鼠标即可。9.2.2选择图层1.选择一个图层选择图层的目的是便于层的对齐、重定位和缩放,还可以为图层添加背景图像和背景颜色。在Dreamweaver中要选择一个层,可使用如下方法之一:(1)用鼠标单击层标志。(2)用鼠标单击层的任意边框线。(3)选择“窗口”
6、“其它”
7、“层”命令,打开图层面板,单击该面板中需要选择的层的名称。2.选择多个图层如果要同时选择
8、多个层,可以按住Shift键,再执行上述操作之一。注意:当选择了多个图层后,最后选择的图层标记高亮显示,同时调控点显示为黑色,其他图层的调控点显示为白色。选择层后,层的四周出现8个调控点,且层的标志反色显示。9.2.3激活图层如果需要在图层中插入对象,必须激活图层。把鼠标指针移动到层内任何地方单击,即可激活该层。此时,插入点位于图层内,被激活图层的边界突出显示,选中手柄也同时显示出来。注意:激活图层的操作不同于选择图层。9.2.4移动图层在文档中要移动一个图层,可以执行以下操作之一:(1)先选择层,然后在该层的选择手柄上按住鼠标左键并拖动鼠标,则
9、可移动。(2)将鼠标指针移动到需要移动层的边框位置,当鼠标指针形状为四个箭头时,按住鼠标左键并拖动鼠标,则可移动层。(3)在属性面板中直接设置“左”、“上”的数值,也可以移动层。(4)利用键盘,每按一次方向键,则移动一个像素单位;若按Shift键的同时按一次方向键,则移动一个网格单位。9.2.5复制图层在DreamweaverMX中要复制一个层,可执行以下:(1)按住Ctrl键,将鼠标指针移到需要复制层的标志上,按住鼠标左键拖动鼠标,移动一定距离后,释放鼠标,则该层被复制。(2)先选择一个层,执行“编辑”
10、“复制”命令,取消被选层,执行“编辑”
11、
12、“粘贴”命令,则该层被复制。9.2.6调整图层的大小要调整一个图层的大小,可执行如下操作之一:(1)拖曳法:选择层,拖曳图层的调控点。上/下调控点只能调整层的高度,左/右调控点只能调整层的宽度,四角的调控点能同时调整层的高度和宽度。(2)在层属性面板中设置“宽”和“高”的数值。(3)利用键盘来调整图层的大小:选择要调整的图层,按Ctrl+方向键,每次调整一个像素单位。按Ctrl+Shift+方向键,每次调整一个网格单位。1.调整单个图层的大小2.调整多个图层的大小在文档中要调整多个图层的大小,可执行如下操作之一:(1)在设计视图中按Shift键选
13、择多个图层,单击“修改”
14、“排列顺序”
15、“设成宽度相同”或“修改”
16、“排列顺序”
17、“设成高度相同”。(2)选择要调整的图层,打开其属性面
此文档下载收益归作者所有