理解图层–[Dreamweaver-使用图层]-第1课

在前面的课程中,我们已经学习了表格的使用方法,包括布局表格的使用。

但是,使用表格布局定位网页存在着一些无法克服的缺点,例如将对象进行微小的位置调整是十分困难的,另外,从更深层次来说表格并不是一个布局工具,因此现在越来越多的网站使用了另一种布局方式,使用DIV布局,也称为“图层”,实际上这种方式是借助于CSS里实现的。如果大家注意最近的网页设计师招聘广告,经常会看到邀请应聘者掌握“CSS/DIV”布局,实际上就只得这种方式。

需要说明的是,这种方式实际上是CSS的范畴,因此和Dreamweaver的关系并不是太大,因此作为Dreamweaver的课程,我们并不能做深入的讲解。

如果大家对此非常感兴趣,我们在以后会推出专门针对CSS/DIV的视频课程,另外,大约下个月,我们的一本CSS/DIV的全面讲解的图书将会上市,在这本书中,我们非常深入地介绍了CSS的方方面面,以及和其他技术的配合,例如CSS和AJAX/JavaScript/XML等等其他技术的配合使用。相信会给有这方面要求的读者一定的帮助!

简单来说,在层中引入了坐标的概念,通过控制层的坐标可以将层定位在页面的任意位置,从而可以实现将层中的对象放置于网页的任意位置。

层标记主要有两种,Span和Div,Internet Explorer 4.0和Netscape Navigator 4.0以上版本浏览器都能够识别和标记,因此,这两种标记在当前具有很好的兼容性。

Div是文档块标记,可以将任意文档内容放于该标记中;Span标记是行内标记,可以将文档行内容放于该标记中。使用层可以精确地定位页面中的元素对象,可以用层定位的元素对象很多,如文本、图像、媒体对象、表格甚至层,都可以被放于层中作为被定位的元素对象。

本节课时长11分36秒,下载文件1.81兆字节。

10,341


欢迎您发表留言

(须填写)
(须填写,不公开)
请注意:这里输入的HTML代码会被屏蔽,如果需要讨论复杂的具体代码问题,请到我们的论坛发贴,谢谢!

4条留言