首 页 | 精品电影 | 音乐天堂 | 在线游戏 | Flash MTV | 三湘书屋 | 幽默笑话 | 三湘图库 | 美女写真 | IT知识库 | QQ贴图 | 加入书签

网页制作网络编程图形图象操作系统冲浪宝典软件教学网络安全认证考试通信技术电子商务业内动态书籍教程原码

最近更新 文章分类 多媒体类 精品软件

本站搜索:
您的位置:三湘时空 -> IT知识库 -> 文章分类 -> Dreamweaver教程 -> Dreamweaver中层的应用技巧
Dreamweaver中层的应用技巧


文章类别:Dreamweaver教程 来源: 作者: 发表日期:2006-4-30 字体:[ ]

小游戏 | 在线影院 | 幽默笑话 | 源码下载 | Flash MTV | 音乐试听 | 书屋 | 美女写真

  问题:当两个层中都是图片时可以实现,但如果有FLASH是就不行了,就是说图片永远会被FLASH遮住.怎么办?


  关于 Dreamweaver 中的层

  层是被分配了绝对位置的 HTML 页面元素 - 具体地说,是 div 标签或任何其他标签。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。

  注意

  本章中所说的层属于 Dreamweaver 的布局概念,而不是 layer 标签。

  理解层的概念

  通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。

  利用层可以非常灵活地放置内容。但是,使用旧版本的 Web 浏览器的站点访问者查看层时可能会遇到麻烦。若要确保所有人都能够查看您的 Web 页,可以使用层设计页面布局,然后将层转换为表。有关更多信息,请参见将层转换为表格。但是,如果您所面对的访问者很可能使用某种最新的浏览器,则可以完全用层来设计布局,而无需将层转换为表格。

  关于层的 HTML 代码

  当您在文档中放置层时,Dreamweaver 将在代码中插入该层的 HTML 标签。默认情况下,Dreamweaver 会使用 div 标签创建层。

  注意

  您还可以使用另外两种标签来创建层:layer 和 ilayer。但是,只有 Netscape Navigator 4 支持这些标签;Internet Explorer 不支持这些标签,而 Netscape 在较新的浏览器中也不再支持这些标签。Dreamweaver 可以识别 layer 和 ilayer 标签,但不使用这些标签来创建层。


  在使用“绘制层”工具绘制层时,Dreamweaver 会在文档中插入 div 标签,并为层分配 id 值(默认情况下,Layer1 表示绘制的第一层,Layer2 表示绘制的第二层,依此类推)。稍后,可以使用“层”面板或“属性”检查器将层重新命名为想要的任何名称。Dreamweaver 还使用文档头中的嵌入式 CSS 来定位层和确定层的确切尺寸。

  下面是一个层的 HTML 代码示例:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample Layers Page</title>
<style type="text/css">
<!--
#Layer1 {


position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;

}
-->
</style>
</head>

<body>
<div id="Layer1"></div>
</body>
</html>
  您可以设置页面上层的属性,其中包括 x 和 y 坐标、z 轴(也称作堆叠顺序)以及可见性。有关更多信息,请参见设置层首选参数和属性。

上一篇:妙用Excel把有规律的文本数据分列 下一篇:用FrontPage制作鼠标光照特殊效果
本栏目热门文章
·Ultradev实例教程:2.2 用ODBC连接数据库 2005-10-4
·DreamweaverMX Ultradev探索(4-1) 2005-10-4
·Ultradev实例教程:2.4 UltraDev与各种数据库的连接 2005-10-4
·Ultradev实例教程:2.1 建立一个简单的access数据库 2005-10-4
·Dreamweaver构建Blog全程实录(6)-用户注册的实现 2005-10-4
·Dreamweaver构建Blog全程实录(11)-站内搜索 2005-10-4
·在Dreamweaver中利用MXP插件插入VRML作品 2005-10-4
·Ultradev实例教程:2.3 创建Web站点 2005-10-4
·Dreamweaver构建Blog全程实录(3)-数据库的设计和连接 2005-10-4
·Dreamweaver构建Blog全程实录(1)-BLOG功能简介 2005-10-4
新近更新文章
·自己动手用Dreamweaver制作活动菜单条 2006-6-20
·在Dreamweaver中精细化你的表格外观 2006-6-15
·在Dreamweaver中如何使用Library 2006-6-4
·Dreamweaver MX 2004功能详解 2006-6-4
·Dreamweaver的行为体验 2006-6-4
·Dreamweaver中层的应用技巧 2006-4-30
·用Dreamweaver MX 2004与SQL数据库相连 2006-4-30
·PHP和ASP在Dreamweaver 8中调用IE预览 2006-4-30
·使用Dreamweaver轻松实现交替图像按钮制作 2006-4-23
·细品Dreamweaver MX内建FW技术 2006-4-19
首 页 | 软件发布 | 广告联系 | 下载帮助 | 意见反馈 | 网站地图
  CopyRight? 2002-2004 WWW.SXSKY.NET? All Rights Reserved
三湘时空 站长QQ:82675303 Email: