大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> DREAMWEAVER -> Dreamweaver 4 简明教程(七、网页的排版3)

Dreamweaver 4 简明教程(七、网页的排版3)

时间: 2021-07-31 作者:daque

层的运用  即使你感触用表格对页面元素举行定位太难控制,无妨试验运用层(layer)这个好货色。点击属性面板的 按钮,光标会变成一个十字,在编纂窗口上拖动,就不妨创造出一个层,咱们不妨在层上输出绝大局部的网页元素,比方图片、笔墨等。层的长处是不妨安置在页面包车型的士任何场所,如次图:

dreamweaver 4 简明教程(七、网页的排版3)

  采用一个层后,对应的属性面板如次:

dreamweaver 4 简明教程(七、网页的排版3)

  ① 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,那么之上例子中的层,在欣赏时会表露为:

dreamweaver 4 简明教程(七、网页的排版3)

  层的便宜很鲜明,但缺陷也同样鲜明,比方难以创造一个符合各别辨别率的网页;当一个页面运用了多个层后,页面包车型的士搀杂水平减少而引导编纂起来特殊繁芜;编纂状况与欣赏状况的本质功效有十分鲜明的分辨等。常常人们是沿用运用layer举行排版,而后将层变换为表格的做法(modefy > convert > layers to table),简直操纵在此就不多加报告,大师可本人试验一下。

dreamweaver 4 简明教程(七、网页的排版3)

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.