• 网络学院
  • IT资讯
  • 操作系统
  • 网络技术
  • 软件应用
  • 办公软件
  • 编程技术
  • 网站架设
  • 数据库类
  • 平面设计
  • 多媒体类
  • 游戏资讯
  • 教学论文
  • 认证考试
层的应用及其定位
  站点:
  • 首 页
  • 最新软件
  • 文章教程
  • 国内软件
  • 国外软件
  • 绿色软件
  • 源码下载
  • 字体下载
层的应用及其定位 (2)
软件发布 层的应用及其定位 (2)
网络软件 系统工具 应用软件 联络聊天 图形图像 多媒体类 行业软件 游戏娱乐 编程开发 安全相关 教育教学 数码软件 绿软下载
热门软件: QQ 瑞星 pplive e话通 木马克星 千千静听 office2000 五笔字根 Photoshop 视频分割
返回文章教程首页 >> 文章首页 >> 网站架设 >> DreamWeaver >> 层的应用及其定位 (2)

层的应用及其定位 (2)

添加时间: 2005-6-2 4:11:17  作者: 网页教程  阅读次数:33   来源: http://d9soft.com

            2、改变层的属性


   层的主要属性有:ID、大小(宽和高)、位置(包括Z-index)、背景、可见性、溢出等。其中大小和平面位置可以使用鼠标拖拉简单地实现,其他属性需要借助属性面板来定义。
 


图:层的属性面板

  ID:层在被插入时Dreamweaver会自动命名其ID,默认格式为LayerX(X的取值随层的插入顺序而增大)。为了方便设计时更好地控制,建议自行定义此名称。 

  大小:可以通过鼠标直接拖拉层的控制点来改变其大小,也可以在属性面板上输入宽高定义大小。

  位置:选择层的控制手柄,按下鼠标左键不放开,可以拖拉改变层的位置,同时属性面板上的位置参数会改变。你也可以直接在属性面板上输入数值来定义曾的位置。   拖拉定义层的位置时建议打开背景网格以便参照定位。(View-->Gird-->Show Gird)如果需要非常精确的定位,可以拖拉后在属性面板上改变数值。  另外,由于Netcape对层的解释有差异,所以一般针对NC可以选择层标识为<layer>或<ilayer>。当选定这两个标识中任意一个时,你会发现层的属性面板增加了几个属性,其中有个Use的单选按扭,选择Left Top项,则在NC中,层的LEFT和TOP相对于父层(页面或者嵌套的层)的左上角定位;选择Page X, Page Y项,则层基于页面左上角定位,无论层是否被嵌套在其他层中。 



  Z-index:定义了层在立体方向上的层叠顺序,其数值的大小决定了元素之间相互覆盖的顺序,例如A层原本覆盖了B层,但如果B层的Z-index值改变,且大雨了A层的Z-index值,则B层覆盖A层。

  在文档中添加层时,Dreamweaver会自动按照层创建的先后顺序定义Z-index值,如果要改变他们的层叠顺序,只需要修改Z-index值即可。例如你需要某个层永远在最上面,你可以定义它的Z-index值非常大。

  Z-index值也可以为负值。例如需要将某个Flash作品作为网页背景时,你需要定义该Flash作品为背景透明的,然后放置在Z-index值为负值的层中,否则Flash作品会永远处于页面的最上层。 

  背景:和表格的属性相同,层也可以设置背景图片或背景颜色。 

  可见性(vis):层与表格的最大不同之处就是它具有多变的可见性,即层可以隐藏和显示,而且这个属性是可以动态改变的。在属性面板上定义的只是可见性的初始状态,例如选择HIDE则层为不可见的。 

  溢出(overflow):由于层的大小是可以定义的,所以当层中的内容超出层的大小的时候该怎么办?默认状态下层会自动增大。但有的时候它的增大会致使排好的整个页面变形,溢出属性定义了此种情况的处理方式:可见、隐藏、滚动条、自动。   可见(isible)---无论层的宽高设置为多少,其中的内容都会显示出来,即层会被撑大。
  隐藏(hidden)---遵守层的宽高设置,超出的部分将不再显示。
  滚动条(scroll)--显示滚动条,无论内容是否超出层的大小设置。
  自动(auto)---自动识别内容是否超出,然后决定是否显示滚动条

 

上下文章:

 

上一篇文章: Dreamweaver4.0的密技 下一篇文章: 利用DW插件改变IE浏览器滚动条 -- 下

相关文章:

  • 城域网光缆线路设计与技术应用
  • 数据库人员手边系列:ORACLE应用源码
  • Oracle平台应用数据库系统的设计与开发[上]
  • 开发技术:调查您的应用程序需求
  • Case语句在进销存系统的应用

相关软件:

  • 全国专业技术人员计算机应用能力考试模拟 2.1
  • 电脑应用一软通 V1.06
  • C++语言程序设计及应用实例 PDF电子书
  • 网管应用文萃盛夏版 CHM电子书
  • 计算机应用文摘杂志2006年02期 01月(下) 高清晰PDF
  • 成绩分析(应用教育统计学)--EAS V4.0 Build 071226

 

快速导航

  • 网络学院
  • 精品汇聚
  • 字体下载
  • 教程下载
  • ASP源码
  • PHP源码
  • Net源码
  • JSP 源码

网站架设分类导航

  • DreamWeaver
  • HTML/CSS
  • Flash
  • Firework
  • FrontPage
  • 建站指南

本类经典文章推荐

  • 十二个Dreamweaver鲜为人知的小秘...
  • DW8创建自定义代码片段的方法
  • Dreamweaver你未必了解的5个小技巧
  • Dreamweaver制作随机播放背景音乐...
  • 特效:在网页中显示可拖动的月历
  • 教你驾驭Dreamweave中的小秘诀
  • Dreamweaver使用快技法十三则
  • 用DreamweaverMX 做图像热区
  • Dreamweaver 8 新功能总结
  • Studio 8 : Dreamweaver 代码折叠

DreamWeaver阅读排行

  • 教你如何用Dreamweaver制作电子相...
  • 用Dreamweaver插件制作动态下拉菜...
  • 如何设计首页???(解答)
  • Dreamweaver基础技巧-布局阶段
  • 网页制作隐藏对象巧利用
  • 站点-网页布局设计基础
  • Dreamweaver制作网页-幻灯片效果
  • “层”定位的问题的解答
  • DreamweaverMX2004新功能介绍
  • Dreamweaver中实现flash的透明背景

网站架设阅读总排行

  • 用层模拟下拉列表框
  • 教你如何用Dreamweaver制作电子相...
  • 用Dreamweaver插件制作动态下拉菜...
  • 突破网页文字无法复制局限
  • 如何设计首页???(解答)
  • Dreamweaver基础技巧-布局阶段
  • 动态QQ表情DIY Fireworks轻松搞定
  • 流程图软件Visio作“高难度”网页
  • 网页制作隐藏对象巧利用
  • 站点-网页布局设计基础

广告位置

字母检索 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 回到顶部

关于我们 | 版权声明 | 免责条款 | 广告联系 | 软件发布 | 下载帮助 | 下载排行 | 网站地图 | 特别鸣谢 | 友情连接

copyright; 2005-2008 D9soft.com 第九软件网 版权所有