Dreamweaver8.0设置层的属性

选中要设置的层,就可以在属性面板中设置层的属性了。

层编号:给层命名,以便在“层”面板和 JavaScript 代码中标识该层。

左、上:指定层的左上角相对于页面(如果嵌套,则为父层)左上角的位置。

宽、高:指定层的宽度和高度。如果层的内容超过指定大小,层的底边缘(按照在   Dreamweaver设计视图中的显示)会延伸以容纳这些内容。(如果“溢出”属性没有设置为“可见”,那么当层在浏览器中出现时,底边缘将不会延伸。

Z轴:设置层的层次属性。在浏览器中,编号较大的层出现在编号较小的层的前面。值可以为正,也可以为负。当更改层的堆叠顺序时,使用“层”面板要比输入特定的 z 轴值更为简便

可见性:在“可见性”下拉列表中,设置层的可见性。使用教本语言如JavaScrip可以控 制层的动态显示和隐藏。有四个选项:

Default——选择该选项,则不指明层的可见性。

Inherit——选择该选项,可以继承父层的可见性。

Visible——选择该选项, 可以显示层及其包含的内容,无论其父级层是否可见。

Hidden——选择该选项,可以隐藏层及其包含的内容,无论其父级层是否可见。

背景颜色:用来设置层的背景颜色。

背景图像——用来设置层的背景图像。

溢出——选择当层内容超过层的大小时的处理方式。有四个选项:

Visible(显示):选择该选项,当层内容超出层的范围时,可自动增加层尺寸。

hidden(隐藏): 选择该选项,,当层内容超出层的范围时,保持层尺寸不变,隐藏超出部分的内容。

scroll(滚动条): 选择该选项,则层内容无论是否超出层的范围,都会自动增加滚动条。

auto(自动): 选择该选项,,当层内容超出层的范围时,自动增加滚动条(默认)

剪辑:设置层的可视区域。通过上、下、左、右文本框设置可视区域与层边界的像素值。层经过“剪辑”后,只有指定的矩形区域才是可见的。

类:在类的下拉列表中,可以选择已经设置好的CSS样式或新建CSS样式。

注意:位置和大小的默认单位为像素 (px)。也可以指定以下单位:pc (pica)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)或 %(父层相应值的百分比)。缩写必须紧跟在值之后,中间不留空格:

使用层制作特效我们在创建网页的时候,可以发现层可以在网页上随意改变位置,在设定层的属性的时,可以知道层有显示隐藏的功能,通过这两个特点可以实现很多令人激动的网页动态效果。

时间: 2024-12-26 04:09:41

Dreamweaver8.0设置层的属性的相关文章

Dreamweaver8.0创建层

层是CSS中的定位技术,在Dreamweaver中对其进行了可视化操作.文本.图像.表格等元素只能固定其位置,不能互相叠加在一起,而层可以放置在网页文档内的任何一个位置,层内可以放置网页文档中的其他构成元素,层可以自由移动,层与层之间还可以重叠,层体现了网页技术从二维空间向三维空间的一种延伸. 一.创建层 1.创建普通层 (1)插入层 选择菜单栏>插入>布局对象>层命令,即可将层插入到页面中去. 使用这种方法插入层,层的位置由光标所在的位置决定,光标放置在什么位置,层就在什么位置出现.选

dreamweaver8.0教程

dreamweaver8.0对比Dreamweaver Mx 2004的性能有了较大的提升,请按顺序逐次阅读本教程.当然,您也可以参考:dreamweaver mx教程来进行对比学习. 一. Dreamweaver8.0操作环境 二. Dreamweaver8.0本地站点的搭建与管理 Dreamweaver8.0页面的总体设置 三. Dreamweaver8.0文本的插入与编辑 Dreamweaver8.0插入图像 Dreamweaver8.0插入并编辑表格 Dreamweaver8.0嵌套表格

Dreamweaver8.0页面的总体设置

