相关文章
如何建立自己的个人网站 (转载)
北京网页设计子类列表生成多余的DIV代码的解决办法
网站制作风讯目录路径自由选择的实现方法
网站设计HTML语言剖析(四)排版标记
网站设计CSS中expression使用简介
网站设计tbody标签的妙用
北京网站设计动感球体
网页设计Flash MX 2004编程教程(七)
www.qitongnet.com在Dreamweaver中设置网页状态栏信息
网站建设用好href的target属性
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网站制作第二十二节 层
北京网站制作第二十二节 层
层是用于精确定位的页面元素。可往层里加入图像、文本等其它页面元素,借助层,可对加入的页面元素进行精确定位,还可做出重叠效果和运动效果。企通互联
网页设计
要往网页中加入层,点击Objects面板上的
图标,移动鼠标至Dreamweaver主窗口,鼠标即显示成十字型。在窗口区域拖动鼠标即可画出层。或者,点击菜单栏的Insert\ Layer,主窗口即被加入一个层。北京网站设计
网站建设
点击层的边线,即选中这个层。北京网站制作
选中这个层,可用鼠标拖动,将层移至页面合适的位置。用鼠标拖动边线上的黑色方块,可调节层的大小。 用鼠标点击层内的任意位置,这时可往层内加入文本、图像等内容。企通互联
层中可再嵌套层。做法是,用鼠标点击一个层的内部,再点击菜单栏的Insert\Layer,或拖动Objects面板上的 图标至这个层内。把一个已存在的层套入另一个层的做法是,按住Ctrl键,在层面板上用鼠标拖动此层到另一个层的上面。网页设计
网站设计
层的Properties面板如下图所示。网页设计
网站制作(层的Properties面板)
Layer ID后填入你给这个层的命名。 网站设计北京网站设计
L和T是层的定位,即在页面中的位置。刚才讲到层的位置可用鼠标拖动,其实,这 里还可在L和T后填入数值和单位。L后填入该层左边离浏览器窗口左边框的距离,T后填入该层上边离浏览器窗口顶边框的距离。数值要带上单位,单位一般用px。假设填入200px,表示距离为200像素单位。网站建设
Z-Index是页面元素的Z值,在后面填入一个数值。当页面元素因定位而重叠时,Z 北京网站建设值大的页面元素将在最表面显示,覆盖或部分覆盖Z值小的页面元素。企通互联
Vis是设置页面元素是否可视。不设置当然是可视。其后的下拉选框有四个选项——default、inherit、visible和hidden。default是使用浏览器默认值,这个默认值一般是可视。inherit www.qitongnet.com是继承母体元素的可视性设置,visible是可视,hidden是不可视。北京网站建设
Bg Image是设置这个层的背景图像。北京网站设计
Bg Color是设置这个层的背景颜色。企通互联
Tag是选择这个层应该使用的html标记,其后的下拉选框有SPAN、DIV、LAYER和ILAYER。建议选择DIV,这样一般的浏览器都能支持这个层。网站设计
Overflow是如何处理插入层内的元素超过层本身的宽或高的部分。其后的下拉选框有四个选项——visible、hidden、scroll和auto。 北京网站设计visible是可视,hidden 网站制作是不可视,scroll是可滚动,auto是由浏览器默认。 对话框右下方的Clip中有L、T、R和B四项。北京网站建设
Clip即在层中间再限定一个区域,来放置插入层里的页面元素。L是Clip区域左边离层左边的距离,T是Clip区域上边离层上边的距离,R是Clip区域右边离层右边的距离,B是Clip区域下边离定位区域下边的距离。网站设计
其实层的各种设置,其原理就是用CSS对DIV等HTML标记的定位、背景及其它属性的设置。北京网页设计
企通互联
网站建设
层还有一个层面板,可用这个面板对层的一些属性进行设置。 网页设计网站建设
网站建设点击菜单栏的Window\Timeline,或用快捷件Ctrl+F9,即弹出层面板。北京网站制作
企通互联(层面板)
层面板上将列出当前页面所有的层。网站制作
Name下面是各层的命名。北京网站设计
Z下面是各层的Z值,点击这个值后可修改。 眼睛图标下面是显示各层的可视性。点击可调出三种状态——无图标、睁开的眼睛图标和闭上的眼睛图标。无图标表示该层的可视性使用默认值,睁开的眼睛图标表示该层可视,闭上的眼睛图标表示该层不可视。北京网站建设
选中面板Prevent Overlaps 企通互联上的选框,则各层之间不能有重合部分,层中也不能再嵌套层。网站建设
北京网站建设