网页设计师联盟

--- 学习、交流、展示、资源

招聘精英个人求职网站发布网友作品网页特效动画欣赏网页素材免费资源源码下载设计软件
作品欣赏       域名申请       虚拟主机
网页设计师

  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师站提供网页设计程序设计服务 E-mail:liangfeng0526@qq.com

 您当前的位置:首页 > 阅读文章
网页设计师联盟(www.wysjs.cn)欢迎您!
 标题:

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

  层的使用


  如果你觉得用表格对页面元素进行定位太难掌握,不妨尝试利用层(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),具体操作在此就不多加叙述,大家可自己尝试一下。
  • (刊登方式:转载   来源:网络   作者:   添加:admin   关键词:)
  • 您已阅读:Dreamweaver 4 简明教程(七、网页的排版3) 您还可以继续阅读↓  或 回到首页看看>>>
  • 上一篇Ultradev实例教程:3.5 编辑数据库中的纪录

    第三章:应用数据库创建动态网页第五节:编辑数据库中的纪录要编辑或者删除纪录,首先我们要知道我们正在编辑或者正在删除的是那条记录。张冠李戴的话就不是我们想要的结果了:)前面讲数据库设计的时候,特别提到,一个表要有一个主键才能够确定纪录的唯一性,才不会造成删除或者编辑的错误。比如说我..

  • 下一篇DREAMWEAVER 技巧(下)

    9)如何选择表格、层里面那些非常小的,比如1X1px的图片?   在表格的单元格中点击,然后按下“Shift”键,用箭头键移动即可选择。   也可先选定表格单元(按下Ctrl键,用鼠标点击相应单元)或者层,然后在“HTMLSourceInspector”面板中选择高亮代码中的<imgsrc="..."&g..