玩转Dreamweaver CS3中的层及应用

370598226

370598226

2016-02-20 01:13

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享玩转Dreamweaver CS3中的层及应用吧。

层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请

看下图:

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  我们首先来做一个层  1、 在「窗口」菜单>选层或点「插入」菜单>布局对象选层。  2、 在页面中显示一个层。  3、 通过四周的黑色调整柄拖动控制层的大小  4、 拖动层左上角的选择柄可以移动层的位置。  5、 单击层标记可以选中一个层。  6、 在层中可以插入其他任何元素包括图片文字链接表格等。  一个页面中可以画出很多的层,这些层都会列在层面板中。层之间也可以相互重

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

叠。层面板可以通过菜单「窗口」菜单>选层打开。

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  这里我们需要对几个概念进行解释。层有隐藏和显示的属性。这是层的一个重要属性和以后说到的行为相结合就变成了重要的参数。单击层面板列表的左边,可以打开关闭眼睛。眼睛挣开和关闭表示层的显示和隐藏。  层还有一个概念就是层数,层数决定了重叠时哪个层在上面哪个层在下面。 比如层数为2的层在层数为1的层的上面。改变层数就可以改变层的重叠顺序。  层面板上面还有一个参数就是防止层重叠。一旦选中,页面中层就无法重叠了。   层还有一种父子关系也就是隶属关系。在层面板中是这样表示的。

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  图中Layer2挂在Layer1的下面。Layer1为父层,Layer2为子层。在页面中拖动Layer1,Layer2也跟着动起来。因为他们已经链在一起了,并且Layer2隶属于Layer1。父层移动会影响到子层。移动layer2层,Layer1层不动。也就是子层不会影响到父层。  要建立这样的一种隶属关系方法很简单。在层面板中按Ctrl键将子层拖拽到父层即可。  [层和表格之间转换]


由于层在网页布局上非常方便,所以,一些人可能不喜欢使用表格或布局模式来创建自己的页面,而是喜欢通过层来进行设计。Dreamweaver MX 2004可以使用层来创建自己的布局,然后将它们转换为表格。   在转换为表格之前,请确保层没有重叠。请执行以下操作:选择修改转换层到表格。即可显示转换层为表格对话框。

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

选择所需的选项。单击确定。 话框。

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

 

 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  选择所需的选项。单击确定。  层及应用我们就简单介绍到这里。

展开更多 50%)
分享

猜你喜欢

玩转Dreamweaver CS3中的层及应用

Web开发
玩转Dreamweaver CS3中的层及应用

Dreamweaver CS3中Head元素详解及使用

Web开发
Dreamweaver CS3中Head元素详解及使用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Dreamweaver CS3中的CSS布局规则

Web开发
Dreamweaver CS3中的CSS布局规则

Dreamweaver CS3中Spry详细区域功能

Web开发
Dreamweaver CS3中Spry详细区域功能

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver CS3 实现多分辨率层定位

Web开发
Dreamweaver CS3 实现多分辨率层定位

更改Dreamweaver CS3默认编码

Web开发
更改Dreamweaver CS3默认编码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Love is a carefully designed lie 爱情是精心设计的谎言

Love is a carefully designed lie 爱情是精心设计的谎言

Dreamweaver CS3临时文件的工作方式

Dreamweaver CS3临时文件的工作方式
下拉加载更多内容 ↓