计算机教程 第28章使用层.pdfVIP

下载 第28章 使 用 层 本章内容： • 在D r e a m w e a v e r 中层是如何工作的 • 在D r e a m w e a v e r 中创建层的三种方法 • 修改层：调整大小，移动和改变属性 • 使用对齐工具 • 嵌套层 • 在层中的表单 • 使用层来创建页面版式 • 为使用早期的浏览器将层转换为表格 • 使用D r e a m w e a v e r行为创建层交互性 • Dreamweaver提示：创建一个装载层 许多年以来，页面设计者认为将文本和图形放置在被印刷页面的任意位置，是理所当然的 —甚至使图形、字体和其他元素可以从页面中“流”出来。这种设计中的灵活性一直没有 提供给We b 设计者，直到最近。对版面绝对控制的缺乏已经成为 H T M L 通用性的“瓶颈”， H T M L通用性可以使任意We b页通过任意的系统来浏览，而必不考虑所使用的计算机或者屏幕 分辨率。 然而在Cascading Style Sheets(层叠样式) 中可定位层的集成已经为We b带来了真正的绝对定 位。带着对更多控制渴望的页面设计者将可以得到由 Cascading Style Sheets Positioning(CSS-P ， 层叠样式单定位)所提供的精确度。 D r e a m w e a v e r 的层的实现将C S S - P 的层承诺变为一个直观的，对设计者友好的，版面统一 的现实。正像它的名称所暗示的那样，层不只是提供了像素级精确的定位。用户可以将某个层 堆叠到另一个层的上面，在显示某些层的同时隐藏其他的层，将某个层从屏幕上移过—甚至 可以同时将多个层在屏幕上移来移去。层将一个全新的维数带入到 We b 设计者的选项板中。 D r e a m w e a v e r甚至使用户可以使用层来创建页的版面，然后将这些层转换为表格，以便使用早 期的浏览器进行浏览。 本章探究了层如何在 H T M L 中工作的每一个方面—除了动画(将在第2 9 章中介绍。用户 将学习如何在We b页上创建、修改、填充以及使层产生活动。 28.1 层的基本概念 当World Wide We b在1 9 8 9年初次登场时，几乎没有人关心页面的版面美化。实际上，因为 We b是S G M L (一种多平台、文本文档和信息标识的规范 ) 的后裔，版面设计变得无足轻重。强 调的只是内容和使用超文本从一个页面跳转到另一个页面的能力。在第一个图形的 We b浏览器 软件( M o s a i c )发布后，它快速证明了：页面的图形和版面可以增强 We b站点的可访问性和销售 性。内容仍然是最重要的，但是设计的地位也上升得非常快。 在We b页面版式方面的第一次尝试就是服务器端的图像映射。该项目是一个典型的带有热 点的大图形(通常过大以至于不便于下载 ) 。在热点上的单击向服务器发送了一个信息，该信息 558第一第六部分一动态H T M L 和D re a m w e a v e r 下载 将向浏览器返回一个链接。这些文件的下载时间是可怕的，同时基于服务器的负荷、性能与人 们对可怕的下载时间的承受能力也不同。 随着HTML 2.0 的发布，以及HTML 3.2 的增强，表格的广泛应用很快地改变了对版面的控 制。设计者获得了对齐对象和文本的能力——但是对于图形文件策略地被定位在表格中，许多 图形的效果仍然存在。设计者越是努力的精确布置他们的页面，他们就必须借助越多的工作区， 例如嵌套的表格和一个像素宽的、作为分隔符的 G I F 文件。为解除 We b设计者所有的困难， W 3 C在新的Cascading Style Sheet(层叠样式单) 中包含了一个特性，允许对页面上的元素进行绝 对地定位。绝对定位使某个元素 ( 图像或者文本块)可以定位到页面上的任何地方。 M i c r o s o f t Internet Explorer 4.0和Netscape Navigator 4.0(和以上版本)两者都支持符合Cascading Style Sheet (层叠样式单)定位规范的层。