相关文章
网站建设HTML向XHTML转化
网站建设环境搭配
企通互联标题下的分隔线在4.0中如何设置,还有标题的行间距
网站制作合理使用HTML标签进行CSS布局
北京网页设计手把手教你网页布局的基本元素
网站建设Flash 鼠标指针
网站建设制作简单实用的FLASH导航菜单(1)
网页设计Flash AS基础教程:土人AS入门教程语法篇
北京网页设计Dreamweaver基础视频教程,共30集
企通互联Dreamweaver MX 也要 VSS(五)
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网站设计北京网页设计Dreamweaver 4 简明教程(七、网页的排版3)
北京网站设计北京网页设计Dreamweaver 4 简明教程(七、网页的排版3)
作者: 北京网站建设 日期:2008-03-27 06:03:35 来源: http://www.qt-net.com
层的使用北京网站设计
北京网站建设
北京网站建设
如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(Layer)这个好东西。点击属性面板的
按钮,光标会成为一个十字,在编辑窗口上拖动,就可以创建出一个层,我们可以在层上输入绝大部分的网页元素,例如图片、文字等。层的好处是可以放置在页面的任何位置,如下图: 北京网站建设网页设计
网站制作 北京网站制作
北京网站制作 北京网站设计
选择一个层后,对应的属性面板如下:北京网站设计
北京网站设计
企通互联
① Layer ID:层的名称,用于识别不同的层; 北京网页设计北京网站设计
网页设计
② L,T:层的位置,L是距离页面左边界的距离,T是距离页面上边界的距离;企通互联
网站建设 W,H:层的宽和高;北京网站建设
网页设计
网站设计③ Z-Index:层的Z轴顺序;北京网站制作
网站建设
④ Bg Image:层的背景图;北京网站建设
网站建设
⑤ Vis:层的显示状态,其中的Hidden是将层隐藏,处于不可见状态;网站建设
北京网页设计
⑥ Bg Corlor:层的背景颜色;网页设计
北京网站建设
网页设计⑦ Tag:层使用的代码方式,一般使用默认的DIV即可;网页设计
北京网站建设
⑧ Overflow如果层里面的文字太多,或图片太大,层的大小不足以全部显示的时候,可以选择:北京网页设计
企通互联 visible:超出的部分照样显示;北京网页设计
hidden:超出的部分隐藏;企通互联
scrool:不管有否超出,都显示滚动条;网站建设
auto:有超出时才出现滚动条;网页设计
例如我们选择auto,那么以上例子中的层,在浏览时会显示为:网站建设
企通互联
北京网站设计
层的优点很明显,但缺点也同样明显,例如难以制作一个适应不同分辨率的网页;当一个页面使用了多个层后,页面的复杂程度增加而导致编辑起来非常烦琐;编辑状态与浏览状态的实际效果有相当明显的差别等。通常人们是采用利用Layer进行排版,然后将层转换为表格的做法(Modefy > Convert > Layers to Table),具体操作在此就不多加叙述,大家可自己尝试一下。企通互联
网站建设
北京网站建设
北京网站建设
如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(Layer)这个好东西。点击属性面板的
按钮,光标会成为一个十字,在编辑窗口上拖动,就可以创建出一个层,我们可以在层上输入绝大部分的网页元素,例如图片、文字等。层的好处是可以放置在页面的任何位置,如下图: 北京网站建设网页设计网站制作 北京网站制作

北京网站制作 北京网站设计
选择一个层后,对应的属性面板如下:北京网站设计
北京网站设计

企通互联
① Layer ID:层的名称,用于识别不同的层; 北京网页设计北京网站设计
网页设计
② L,T:层的位置,L是距离页面左边界的距离,T是距离页面上边界的距离;企通互联
网站建设 W,H:层的宽和高;北京网站建设
网页设计
网站设计③ Z-Index:层的Z轴顺序;北京网站制作
网站建设
④ Bg Image:层的背景图;北京网站建设
网站建设
⑤ Vis:层的显示状态,其中的Hidden是将层隐藏,处于不可见状态;网站建设
北京网页设计
⑥ Bg Corlor:层的背景颜色;网页设计
北京网站建设
网页设计⑦ Tag:层使用的代码方式,一般使用默认的DIV即可;网页设计
北京网站建设
⑧ Overflow如果层里面的文字太多,或图片太大,层的大小不足以全部显示的时候,可以选择:北京网页设计
企通互联 visible:超出的部分照样显示;北京网页设计
hidden:超出的部分隐藏;企通互联
scrool:不管有否超出,都显示滚动条;网站建设
auto:有超出时才出现滚动条;网页设计
例如我们选择auto,那么以上例子中的层,在浏览时会显示为:网站建设
企通互联

北京网站设计
层的优点很明显,但缺点也同样明显,例如难以制作一个适应不同分辨率的网页;当一个页面使用了多个层后,页面的复杂程度增加而导致编辑起来非常烦琐;编辑状态与浏览状态的实际效果有相当明显的差别等。通常人们是采用利用Layer进行排版,然后将层转换为表格的做法(Modefy > Convert > Layers to Table),具体操作在此就不多加叙述,大家可自己尝试一下。企通互联
上一篇:企通互联Dreamweaver 4 简明教程(七、网页的排版4)
下一篇:北京网站制作Dreamweaver 4 简明教程(七、网页的排版2)