中文版网页制作基础：第9讲 层的使用_第1页
中文版网页制作基础：第9讲 层的使用_第2页
中文版网页制作基础：第9讲 层的使用_第3页
中文版网页制作基础：第9讲 层的使用_第4页
中文版网页制作基础：第9讲 层的使用_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

Dreamweaver8

中文版网页制作基础

第九讲层的使用1、层的基本知识

2、层的属性设置3、层的高级应用

1、层的基本知识1．层的概念2．插入层3．绘制层4．嵌套层1.1.层的概念什么是层？层是一个被准确定位的HTML网页元素，它和文字、图像等一样都是网页的组成部分；层也是一个网页内容的容器，可以在层中放入任何页面元素；同时层也可以层叠和叠加。利用层可以控制网页元素的位置，可以实现网页对象的重叠和立体化等动态效果，使网页内容变得更加丰富。1.2．插入层在【插入】菜单栏执行【插入】/【布局对象】/【层】命令，即可在页面中插入一个默认的层，如图所示。用菜单命令插入的层，采用的是程序默认的设置，宽是200像素，高115像素。1.3．绘制层将【常用】插入栏切换到【布局】插入栏，单击绘制层按钮，移动鼠标光标到编辑窗口，待鼠标光标变成十字状，按住鼠标左键拖拉出一个160×70像素的层，如图所示。放开鼠标即可完成，用这个方法插入的层可以控制大小。层的大小1.4．嵌套层嵌套是将一个层包含在另一个层中。嵌套层通常用于层的叠加和组织，并且子层可随父层一起移动，可继承父层的一些属性。首先在编辑窗口插入一个层，将鼠标光标置于父层内，再执行【插入】/【布局对象】/【层】命令插入一个子层，这就是嵌套层，如图所示。子层父层2、

层的基本属性2.1层的选取2.2层的属性设置2.3移动层2.4多个层操作2.1．层的选取

设置层属性前要先选中层，常用的层的选择方法有如下几种：直接在编辑窗口中单击层的边框。将鼠标光标置于层内，然后在单击标签选择器上的<div>标签。单击层上面的图标，也可选中层。执行【窗口】/【层】命令，打开【层】面板，在面板中单击层名称即可选中。

2.2．层的属性设置2.3．移动层

移动层：移动鼠标光标到层的边框上，待鼠标光标变成状时，按住鼠标左键不放，拖动层，到达目的后放开鼠标即可。2.4．多个层操作多个层操作：按住Shift键，然后依次单击选中三个层，将它们同时选中，执行【修改】/【排列顺序】/【左对齐】等命令，如图所示。3、

层的高级应用3.1隐藏与显示3.2层的堆叠3.3与表格的相互转化3.1．隐藏与显示层的隐藏与显示可以通过【层】面板上的眼形列来设定，在眼形图标所在的列中，单击层名的前部，单击一次鼠标，就改变一种状态。当层名前的图标为时，表示该层处于隐藏状态；当层名前的图标为时，表示该层处于显示状态；如果层名前没有任何图标，表示该层处于浏览器默认状态或者继承其父层的可见性。设置层的显示/隐藏状态在未设置层的显示状态前，层名前面不显示任何图标，即采用默认的显示状态。单击一次，显示，表示隐藏，再单击一个，显示，表示显示，再单击一次，图标消失，回到默认状态。3.2．层的堆叠

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论