设为首页
加入收藏
帮助中心
首页 | 红盾通告 | 信息中心 | ASP技术 | 数据库 | 网页设计 | 网管专栏 | OICQ攻略 | 墨客频道 | 网站运营 |
当前位置:首页 >> 网页设计 >> Dreamweaver >> 正文
最新信息
·DreamweaverMX打造留言本(…
·DreamweaverMX打造留言本(…
·DreamweaverMX打造留言本(…
·DreamweaverMX打造留言本(…
·DreamweaverMX打造留言本(…
·轻松打造弹出窗口
·dreamweaver制作可控制的横…
·Dreamweaver 中怎样使用模…
·DreamWeaver经典技巧四则
·在 Dreamweaver 中插入背景…
资料搜索
热点信息
·DreamweaverMX打造留言本(…
·Ultradev实例教程:5 做一个…
·DreamweaverMX打造留言本(…
·DreamweaverMX打造留言本(…
·在 Dreamweaver 中插入背景…
·在 Dreamweaver 中插入背景…
·DreamweaverMX打造留言本(…
·dreamweaver中网页折叠菜单…
·DreamweaverMX打造留言本(…
·Dreamweaver MX 初探 - 第…
推荐信息
·dreamweaver中网页折叠菜单…
·dreamweaver 3 表格经验谈
·DREAMWEAVER 技巧(下)
·DREAMWEAVER 技巧(上)
·Dreamweaver便捷技巧方法


Google
 
Dreamweaver 4 简明教程(七、网页的排版3)
〖来源:太平洋电脑网 | 作者:Bighead | 编辑:Cloudy | 浏览:人次〗
层的使用


  如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(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),具体操作在此就不多加叙述,大家可自己尝试一下。


录入时间:2006-05-09 17:19:33 [打印本页] [关闭窗口] [返回顶部]
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

Copyright © 2006-2014 0733168.Com Inc All Rights Reserved
关于我们 | 广告合作 | 联系我们 | 法律声明 | 友情链接 | 意见反馈
本站所收录信息、社区话题、及本站所做之广告均属其个人行为,与本站立场无关
湘ICP备06008436号