层的基本概念课件_第1页
层的基本概念课件_第2页
层的基本概念课件_第3页
层的基本概念课件_第4页
层的基本概念课件_第5页
已阅读5页，还剩17页未读， 继续免费阅读

下载本文档

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

文档简介

工具栏及菜单命令介绍层属性面板层的管理面板1层的操作2设置默认层参数菜单“编辑”、“首选参数”选择分类中的“层”设置具体参数层的插入使用层制作“下拉菜单”3DMX中的层是指用DIV和SPAN标签描述的

HTML内容的容器。可以使用插入、拖动等方法创建层或嵌套层。创建复杂页面布局，

可以使用层来布局页面。层被插入到网页后，可以进行选择、移动、调整大小、嵌套及删

除等操作。现通过制作一个下拉菜单实例对层的使用加以说明。3.10.1

创建层4新建一个文档。输入网页标题“下拉菜单”，在文档窗口输入文本“下拉菜单的制作”，设置文本的属性、设置网页的背景等，保存。使用菜单【插入】、【布局对象】、【层】，插入一个层（该层自动命名为Layer1）。通过层属性面板，设置左（31px）；上（70px）；宽（230px）；高（35px）；Z轴（2）；背景颜色（黄色）等。创建层5除了插入单个层，还可以插入嵌套层直接创建嵌套层。在插入一个层之后，将光标放置在该层（父层）内，再创建新的层（子层）。将已有的多个层变为子层。使用菜单【窗口】、【层】，打开层浮动面板，选择要作为子层的层。按住Ctrl键，将该层拖动到父层，释放鼠标。3.10.2

在层中插入对象6将光标置于layer1内，插入一个1行2列、边框为0、宽度为100％的表格。在两个单元格中分别输入“风景图像”、“动物图像”，作为菜单项。设置文本的格式。3.10.3

选择和移动层7在文档窗口中插入一个新的层，命名为

Layer2，在该层中先按回车插入一空行，再输入“风景1”、“风景2”、“风景3”，3行内容并居中。设置Z轴（1）、背景颜色。选择层。单击层的边框或层浮动面板中的名称，使用Shift键可以选择多个层。选择Layer2层，调整大小，移动到Layer1层“风景图像”的下面。移动方法拖动边框；拖动选择手柄；调整属性值3.10.4

复制层和调整层大小8选择层Layer2，复制、粘贴，将名称改为Layer3，其中的“风景”改为“动物”。在层被复制时，层内的内容将一起复制。调整大小使用鼠标拖动的方式调整层的大小使用属性栏3.10.5

对齐层9在文档中连续插入6个层，分别命名为scenery1－3和animal1－3，并在这6个层中各插入一幅图像，分别选择6个层，调整成一样的大小。选择6个层，执行菜单【修改】、【对齐】中的命令。3.10.6

隐藏层10隐藏层使用属性面板的“可见性”在层标志上点击右键，选择“可见性”使用层浮动面板中的“眼睛”按钮在“行为”中隐藏层选择菜单【窗口】、【行为】单击窗口状态栏的<body>标签，选择页面中所有对象，点击【行为】面板中“＋”按钮，选择【显示－隐藏层】命令。在弹出的对话框中，设置除Layer1层外均为隐藏。此时触发动作的事件为“onLoad”。3.10.7

为创建的层添加行为11把鼠标放在“风景图像”菜单项所在的单元格内，单击【行为】面板上的“＋”按钮，从弹出的菜单中选择【显示－隐藏层】命令，在对话框中设置：Layer1层、Layer2层为显示；Layer3层为隐藏；其它层不进行设置。（如果【行为】面板的行为不能选择，单击

“＋”按钮，在弹出的【显示事件】子菜单中更改选项IE4.0或更高版本）为创建好的层加入行为12确定，关闭对话框，在行为面板中出现触发该动作的onMouseOver事件设置“风景图像”下拉菜单的显示层。选中

Layer2中的全部内容，设置onMouseOver事件，Layer1、Layer2为显示，Layer3为隐藏。再次单击“＋”按钮，设置【显示－隐藏层】，Layer2为隐藏，并修改事件为

onMouseOut。为创建好的层加入行为13同样设置“动物图像”菜单项同样设置“动物图像”下拉菜单的显示层。设置子菜单显示的层。在6个子菜单中都使用了两个事件：onMouseOver事件中只设置对应的一个层显示；onMouseOut事件中只设置一个层的隐藏。为创建好的层加入行为14将光标置于菜单项的上边或左边，在状态栏中选择<p>标识符，然后从【行为面板】中添加一个onMouseOver事件，设置Layer2、Layer3为隐藏。（该操作的目的是在光标移到菜单的上方或旁边时，菜单消失）保存文件预览3.10.8

使用层的技巧15将层转换成表格使用层能够更方便、精确地将网页内容定位，进行复杂的网页设计。但有的浏览器不支持层的使用，在设计网页时可以先使用层，创建复杂的网页布局，然后再把层布局转换成表格布局，供不支持层的浏览器浏览。使用层的技巧新建一个网页，插入四个层，并分别输入文本和图像，如图：16使用层的技巧执行菜单“修改”、“转换”、“层到表格”17使用层的技巧18设置上面对话框：最精确最小使用透明GIFs置于页面中央防止层重叠显示层面板显示网格靠齐到网格使用层的技巧表格转换成层在文档窗口，选择要转换的表格，执行菜单命令“修改”、“转换”、“表格到层”。设置对话框，确定。19使用层的技巧20吸附层到网格在文档窗口，如果需要对多个层进行调整，可

以使用网格精确定位层和调整层的大小。如

果使用吸附功能，在移动和调整层的大小时，该层会自动定位到最近的吸附位置。下面通

过实例将3个层调整为一样的大小，在同一

水平线上。使用层的技巧新建一个文档，插入3个层。选

人人文库> 全部分类> 图纸下载 > 毕业设计

温馨提示

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

最新文档

评论

0/150

提交评论