Dreamweaver 4 简明教程(七、网页的排版3)_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

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

作者：闵涛文章来源：闵涛的学习笔记点击数：619 更新时间：2009/4/23 12:19:57

　　层的使用

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

[办公软件]如何在Excel表格单元格中输入比例(如4:1并让其正确…  [VB.NET程序]用VB.Net实现DirectSound9 (4) DS3D
[VB.NET程序]几个 WMI 的例子（初级） - 4  [VB.NET程序]VB程序员眼中的C# 4
[VB.NET程序]禁止使用 Alt+F4 关闭窗口  [Delphi程序]从实例看 Delphi 4 中的动态
[网页制作]Dreamweaver MX打造弹出“向导”  [网页制作]使FrontPage与Dreamweaver亲密合作
[网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(2)  [网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(1)

教程录入：mintao 责任编辑：mintao

上一篇教程： Dreamweaver 4 简明教程(七、网页的排版2)

下一篇教程： Dreamweaver 4 简明教程(七、网页的排版4)

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……