动态网站制作指南
[  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网站首页 | 网站学院 | 源码下载 | 软件下载 | 字体下载 | 图片素材 | 电脑书籍 | 网页模版 | 网站欣赏 | 小游戏 | 博客联播
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
电脑书籍下载：程序设计书籍 | 数据库教程书籍 | 平面与多媒体书籍 | 网络通讯书籍 | 系统管理书籍 | 网络安全书籍 | 认证考试书籍
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!论坛
文章搜索服务
邮件订阅
输入你的邮件地址，
你将不会错过任何关于：
[ Dreamweaver教程 ]的信息

本月文章推荐
.玩转Dreamweaver 8.0：属性检查器.
.ASP.NET与DreamweaverMx结合.
.Dreamweaver 4 简明教程(七、网页.
.在Dreamweaver中插入有颜色的直线.
.Dreamweaver MX 2004从零开始(5).
.Dreamweaver 入门：安装 Dreamwe.
.DreamwaverMX与ASP.NET(二).
.十六则DW使用快技法.
.Dreamweaver MX 打造我们的留言本.
.Dreamweaver行为全接触(5).
.Dreamweaver 4 简明教程(五、让你.
.Ultradev实例教程:5 做一个相对简.
.DREAMWEAVER 技巧（上）.
.浅析DW4中的站点管理.
.Dreamweaver 入门：注册 Dreamwe.
.DreamwaverMX与ASP.NET(一).
.用Dreamweaver实现漫天花雨效果.
.Dreamweaver构建Blog全程实录(3).
.玩转Dreamweaver 8.0之设置段落格.
.使网页随浏览器伸展.

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

文章类别：Dreamweaver教程 | 发表日期：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) 人气:14659
下一篇：Dreamweaver 4 简明教程(七、网页的排版4) 人气:15144
点击此处浏览全部Dreamweaver 4 简明教程的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-5-15 bBlog v0.7.6
2008-5-15 team论坛 v2.0.3 SQL
2008-5-15 team论坛 v2.0.3 ACC
2008-5-15 速博交友网站管理系统 2007 SQL专
2008-5-15 目录直读式图片展示系统 v2.0
2008-5-15 迅思科量具计量管理软件 MTMS v1
2008-5-15 图看网IP地址查询系统 v1.0
2008-5-15 幸福公寓同居交友 简洁版
2008-5-15 九天备案中系统
 2008-5-7 Windows XP SP3 官方英文版
2008-5-7 Windows XP SP3 官方香港中文版
2008-5-7 Windows XP SP3 官方繁体中文版
2008-5-7 Windows XP SP3 官方简体中文版
2008-4-30 Multiple Unzip Wizard 1.02
2008-4-30 Multiple Unrar Wizard 1.0.0
2008-4-30 WinZip Install/Try/Uninstall a
2008-4-30 ZIP压缩文件修复器WzipFix 2.0
2008-4-30 Pentazip 6.01 Build 189 For Wi
  发表评论
姓　名: 验证码: [ 全部贴吧 ] [ 浏览评论 ]
内　容:
[ 汉字翻译拼音 ] [ 广告代码 ] [ 符号对照表 ] [ 进制转换 ] [ 经典小工具 ] [ 个税计算 ] [ 汉字简繁转换 ] [ 普通单位换算 ] [ 公制单位换算 ]
[ 生辰老黄历 ] [ 国内电话区号 ] [ 国家代码与域名缩写 ] [ 文字加密解密 ] [ 健康查询 ] [ 万年历 ] [ 手机号码查询 ] [ ip搜索 ] [ Google PR查询 ]
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名：动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報