动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 Dreamweaver MX进阶教程(十一)使用“层”布局网页

作者:风未起时 来源:中国站长学院 
阅读 2832 人次 , 2006-2-15 14:54:00 

“层”在Dreamweaver中指的是带有定位css样式的“div”或者“span”代码。
“层”的特点是使用方便,可以轻松的使用“层”来布局网页。
在使用“层”布局页面的时候,需要使用参照对象,根据参照对象,描绘“层”,也需要精确掌握“层”的大小。下面介绍一个操作实例。
1.打开一个页面,打开“修改”/“页面属性”,在页面属性中,选择“跟踪图像”。

这个跟踪图像将作为“层”布局网页的参照对象。

2.选择“查看”>“标尺”>“显示”, 打开标尺。

3.选择“查看”>“网格”>“显示网格”。

4.在“网格设置”对话框中,选中“显示网格”和“靠齐到网格”。

5.为了防止“层”重叠,需要打开“层”面板。选择“窗口”/“层”,打开层面板。

6.在“层”面板中,选中“防止重叠”选项。

7.现在开始描绘层了。点击“插入”面板“常用”选项卡中的“描绘层”图标。如果要连续描绘多个“层”,按住ctrl键。

8.在文档中,参照“跟踪图像”,“标尺”,“网格”,按住ctrl键描绘层,描绘的层靠齐到网格,就可以精确控制层的大小。

使用页面背景图像
描绘层生成的页面,使用的是默认对齐,页面居左。为了适应大多数分辨率的显示器,“层”布局所占的页面大小,可以使用宽770象素×高600象素。可以选择一种恰当的背景颜色,或者一个小尺寸的图片作为背景,如果要选择单一图像作为页面的背景图像,可以选择宽1600象素×高1924象素的gif图片,这是一个粗略值了,在大多数分辨率下,都会感觉网页内容很充实。
如果要使用单一的大图片作为页面背景图像,并且背景图像内容很多,就不需要再设置“跟踪图像”了。使用“层”布局也会更简单,只需要描绘出放置文字内容、表单、链接、图像的层就可以了。

  
 本文Tagsdreamweaver  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Dreamweaver MX进阶教程(十)制作居中的网页
· 下一篇:Dreamweaver MX进阶教程(十二)在居中页面使用层
· 正则表达式的基本语法
· IE与Mozilla下Dhtml的一些区别小结
· Dreamweaver MX 2004从零开始(4)
· Javascript实例教程(20-9)
· JavaScript对象与数组参考大全(1)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077