当前位置:首页 / 网页制作 / Dreamweaver教程 / Dreamweaver8.0教程创建层
Dreamweaver8.0教程创建层
芯晴素材特效 分类:Dreamweaver教程 发布日期:2018-05-07

层是CSS中的定位技术,在Dreamweaver中对其进行了可视化操作。文本、图像、表格等元素只能固定其位置,不能互相叠加在一起,而层可以放置在网页文档内的任何一个位置,层内可以放置网页文档中的其他构成元素,层可以自由移动,层与层之间还可以重叠,层体现了网页技术从二维空间向三维空间的一种延伸。

一、创建层

1、创建普通层

(1)插入层

选择菜单栏>插入>布局对象>层命令,即可将层插入到页面中去。

使用这种方法插入层,层的位置由光标所在的位置决定,光标放置在什么位置,层就在什么位置出现。选中层会出现六个小手柄,拖动小手柄可以改变层的大小。

(2)拖放层

打开快捷栏的“布局”选项,单击“绘制层”按钮,单击鼠标左键,并且按住不放,拖动图标到文档窗口中,然后释放鼠标,这是层就会出现在页面中了。

(3)绘制层

打开快捷栏的“布局”选项,单击“绘制层”按钮,在文档窗口内鼠标光标变成十字光标,然后按住鼠标左键,拖动出一个矩形,矩形的大小就是层的大小,释放鼠标猴层就会出现在页面中。

2、创建嵌套层

创建嵌套层就是在一个层内插入另外的层。

方法一:将光标放才某层内,选择菜单栏>插入>布局对象>层命令,即可在改层内插入一个层。

方法二:打开层面板,从中选择需要嵌套的层,此时按住Ctrl键同时拖动改层到另外一个层上,直到出现如下图所示图标后,释放Ctrl键和鼠标,这样普通层就转换为嵌套层了。

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

懒人原生touch事件,计算滑动距离

2017-03-09   浏览:478

一款功能超全的网页计算器

2013-04-07   浏览:7978

[荐] 一款常用的带关闭功能的对联广告

2013-01-04   浏览:8544

jQuery对话框插件SimplePop

2017-03-15   浏览:274

jQuery左右全屏弹性切换幻灯片特效

2017-02-27   浏览:393

一款常用的漂亮的JS图片滑动切换效果

2013-01-10   浏览:22072

鼠标点击才激活的二级下拉菜单

2013-01-04   浏览:8647

以鼠标为中心的蜘蛛网放射线

2013-01-08   浏览:8734

Tooltip风格工具栏

2017-03-19   浏览:153

网易的图片新闻展示效果

2013-01-13   浏览:9320

页面上飞舞的彩色字符,烟花效果

2012-12-26   浏览:7882

jQuery时间选择插件Timepicki

2017-03-15   浏览:395