利用图层技术制作网页.ppt

利用图层技术制作网页.ppt

ID:56432199

大小:134.50 KB

页数:27页

时间:2020-06-18

利用图层技术制作网页.ppt_第1页
利用图层技术制作网页.ppt_第2页
利用图层技术制作网页.ppt_第3页
利用图层技术制作网页.ppt_第4页
利用图层技术制作网页.ppt_第5页
资源描述:

《利用图层技术制作网页.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、通过本章学习,应该掌握以下内容:认识图层图层的基本操作图层的管理图层与表格的相互转换第7章利用图层技术制作网页7.1认识图层图层又称层,是Dreamweaver中最有价值的对象之一,它是由层叠式表发展过来的,它提供了一种对网页对象进行有效控制的手段,层可以包含文本、图像、表单、插件,甚至层内还可以包含其它层。即在HTML文档的正文部分可以放置的元素都可以放入层内。由于层可以放置在网页的任何位置,从而能有效地控制网页中的对象。层是在制作网页中经常用到的对象,元素的定位就是一个简单的应用。用表格来对网页进行排版非常方便,但有时需要在文字上放一些图片之类

2、的元素,表格就不能胜任了,这时就可以利用图层来排版。图层可以重叠地放置,制作出层叠的效果。也可以控制层的显示或隐藏,实现交互技术。配合时间显的使用,还可以同时移动一个或多个图层,轻松制作出动态效果。7.2图层的基本操作7.2.1创建图层1.插入图层Dreamweaver创建图层,可执行以下操作之一:(1)将光标放置在文档窗口中需要插入层的位置,然后选择“插入”“布局对象”“层”命令。(2)打开插入“常用”面板,单击该面板上的插入层图标,然后释放鼠标,鼠标会变成十字形状,用鼠标在页面中绘制一个矩形来创建层。(3)如果需要画多个层,在单击插入层图标

3、的同时,按住Ctrl键,在文档窗口中画一个层,只要不释放Ctrl键,就可以连续化多个层。创建完层之后,在页面中会出现一个层的标志,并且有一个矩形的层出现。单击层标志,其属性面板显示如图所示,在属性面板上可以设定层的属性。2.创建嵌套图层图层嵌套指的是在一个图层的内部创建另一个图层,可以用嵌套的方法将多个图层组合在一起。使用嵌套层的目的通常是为了将多个图层组成群组,这样一来,只要移动父层,其中的子层也会一起移动,而且子层还会继承父层的显示隐藏状态,其可见性与父层保持一致。这在制作动态网页是十分有用。创建嵌套层通常有两种方法:(1)直接创建嵌套层先创建

4、一个层为父层,后在父层内创建的层成为子层,在图层面板中也可以看出层2是层1的子层。(2)将已有的多个层变为嵌套层打开图层面板,在层列表中将需要作为子层的层选中,按住Ctrl键将该层拖动到父层上,释放鼠标即可。7.2.2选择图层1.选择一个图层选择图层的目的是便于层的对齐、重定位和缩放,还可以为图层添加背景图像和背景颜色。在Dreamweaver中要选择一个层,可使用如下方法之一:(1)用鼠标单击层标志。(2)用鼠标单击层的任意边框线。(3)选择“窗口”

5、“其它”

6、“层”命令,打开图层面板,单击该面板中需要选择的层的名称。2.选择多个图层如果要同时选

7、择多个层,可以按住Shift键,再执行上述操作之一。注意:当选择了多个图层后,最后选择的图层标记高亮显示,同时调控点显示为黑色,其他图层的调控点显示为白色。选择层后,层的四周出现8个调控点,且层的标志反色显示。7.2.3激活图层如果需要在图层中插入对象,必须激活图层。把鼠标指针移动到层内任何地方单击,即可激活该层。此时,插入点位于图层内,被激活图层的边界突出显示,选中手柄也同时显示出来。注意:激活图层的操作不同于选择图层。7.2.4移动图层在文档中要移动一个图层,可以执行以下操作之一:(1)先选择层,然后在该层的选择手柄上按住鼠标左键并拖动鼠标,则

8、可移动。(2)将鼠标指针移动到需要移动层的边框位置,当鼠标指针形状为四个箭头时,按住鼠标左键并拖动鼠标,则可移动层。(3)在属性面板中直接设置“左”、“上”的数值,也可以移动层。(4)利用键盘,每按一次方向键,则移动一个像素单位;若按Shift键的同时按一次方向键,则移动一个网格单位。7.2.5复制图层在Dreamweaver中要复制一个层,可执行以下:(1)按住Ctrl键,将鼠标指针移到需要复制层的标志上,按住鼠标左键拖动鼠标,移动一定距离后,释放鼠标,则该层被复制。(2)先选择一个层,执行“编辑”

9、“复制”命令,取消被选层,执行“编辑”

10、“粘贴

11、”命令,则该层被复制。7.2.6调整图层的大小要调整一个图层的大小,可执行如下操作之一:(1)拖曳法:选择层,拖曳图层的调控点。上/下调控点只能调整层的高度,左/右调控点只能调整层的宽度,四角的调控点能同时调整层的高度和宽度。(2)在层属性面板中设置“宽”和“高”的数值。(3)利用键盘来调整图层的大小:选择要调整的图层,按Ctrl+方向键,每次调整一个像素单位。按Ctrl+Shift+方向键,每次调整一个网格单位。1.调整单个图层的大小2.调整多个图层的大小在文档中要调整多个图层的大小,可执行如下操作之一:(1)在设计视图中按Shift键选择多个图

12、层,单击“修改”

13、“对齐”

14、“设成宽度相同”或“修改”

15、“对齐”

16、“设成高度相同”。(2)选择要调整的图层,打开其属性面板

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。