Dreamweaver/关于CSS层

来自站长百科
跳转至: 导航、​ 搜索

Dreamweaver | Dreamweaver安装 | Dreamweaver使用 | Dreamweaver其他

  • 理解DreamWeaver层的概念

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

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

  • 关于DreamWeaver层的 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 轴(也称作堆叠顺序)以及可见性


参考来源[ ]

http://www.baike.baidu.com

Dreamweaver使用手册导航

Dreamweaver安装:

Dreamweaver安装

Dreamweaver使用

新建站点| 创建新文档| 保存新文档| 关于CSS层| 插入层| 管理层| 将层转化为表格| 制作层动画| 处理CSS布局可视化| div标签进行布局| 关于表格| 添加及删除行和列| 拆分和合并单元格 |复制、粘贴和删除单元格| 设置表格和单元格的格式| 选择表格元素| 关于框架和框架集| 创建框架和框架集| 框架中打开文档| 查看和设置框架属性| 关于Dreamweaver模板| 模板标签语法| 设计视图和代码视图中的模板和基于模板的文档| 创建Dreamweaver模板| 创建可编辑区域| 编辑和更新模板| DreamWeaver管理模板| 关于使用页面| 设置页面属性 | 任务自动化| 在浏览器中预览和测试页面| 插入文本| 设置段落格式和文档结构| 设置文本格式| 使用层叠样式表设置文本格式| 创建链接| 管理链接| 导航条| DreamWeaver插入图像| 使用JavaScript行为

Dreamweaver其他 :

Dreamweaver快捷键 | Dreamweaver序列号