查看全套"dreamweaver8.0教程" 我们已经描绘了小屋的蓝图,从现在开始,为我们的小屋添砖加瓦吧.打开01.html,制作一个图文混排的简单页面. 一.页面的总体设置 1.设置页面的头内容 头内容再浏览器中是不可见的,但是却携带着网页的重要信息,如关键字.描述文字等,还可以实现一些非常重要的功能,如自动刷新功能. 鼠标左键单击插入工具栏最左边按钮旁的下拉小三角,在弹出菜单中选择"HTML"项,出现"文件头"按钮,点开下拉菜单,就可以进行

Dreamweaver8.0插入并编辑表格

查看全套"dreamweaver8.0教程" 表格是网页设计制作不可缺少的元素,它以简洁明了和高效快捷的方式将图片.文本.数据和表单的元素有序的显示在页面上,让我们可以设计出漂亮的页面,使用表格排版的页面在不同平台.不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一. 一.插入并编辑表格 1.插入表格 在文档窗口中,将光标放在需要创建表格的位置,单击"常用"快捷栏中的表格按钮弹出的"表格&qu

Dreamweaver8.0插入图像

查看全套"dreamweaver8.0教程" 目前互联网上支持的图像格式主要有GIF.JPEG和PNG.其中使用最为广泛的是GIF和JPEG. 1.插入图像 在制作网页时,先构想好网页布局,在图像处理软件中将需要插入的图片进行处理,然后存放在站点根目录下的文件夹里. 插图图像时,将光标放置在文档窗口需要插入图像的位置,然后鼠标单击常用插入栏的"图像"按钮. 弹出的"选择图像源文件"对话框,选择img/001.jpg,单击"确定"

Dreamweaver8.0文本的插入与编辑

1.插入文本 要向 Dreamweaver 文档添加文本,可以直接在Dreamweaver"文档"窗口中键入文本,也可以剪切并粘贴,还可以从word文档导入文本. 用鼠标在文档编辑窗口的空白区域点一下,窗口中出现闪动的光标,提示文字的起始位置,将01.rar中的文字素材复制/粘贴进来. 2.编辑文本格式 网页的文本分为段落和标题两种格式. 在文档编辑窗口中选中一段文本,在属性面板"格式"后的下拉列表框中选择"段落"把选中的文本设置成段落格式. &

Dreamweaver8.0插入Flash动画

查看全套"dreamweaver8.0教程" 通过前面三课的学习,相信你已经能制作出一个简单的网页了,很有成就感吧^_^ 不过,一个优秀的网站应该不仅仅是由文字和图片组成的,而是动态的.多媒体.为了增强网页的表现力,丰富文档的显示效果,我们可以向其Flash动画.Java小程序.音频播放插件等多媒体内容. 一.插入Flash动画 1.插入Flash 为了合理的安排这一课的页面元素,在插入Flash动画之前,让我们先来复习一下表格布局吧^_^ 打开03.html,设置页面属性,在弹出的&

Dreamweaver8.0表单的应用

查看全套"dreamweaver8.0教程" 1.一个简单的提交留言页面 新建11.html网页文件,选择表单插入栏,插入表单,将光标放置在表单内,插入一个5行2列的表格,将第1.5行合并.分别在第2.3行插入文本字段,在第4行插入文本区域,在第5行插入两个按钮. 文本域是用户在其中输入响应的表单对象.有三种类型的文本域: 单行文本域通常提供单字或短语响应,如姓名或地址. 多行文本域为访问者提供一个较大的区域,供其输入响应.可以指定访问者最多可输入的行数以及对象的字符宽度.如果输入的文

Dreamweaver8.0创建表单

在Dreamweaver中可以创建各种各样的表单,表单中可以包含各种对象,例如文本域.按钮.列表等. 1.插入表单 在网页中添加表单对象,首先必须创建表单.表单在浏览网页中属于不可见元素.在Dreamweaver8中插入一个表单.当页面处于"设计"视图中时,用红色的虚轮廓线指示表单.如果没有看到此轮廓线,请检查是否选中了"查看">"可视化助理">"不可见元素". (1)将插入点放在希望表单出现的位置.选择"