4221学习网
首页 | 网址大全 | 脑力倍增 | 电脑学院 | 学习方法 | 英语学习 | 口才交际 | 工作职场 | 成功励志 | 文学小说 | 视频教程 | 视频短片 | 下载中心 | NBA | 奥运 | 图片专区 | QQ·技巧 | 游戏技巧 | 恋爱技巧 | 谈天说地 | 专题教程 | 4221论坛
热门关键字: 视频教程  百家讲坛  美女  记忆力  疯狂英语
 → 当前位置:4221学习网>电脑学院>网页制作>Dreamweaver教程>正文

Dreamweaver中层的应用技巧

4221学习网 2007-06-08 来源:互联网 收藏本文

训练30小时,让阅读提速5-10倍!---速读记忆训练软件免费下载!(点击下载)

题:当两个层中都是图片时可以实现,但如果有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 轴(也称作堆叠顺序)以及可见性。有关更多信息,请参见设置层首选参数和属性。

上一篇:在网页中实现细线边框的两种方法   下一篇:网页制作 谈谈CSS样式表的命名规范
添加到google书签 digg this! 添加到bolaa 添加到yahoo+ 添加到新浪vivi 添加到365key  
收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭

相关文章
·在网页中实现细线边框的两种方法
·网页设计必须注意的几个问题
·Dreamweaver教程:表格设计
·Dreamweaver教程:窗口布局
·3、细化和完善网页
·6)加入关键字
·(1)插入Flash动画
·标题和页边距设置
·加超级链接
·插入图形
发表评论
要记得去论坛讨论,点击注册新会员) 密码: 匿名评论
评论内容:(请自觉遵守互联网相关政策法规。)
最新文章
·什么是Dreamweaver
·软件界面介绍
·定义一个本地站点
·添加网页文字
·插入图形
·加超级链接
·标题和页边距设置
·(1)插入Flash动画
·6)加入关键字
·3、细化和完善网页
本类阅读排行榜
·网页设计必须注意的几个问题
·Dreamweaver教程:表格设计
·在网页中实现细线边框的两种方法
·Dreamweaver教程:窗口布局
·标题和页边距设置
·(1)插入Flash动画
·软件界面介绍
·什么是Dreamweaver
·3、细化和完善网页
·加超级链接
热点视频教程
视频街舞 舞步 教学
视频windowsxp重装系统视频教程
视频李孝利十分钟详细舞蹈教程
视频美女教你跳舞
视频街舞 舞步 教学2
视频双截棍视频教程-定式
视频如何安装双操作系统
视频韩国的太空步教程,后滑、侧滑、旋转太空
视频【WindowsXP入门教程】 - 硬盘分区
视频台球教程-基本杆法
视频[百家讲坛]三十六计01_借刀杀人
视频24式太极拳教学---基本动作
视频 斯诺克台球竿法-后退球
视频动物世界之决战生死线2
视频超级全脑速读训练教程

设为首页 - 加入收藏 - 关于我们 - 联系我们 - 友情连接

4221学习网版权所有-鄂ICP备07006816号
已浏览: