站长中国
设为首页 | 站长论坛

站长论坛 站长下载
您所在的位置： 站长中国 > 站长学院 > 网页设计 > Dreamweaver >  正文

DW网页制作教程：层及其应用
　 2007年11月17日04:50:55　 评论(0条) 字体:[大 中 小]
相关热点：
层（Layer）是一种 HTML  页面元素，您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先，请看下图： 

DW网页制作教程：层及其应用（图一）   


　　我们首先来做一个层

　　1、 在「窗口」菜单＞选“层”，或点「插入」菜单＞布局对象＞选“层”。

　　2、 在页面中显示一个层。

　　3、 通过周围的黑色调整柄拖动控制层的大小

　　4、 拖动层左上角的选择柄可以移动层的位置。

　　5、 单击层标记可以选中一个层。

　　6、 在层中可以插入其他任何元素包括图片文字链接表格等。

　　一个页面中可以画出很多的层，这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单「窗口」菜单＞选“层”打开。

DW网页制作教程：层及其应用（图二）


　　这里我们需要对几个概念进行解释。层有隐藏和显示的属性。这是层的一个重要属性和以后说到的行为相结合就变成了重要的参数。单击层面板列表的左边，可以打开关闭眼睛。眼睛挣开和关闭表示层的显示和隐藏。

　　层还有一个概念就是层数，层数决定了重叠时哪个层在上面哪个层在下面。　比如层数为２的层在层数为１的层的上面。改变层数就可以改变层的重叠顺序。

　　层面板上面还有一个参数就是防止层重叠。一旦选中，页面中层就无法重叠了。　

　　层还有一种父子关系也就是隶属关系。在层面板中是这样表示的。

DW网页制作教程：层及其应用（图三）



　　图中Layer2挂在Layer1的下面。Layer1为父层，Layer2为子层。在页面中拖动Layer1，Layer2也跟着动起来。因为他们已经链在一起了，并且Layer2隶属于Layer1。父层移动会影响到子层。移动layer2层，Layer1层不动。也就是子层不会影响到父层。

　　要建立这样的一种隶属关系方法很简单。在层面板中按Ctrl键将子层拖拽到父层即可。

　　［层和表格之间转换］


　　由于层在网页布局上非常方便，所以，一些人可能不喜欢使用表格或“布局”模式来创建自己的页面，而是喜欢通过层来进行设计。Dreamweaver MX 2004可以使用层来创建自己的布局，然后将它们转换为表格。

　　 在转换为表格之前，请确保层没有重叠。请执行以下操作：选择“修改”＞“转换”＞“层到表格”。即可显示“转换层为表格”对话框。

DW网页制作教程：层及其应用（图四）


选择所需的选项。单击“确定”。 话框。

DW网页制作教程：层及其应用（图五）


　　选择所需的选项。单击“确定”。

　　层及应用我们就简单介绍到这里。
责任编辑：

收藏本文 打印 打印本文 　推荐本文 告诉好友　投稿 投稿邮箱
    评论加载中…

站长排行

学院

新闻

专栏

盈利

[揭密网络黄链]中国留学生买凶专破日本
JSP语法(6)
超强弹出窗口代码，什么都挡不住
FLASH视觉特效实例之地震效果
贴吧发帖机使用教程(绝对原创)
关于数据分页（转自www.codeproject.co
ASP实现文件直接下载
Photoshop制作光感超酷效果水晶球
　遍历ASP.NET页面控件
永远的后门[经典]+查不出的后门
淘宝网卖家公然叫卖“艳照门”照片集
驳《百度Hi面世对腾讯有利》
Google绿色专家质疑黑色背景网页节省资
国内各IT企业办公环境揭秘（多图）
阿里妈妈广告卖主全攻略
站长创业源动力 主流站长站赏析
推荐阅读：80年小子的创业道理
Discuz!6.0猛将出击 最强论坛程序酷炫
我的网络，我的团队:专访李文明
百度新闻频道改版十天 流量止跌反弹翻
ECSHOP模板制作参考文档
悬挂阿里妈妈会否被百度惩罚
阿里妈妈是否是中小站长的救世主?
最强网店ECShop发新版 众多酷炫功能给
ECSHOP模板下载
土豆网,优酷网，爆米花等视频网站采集
DedeCms模板安装/制作概述
网上商店系统巅峰对决 ECShop vs ShopE
艰难的走在创业的路上 第一天
编程中国全站采集规则
性福联盟 一个不尊重站长的联盟
大脚：日赚100元—揭露最新firefox欺骗
大脚：垃圾站超级赚钱法之二—突破“站
大脚：垃圾站超级赚钱法之——前言
迅雷联盟、快车联盟收入对比
经理人必看的十个管理网站
Google Adsense的秘密 第二版
西联汇款兑付城市查询
不用SEO取得成功的10个步骤
关于做GOOGLE的五条经验
站长学院　　网页设计 建站教程 图形图象 网络编程

Photoshop CS3
Photoshop CS3
不用Photoshop
不用Photoshop

DIV+CSS的开发方式 听听另外的
虚拟主机建站动易里快速生成的
VBScript特效代码 满屏幕乱跑
牛气！一个菜鸟站长的超强网站
创建、维护一个个人博客的“投
让网站流量稳步飙升的秘籍
网站推广的基本思想

新闻线索

如果你有站长界人事变动、重组并购、变革技术出现，以及产品投诉等重要新闻线索，请告诉我们，我们会给予特别关注。
0631-3653338
站长中国编辑部
站长中国24小时新闻热线： 13256307008