现在的位置: 首页 > web前端 > 正文

Dreamweaver中层怎么应用

2020年06月19日 web前端 ⁄ 共 1270字 ⁄ 字号 评论关闭

  层是被分配了绝对位置的HTML页面元素-具体地说,是div标签或任何其他标签。层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。下面学步园小编来讲解下Dreamweaver中层怎么应用?

  Dreamweaver中层怎么应用

  理解层的概念

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

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

  关于层的HTML代码

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

  注重

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

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

  Dreamweaver中层怎么应用

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

  head>

  metahttp-equiv="Content-Type"content="text/html;charset=iso-8859-1"/>

  title>SampleLayersPage/title>

  styletype="text/css">

  !--

  #Layer1{

  position:absolute;

  left:62px;

  top:67px;

  width:421px;

  height:188px;

  z-index:1;

  }

  -->

  /style>

  /head>

  body>

  divid="Layer1">/div>

  /body>

  /html>

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

  以上就是关于“ Dreamweaver中层怎么应用”的内容,希望对大家有用。更多资讯请关注学步园。学步园,您学习IT技术的优质平台!

抱歉!评论已关闭.