Dreamweaver中层的应用技巧
2008-02-23 06:22:36来源:互联网 阅读 ()
关于 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 轴(也称作堆叠顺序)连同可见性。有关更多信息,请参见配置层最好选择参数和属性
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇: DW MX实例:利用表格美化页面
- Dreamweaver中层的应用技巧 2018-06-23
- dreamweaver中层的应用技巧_dreamweaver教程 2008-02-23
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash