分类“图层定位”的存档

共 2 页: [1] 2 » | 下一页»

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

2007年03月12日 星期一

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

但是,使用表格布局定位网页存在着一些无法克服的缺点,例如将对象进行微小的位置调整是十分困难的,另外,从更深层次来说表格并不是一个布局工具,因此现在越来越多的网站使用了另一种布局方式,使用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兆字节。

图层背景–[Dreamweaver-使用图层]-第2课

2007年03月13日 星期二

在上节课中,我们学习了如何在网页中添加层。从本课开始,我们将学习层的一些进阶设置。本课要学习的内容,就是如何设置层的背景。

默认情况下,插入的层是透明的,在浏览器中预览时并不能看到层的存在。通过设置层的背景属性,可以为层添加背景颜色和背景图像。

在本课中将要学习以下重点内容:1、设置层的背景颜色。2、设置层的背景图片。

本节课时长6分13秒,下载文件1.21兆字节。

溢出控制–[Dreamweaver-使用图层]-第3课

2007年03月14日 星期三

在前面的课程中,我们学习了关于层的一些简单的设置方法。这时大家可能会注意到一个问题,如果插入的对象内容比较多,比如插入了很多文本,这是内容的宽度就会超过层的宽度,那么这时浏览器会如何处理和显示超出层范围的内容呢?这就是关于层的“溢出”设定。

学习了本课之后,大家将了解如何通过滚动条的显示设置来处理层中文本的溢出选项。本课要学习的重点内容有:1、层的滚动条设置方法。2、层的各种溢出选项。

本节课时长5分34秒,下载文件999K字节。

重叠控制–[Dreamweaver-使用图层]-第4课

2007年03月15日 星期四

在前面的课程中,我们已经学习了层的单独使用方法。那么,如果在网页中存在多个层,它们可能会发生重叠。层与表格不同,层除了有水平坐标值外,还有Z轴坐标值。这个Z轴的数值就可以确定发生重叠的图层哪个在上面,哪个在下面。

也就是说,层不仅可以在页面文档中随意地调整位置,而且还可以重叠在一块,丝毫不会发生冲突。这时应该如何进行设置呢?这就是这节课的内容——层的重叠设置。本课要学习的重点内容包括:1、层的复制。2、层的重叠次序。

本节Dreamweaver视频教程时长6分31秒,下载文件1.32兆字节。

图层嵌套–[Dreamweaver-使用图层]-第5课

2007年03月19日 星期一

在上节课中,我们了解到多个层之间可以重叠,这样对于页面设计确实非常方便,可以产生很多有趣的效果。此外,在本节课中,我们将学习多个层的另一种关系——嵌套。

前面介绍过,表格有隶属关系,在一个表格之中可以插入表格,从而可以形成嵌套关系。同样,层也有隶属关系,在一个层中可以插入子层,也可以形成嵌套关系。通过嵌套层,可以把多个层组合成一个整体。

但是需要注意的是,图层的嵌套与表格的嵌套有所不同,图层的嵌套并不是从直观上说的,也就是一个图层中嵌套另一个图层,并不是说子图层必须要在父图层的里面,实际上这两个图层的几何位置和大小没有任何限制,那么这里说的嵌套体现在什么地方呢?他实际上是在HTML中体现出来的,例如对一个图层的各种属性,在父图层和子图层之间可以存在继承关系,因此对于一些复杂使用图层(DIV/CSS)布局的页面,这就很有用了,当然这几节课例我们还介绍不到这么复杂的内容。
本课中将要学习的重点内容有:1、层的嵌套。2、在创建层的时候嵌设置套层关系。3、在“层”面板中设置嵌套层。

本节课时长12分40秒,下载文件2.82兆字节。

共 2 页: [1] 2 » | 下一页»