网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.Ultradev实例教程:6 Ultradev使用.
.为你的站点定做颜色.
.Dreamweaver经典技巧,一个也不能.
.Dreamweaver 基础:DW的工作区布.
.Dreamweaver 4 简明教程(七、网页.
.Dreamweaver打造多彩文字链接.
.玩转Dreamweaver 8:了解CSS层叠.
.Dreamweaver 入门:注册 Dreamwe.
.Ultradev实例教程:1.2 Ultradev的.
.Dreamweaver行为全接触(2).
.PHP和ASP在Dreamweaver 8中调用I.
.Dreamweaver查找替换的技巧.
.Macromedia Dreamweaver 8.0.1更.
.Dreamweaver构建Blog全程实录(4).
.用Dreamweaver 8 搞定“web标准”.
.在DreamWeaver中应用CSS样式表技.
.Ultradev实例教程:3.4 向数据库添.
.DreamweaverMX打造留言本(五).
.玩转Dreamweaver 8.0:属性检查器.
.在Dreamweaver中灵活使用网页表格.

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

发表日期:2004-1-29


  层的使用


  如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(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 简明教程(七、网页的排版2) 人气:15617
下一篇:Dreamweaver 4 简明教程(七、网页的排版4) 人气:16308
浏览全部Dreamweaver 4 简明教程的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