栏目分类
Fireworks | 特效制作 | 设计技巧 | 设计实例 | 基础教程
Dreamweaver | 技术教程 | 应用实例 | 基础教程
Flash | 特效制作 | ActionScript | 制作技巧 | 制作实例 | 基础教程
FrontPage | HTML/CSS | JavaScript | ASP
排行榜
·为什么表格会被撑大?
·相对路径和绝对路径的区别
·Dreamweaver中怎样使用模板
·Dreamweaver8插入Flash动画
·Dreamweaver下拉菜单全攻略
·Dreamweaver网页制作集锦
·Dreamweaver8使用CSS样式美化页面
·DREAMWEAVER中表单的应用以及处理操作
·Dreamweaver教程:页面制作
·DreamWeaver制作会移动的广告条
·Dreamwaver常见问答集
·网页制作教程
·Dreamweaver8表单的应用
·网页制作教程4——表格的终极用法
·Dreamweaver8制作框架网站
·Dreamweaver8时间轴及创建时间轴动画
·网页设计应防止的10个错误
·Dreamweaver8定义可编辑区域
·DWMX2004从零开始:表格定位网页(2)
·网页制作教程《网页制作基础教程》

    您现在的位置: Linux宝库 >> 网页设计 >> Dreamweaver >> 基础教程 >> 文章正文
DreamweaverMX2004层的认识与属性
Linux宝库 收集整理  作者:Linux宝库  时间:2007-12-31  收藏本站
来自:http://doc.linuxpk.com/78519.html
联系:linuxmine#gmail.com
分类:[基础教程]
  

  在众多网页制作软件中 Dreamweaver MX 2004 独有层的功能。Dreamweaver MX 2004的层与 Flash MX 和Photoshop 中的层不同,Dreamweaver MX 2004 的层可以游离在文档之上,因此可以用层来精确定位网页元素;层可以通过时间轴来来移动或者变换位置,实现动画效果;层还转换为表格,为不支持层的浏览器提供解决方法。下面为我们根据一些实例来了解层的功能。

  【建立层】

  打开Dreamweaver MX 2004软件,新建一个HTML文档。选择“布局” 格式:



  在菜单栏选择“插入”-“布局对象”-“层”:



  此时在文档窗口就能看到建立了一个层:



  【层属性】

  鼠标点击上图中的手柄或层标签都能选中层,层选中之后,可以在属性面板里面查看和设置各种参数了。



  【层编号】给层命名,在今后使用行为或者JavaScrip来控制层的时候,就必须用到这个名称。

  【左】(上:层与浏览器窗口左边(上边)的距离。

  【宽】(高):层的宽度和高度。

  【Z轴】:除了屏幕的X、Y轴,逻辑上增加了一个垂直于屏幕的Z轴,其数值代表垂直平面的方向上层的序号。

  【可见性】:层的可见性。default-默认; inherit-继承; visible-可见; hidden-隐藏。

  【背景图像】(颜色):用来设置层的背景图像和颜色。

  【溢出】:设置当层内的内容超过层的大小时的显示方式 visible:层将向右向下扩大以显示层内的全部内容; hidden:只显示层尺寸以内的内容; scroll:不改变层的大小,但增加滚动条,不管层的尺寸时候够大都会显示滚动条。 auto:只有在层不够大的时候才出项滚动条。

  【剪辑】:用于指定层的哪一部分是可见的。

  【层面板】

  选择下拉菜单的“窗口”-“层” 或者使用快捷键“F2”都可以打开层面板,它于层的属性面板配合使用,可以快速的对层进行操作,层面板如图所示:



  层面板可以实现以下功能:将一个层嵌套到另一个层 选动一个或者多个层 修改层的Z轴顺序 修改层的可见性 禁止或者允许层重叠

  关于层面板上各种功能,我们在下面的实例中讲解。

  【嵌套层】

  层的嵌套与上面的说的层的重叠不同,重叠的层除了在视觉效果上觉得有些关联之外,各层之间没有联系。嵌套的层与其父层是有一定内在联系的。首先我们来建立一个嵌套层。

  1、在文档窗口插入一个层。

  2、将鼠标光标定位在这个层内,然后再插入一个层,这就形成了嵌套层,见下图左。同时在层面板也能看出这两个层是树型结构,我们把开始建立的那个层叫做父层,后插入的那个层叫做子层。父层和子层的Z轴位置是一样的。见下图右。


  嵌套层中的父层与子层的关系是,这种“父子关系”不是位置的关系,而是结构的关系。子层并不一定要在父层内,子层移动位置,父层不发生变化,而父层移动,子层会随着父层移动。具体的应用实例我们会结合时间轴一起来理解。目前我们仅仅知道嵌套层的关系即可。本文来自:http://doc.linuxpk.com/78519.html

 
     最新更新
·用Dreamweaver制作拖拽效果
·用Dreamweaver为网页图像添特效
·用Dreamweaver描摹图像
·在Dreamweaver中自动设置网页的水平线颜色
·用Dreamweaver制作目录树
·Dreamweaver快捷键大全
·DWMX2004动态站点开发新功能
·教菜鸟学DWMX2004自定义站点
·DreamweaverMX2004站点远程连接设置
·超级连接的提示中如何换行
·<tbody>标签的用法
·实现网页区域的选择显示
·用Dreamweaver做限时自动关闭的网页
·不要跳转或刷新实现网页区域选择显示
·用HTC统一定制表单样式
·如何防止及消除垃圾代码的产生
·Dreamweaver下拉菜单全攻略
·用DWMX控制下拉菜单精确定位
·巧用Dreamweaver文件库更新网站
·Dreamweaver事件简述
·在Dreamweaver中插入背景音乐的方法
·制作1px边框表格的几种方法
·Dreamweaver使用快技法
·利用Dreamweavermx自带的行为制作弹出菜单
·用Dreamweaver制作动态链接的Flash按钮
·Dreamweaver快速编辑网页标签
·让DreamweaverMX显示最舒服的编程环境
·Dreamweaver插件用法简要说明
·滑动菜单的制作
·用Dreamweaver实现Real与网页结合