dreamweaver基础知识

1、第 1 章 dreamweaver 的基础知识本章内容? 了解 d r e a m w e a v e r 的基本原理? dreamweaver 是如何设计的? 在 d r e a m w e a v e r 中使用传统的h t m l 命令? 了解下一代特性? 自动化的 we b 页创作过程? 用 d r e a m w e a v e r 维护 we b 站点d r e a m w e a v e r 是 m a c r o m e d i a 公司推出的一套专业的we b站点开发程序。 d r e a m w e a v e r 拥有诸多优点，例如，它是第一个利用最新一代浏览器性能的we

2、 b开发程序，并且非常便于开发者利用诸如层叠样式单(cascading style sheets)和动态 h t m l 等先进特性。事实上， d r e a m w e a v e r 是 we b开发者为自已量身定做的设计工具。从设计的依据到开发者使用的专业程度看，d r e a m w e a v e r 能够加速站点建设，并使站点的维护简单有效。通过本章的讲述， 你可以了解到这套程序的基本原理，充分感受d r e a m w e a v e r 是如何把传统的h t m l 和前沿技术结合起来的。当然， 你还可以学习到一些d r e a m w e a v e r 的先进特性并用于自己

3、的 we b 站点管理。1.1 dreamweaver 的真实世界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 甚至包括了不同浏览器的h t m l 验证功能，这样你就可以看到现有的或新的代码如何工作于特定的浏览器。dreamweaver 3 把现实世界的概念进一步扩展到工作区中。诸如d r e a m 模板之类的附件使得大型 we b 站点的创建和维护更加简洁有效。d r e

4、 a m w e a v e r 从层到表格 ( l a y e r s - t o - t a b l e s)的先进特性使得在设计阶段快速定位内容成为可能，同时， 在站点发布后， 还能保证页面与落后的浏第一部分dreamweaver 概述览器相兼容。d r e a m w e a v e r 的命令性能可以自动完成最困难的 we b 创建。1.1.1 完整的可视化文本编辑器在万维网的早期，大多数开发者利用简单的文本编辑器如n o t e p a d 和 s i m p l e te x t 手工编写 we b 页。第二代we b 编写工具引入了可视化设计的概念，并将“所见即所得”(what

5、 you see is what you get，w y s i w y g) 编辑器带入市场。这些产品简化了页面布局，但仍缺乏代码的完整性。专业的we b 开发者们发现，即使使用最尖端的“所见即所得”编辑器，他们仍需手工编写we b 页。面对这种现实，d r e a m w e a v e r 把一个极好的可视化编辑器和许多文本编辑器集成在一起。你可以使用d r e a m w e a v e r 内置的 h t m l 检查器 (i n s p e c t o r) ， 也可以使用专门的外部编辑器。如图1 - 1 所示，这是d r e a m w e a v e r 的可视化编辑器和文本编

6、辑器共同工作的情形。可视化编辑器中的任何变化都会立即反映到文本编辑器中，反之亦然。dreamweaver 允许你使用任何喜欢的文本编辑器，包括 microsoft windows 开发者们常用的homesite 和 macintosh 开发者们常用的bbedit 试用版。1.1.2 往返 html 大多数 we b 编写程序会改变所有通过其系统的代码如插入回车、移动缩进、添加 标识、大写命令等等。d r e a m w e a v e r 的编程人员理解和尊重we b 开发者使用自己特定的代码样式。 进一步讲， 利用往返h t m l 技术可以确保不重写你的原始代码，并且你仍可在可视化编辑器和

7、任何h t m l 编辑器之间来回跳转。为了使可视化设计与基本代码结合得更紧密，dreamweaver 3 中引入了快速标识编辑器 (quick tag editor) 。通常，we b 设计者需要频繁地对h t m l代码进行一些细微改动，诸如修改一个属性或添加一个标识。快速标识编辑器看起来像一个位于文档窗口之上的浮动窗口，利用它进行代码的细调十分快捷简单。1.1.3 web 站点维护工具d r e a m w e a v e r 的开发者们意识到创建站点仅是网站管理员工作的一部分，站点维护才是一项持续、费时的琐碎工作。为了使站点的维护简单化，d r e a m w e a v e r 提供

8、了一组站点管理工具，包括一个重复元素库以及可以简化组更新的文件锁定性能。在 dreamweaver 3 中，站点的维护比以往更容易、更直观。利用站点地图( site map)，能够直接浏览整个we b 站点的结构，并可以打开要修改的文件。当文件从一个目录移动到另一个目录后，你可以自已动手更正链接( l i n k) ，也可以让d r e a m w e a v e r自动更新链接。此外，你不仅可以利用重复元素库向页面中插入元素，还可以通过定义模板使整个we b 站点具有统一的外观只需改动模板就可以更新站点中的所有页面。1.2 dreamweaver 界面创建 we b 页时，网站管理员总是不断

9、地重复两件事情：插入元素(文本、图像或层)和修改元素。在这个过程中，d r e a m w e a v e r 的优越性是显而易见的。d r e a m w e a v e r 的工作区将一系列窗口、选项板和检查器结合起来，使整个创建过程更富流动性，从而提高网站管理员的工作效率。1.2.1 简易的文本输入尽管万维网的魅力主要来自于诸如图像和声音这样的多媒体元素，但 we b 页毕竟主要是一个基于文本的媒体。基于这一点，d r e a m w e a v e r 把文本光标设定为缺省工具。需要添加文本时，只需在 d r e a m w e a v e r 的主要工作区文档窗口中单击，然后开始输入

10、就行了。如图1 - 2 所示，利用文本属性检查器(text property inspector) 可以改变文本的大小、字体、位置或颜色。1.2.2 一步到位的对象修改除文本外的其他we b 页元素，你都可以在对象选项板(object palette) 中选择。在we b 页中添加图片非常容易，只需在对象选项板中单击插入图像( insert image) 按钮， d r e a m w e v e r 会请你指定要插入的图像文件，随后图像就会出现在当前光标位置上。图像出现在屏幕上之后，你可以选定它，然后使用相应的属性检查器( property inspector)对其进行修改。这种方法对任何其

11、他插入的元素都是有效的从水平标尺到shockwave 影片。1.2.3 完全用户化的环境d r e a m w e a v e r允许用户根据需要自定义工作区。简便的启动档( l a u n c h e r) 可以打开、关闭各式各样的窗口、选项板及检查器，这些窗口、选项板及检查器可以拖动到屏幕的任何位置。想单独看看正在编辑的we b 页吗？你可以按下功能按钮隐藏所有工具窗口，再按一下功能按钮它们会重新显现。d r e a m w e a v e r 的用户化能力具有很强的扩展性。如果你发现总是需要反复插入某种元素，比如 q u i c k ti m e视频或者. w a v 格式的声音文件，可

12、以把这些元素添加到对象选项板中。d r e a m w e a v e r 的对象选项板甚至允许你添加一些特定的元素，比如 h o m e 按钮。实际上，只要你喜欢，你可以把整个对象目录添加到对象选项板中。此外，为方便用户，dreamweaver 3提供了开放式的菜单结构，你不仅可以更改快捷键，还可以添加自定义菜单关于自定义对象选项板，可参见第1 8 章；关于更改菜单系统，可参见第2 1 章。 1.2.4 简单的选择过程与绝大多数流行的平面设计软件一样，在d r e a m w e a v e r 中，不论你想修改哪种对象，都必须先选择它们。 最常见的选择过程是这样的，单击一个对象使其呈高亮显

13、示，或是单击并拖动鼠标以选择一段文本。d r e a m w e a v e r 增加了一种名为标识选择器( tag selector)的选择方式，单击正在编辑的we b 页的任意位置， 然后查看d r e a m w e a v e r 的状态栏， 相应的 h t m l标识就会出现在状态栏的左边。在图 1 - 3 所示的例子中，标识选择器显示出如下h t m l 标识： 选择文本在标识选择器中单击一个标识，当前页面上对应的元素就被选择并等待修改。标识选择器可以节省用户很多时间，在后面的章节中我们会详细介绍如何在不同的环境使用标识选择器。1.2.5 增强的页面布局选项与众多的其他可视化h t

14、 m l 编辑器相比，d r e a m w e a v e r 工作起来更像一个桌面出版程序。现今的浏览器都支持文本和图像在we b 页面上的定位这一功能被称为绝对定位( a b s o l u t e p o s i t i o n i n g) 。为了充分利用这个新功能，d r e a m w e a v e r 提供了标尺和网格。你可以定义自己的计量类型 (英尺、像素或厘米)，也可以定义网格线的位置和外观，甚至可以让对象按网格对齐。交叉参考关于绝对定位，请参见第28 章。1.2.6 活动内容的预览交叉参考要想使浏览器能够显示除标准格式图像之外的其他对象，就需要相应的插件程序( p l

15、u g - i n) 。插件程序扩展了大多数浏览器的功能，使之能够显示动画、播放音乐甚至浏览3 d 世界。d r e a m w e a v e r 是最早支持插件功能的we b编写工具之一。 在其他系统中， 如果你使用了插件程序，则必须在浏览器中预览we b 页的活动内容。利用 d r e a m w e a v e r 的活动内容特性，可以插放诸如macromedia flash、s h o c k w a v e及其他插件。然而，这一特性的扩展功能还不止这些。由于许多we b 页是使用服务器端引用编写的，而d r e a m w e a v e r可转换许多服务器端信息，因此在设计we

16、b 页时，包括服务器端引用在内的所有内容都可以显现出来。1.2.7 增强的查找及替换功能we b 是一种富于变化的媒体，we b页面经常发生并且易于变化，因此修正和添加是常有的事。we b 设计者们需要经常更新或替换现有页面，或者是一系列页面。d r e a m w e a v e r增强的查找及替换功能是进行修改的真正有力的工具。在文档窗口进行查找和替换操作的同时，h t m l 检查器也会相应地变更代码和常规内容。不仅如此， 查找和替换功能还可对当前页面、工作站点、 选择的页面甚至包括多个页面的整个文件夹进行更改。 同时，通过保存和检索复杂的查找和替换查询，进一步使你的工作自动化。1.3

17、最新的 html 标准几乎所有的we b 页都是用h t m l(h y p e r text markup language，超文本标识语言)创建的。这种编程语言其实就是一套用于修改文本文件的标识，由一个名叫万维网联盟( world wi d e web consortium) (h t t p ：/ / w w w. w 3 . o rg) 的组织对这些标识进行了标准化处理。h t m l的每一个新版本都增加了一些增强的命令和特性，最新版本html 4 能被目前绝大多数的浏览器识别。当你在可视化编辑器中插入或修改元素时，d r e a m w e a v e r 就会自动替你编写清晰流畅、

18、与现实浏览器兼容的html 4 代码。1.3.1 简单易懂的文本和图形支持文本是任何we b 页的基本组成结构，d r e a m w e a v e r 可帮助你快速设置文本格式。不论是直接输入的文本还是从其他程序中粘贴的文本，都可以对其进行格式设置，既可以使用一般的h t m l格式，如h 1 到 h 6 标题及相关的字号，也可以使用其他字体和字号。第 9 章会告诉你如何设置文本格式。利用 d r e a m w e a v e r的附加文本支持，可在we b 页中添加编号和项目符号列表。文本属性检查器 (text property inspector)提供了用于各种列表和对齐格式控制的按

19、钮。一些元素，包括列表，提供了扩展选项。在d r e a m w e a v e r 中，单击属性检查器的扩展箭头可打开附加的扩展控制选项。图形的处理同样很容易。选择图像或其占位符，激活图像属性检查器( image property i n s p e c t o r) ，就可以修改诸如图像来源、图像宽度和高度、对齐方式等属性。是不是想将图像润色一番？好办，单击e d i t 按钮将需要润色的图像送到喜爱的图形处理程序中就可以了。关于添加和修改图形，请参见第10 章。1.3.2 增强的表格性能交叉参考交叉参考d r e a m w e a v e r 的其他一些先进特性同样非常简单易懂。以表格

20、来说，它是目前 we b 页中的关键元素。在d r e a m w e a v e r 中，用户可对表格的功能进行全面的控制。像调整表格的行与列这样的操作在d r e a m w e a v e r 中只需单击并拖动就可以了，而在以前则需要通过繁琐的手工代码来实现。同样，你只需单击一个按钮就可以删除表格中的宽度和高度数值。如图1 - 4 所示是表格检查器 (table property inspector) ，它集中了d r e a m w e a v e r 的各项表格功能。d r e a m w e a v e r 的表格处理非常灵活。你可以对任何选定的单元格、行或列应用字体。通过标准命令

21、，可自动设置表格格式或对表格中的数据进行排序。1.3.3 简易的表单输入表单 (f o r m) 是 we b 页数据交换的基本工具，在 d r e a m w e a v e r 中使用表单和使用表格一样容易。 切换到对象选项板中的表单面板( forms panel) 上，你可以插入各种表单元素，如文本框、选项按钮、复选框、弹出式菜单甚至滚动列表。使用验证表单( validate form) 功能，你可以指定所需域并进行检查，以确保信息的正确输入。1.3.4 单击并拖动框架设置利用框架技术，可以使不同的we b 页显示在同一屏幕上。框架通常被认为是最难掌握的h t m l技术之一。在d r

22、e a m w e a v e r 中，只需单击并拖动即可创建框架的轮廓。在设置完框架结构后，打开如图1 - 5 所示的框架检查器(frame inspector)，选择要修改的框架并使用属性检查器进行修改。 不论你使用了多少个文件，d r e a m w e a v e r 会写入必要的代码将所有h t m l 文件链接进一个框架集中。在dreamweaver 3 中，通过对象选项板中的新框架面板，框架的创建过程可被大大简化。如果你想了解如何创建基于框架的web 页，可参见第16 章。1.3.5 多媒体增强d r e a m w e a v e r 允许添加任何类型的多媒体扩展、插件程序、a

23、 p p l e t 或控件，你只需在对象选项板上单击相应的按钮然后利用属性检查器进行修改即可。d r e a m w e a v e r 对 m a c r o m e d i a 公司的两个多媒体元素s h o c k w a v e 影片和 f l a s h 文件进行了专门的优化。在插入这两类对象时，d r e a m w e a v e r 会自动写入必要的h t m l 代码以确保尽可能多的浏览器能够接受它们，并且你也可以编辑它们的属性。m a c r o m e d i a 公司已经同许多前沿的多媒体公司建立了合作关系，如 r e a l n e t w o r k s、i b

24、m 和b e a t n i k 等。 d r e a m w e a v e r 全面支持这些合作伙伴的成果，通过自定义对象技术，你可以将复杂的图像、音频、演示文稿简单地插入并显示在we b 页中。交叉参考1.4 下一代特性d r e a m w e a v e r 是最早应用4 . 0 浏览器性能的we b 编辑工具之一。netscape communicator 4. 和microsoft internet explorer 4.都包括了d h t m l(dynamic html，动态 h t m l) 技术， 并不同程度地依赖层叠样式单( cascading style sheet，

25、c s s)标准，同时还支持绝对定位和相对定位。d r e a m w e a v e r 考虑到了各种可能性，为 we b开发者提供了一个良好的应用这些浏览器性能的接口。1.4.1 3d 层独有的动态h t m l 特性使得d r e a m w e a v e r 被誉为“第一代3d we b 创作工具”。在动态h t m l出现之前， we b 页一直处于二维平面上，只能并排放置一些文本和图像。d r e a m w e a v e r 支持动态h t m l层控制， 也就是说， 一些对象可以放置于其他对象的前面或后面。层可以包含文本、图形、链接、控件，你甚至可以在一个层中嵌套另一个层。

26、单击对象选项板上的l a y e r( 层)按钮，就可以创建层。一旦层创建好以后，单击并拖动选择手柄，层就可以被定位到页面上的任何地方。与其他d r e a m w e a v e r 对象一样，可以通过属性检查器对层进行修改。若想了解关于使用动态html 的详细信息，可参见第26 章。下载交叉参考1.4.2 动画对象层中的对象不仅在其创建时能被置于we b 页的任意位置，而且，在查看we b 页时它们还能移动。 由于d r e a m w e a v e r 具有这种功能再加上它的时间线检查器( timeline inspector ) ，d r e a m w e a v e r 可称得上

27、是一个4 d(四维 )we b创作工具。时间线检查器如图1 - 6所示，这是m a c r o m e d i a 公司一直致力于开发世界级多媒体制作程序过程中的杰作。通过时间线，你可以对层的位置、大小、3 d 布局以及连续帧的视觉效果进行控制。在d r e a m w e a v e r 中，你无需再在时间线上绘制层的路径，只需使用录制层的路径( record path of layer)这一特性就可以了。1.4.3 动态样式更新d r e a m w e a v e r完全支持由world wide web consortium所通过的层叠样式单(c s s) 规范， c s s 可使 w

28、e b 设计者更加灵活地控制we b 页中的绝大多数元素。在 d r e a m w e a v e r 中使用c s s 特性就像在字处理程序中使用样式一样简单。例如，你可以使所有的 标识都变为蓝色、斜体和小写。当你想改变站点的配色方案时，可以将所有的 标识变为红色，而且只需使用一个命令就可以将这一改变应用于整个we b 站点。d r e a m w e a v e r 允许用户对包括类型、背景、块、框、边界、列表和位置在内的各种样式进行控制。d r e a m w e a v e r 允许用户不论在线或离线都可以更改样式。通过将c s s 变化和用户驱动事件(如移动鼠标 )联系起来，文本可

29、以被高亮显示或取消高亮显示，屏幕区域可以照亮，同时图片甚至可以变得活动起来。而这一切并不需要反复访问服务器或者进行大量的文件下载。关于层叠样式单(css)的详细信息，请参见第27 章。1.4.4 javascript 行为随着 j a v a s c r i p t 技术的发展， d r e a m w e a v e r 将 j a v a s c r i p t 的强大功能和简单易用的拖放 (d r a g - a n d - d r o p) 界面结合了起来。所谓行为( b e h a v i o r) 被定义为事件和动作的组合，即当we b 页的浏览者做了某件事情后，随之会有另外的事情

30、发生，这个过程被称为行为。由于基本上不需要编程，所以行为得到了广泛的应用。交叉参考行为是基于j a v a s c r i p t 的，这一点很重要， 因为目前的各种浏览器对j a v a s c r i p t 的支持程度不同。 d r e a m w e a v e r 简化了对特定浏览器中j a v a s c r i p t 命令适用性的验证任务，你只需简单地选择希望控制动作的we b 页元素，同时从启动档(l a u n c h e r) 中打开行为检查器(behavior inspector) 。如图 1 - 7 所示，你可以指定一个j a v a s c r i p t 命令能够

31、工作于所有浏览器、浏览器的子集或某个特定浏览器。 接下来， 你可以从一个所有可用动作的列表中选择动作，例如跳转到某个u r l、播放声音、弹出消息或者启动动画。你可以指定多个动作，甚至还可以决定这些动作在什么时候发生。关于 javascript 行为的更详细的信息，请参见第19 章。1.4.5 往返 xml 一种新型的标识语言使众多we b设计者、 i n t r a n e t 开发者和相关公司振奋不已，这就是x m l 。x m l(extensible markup language，扩展标识语言 )由于具有更深层次的可自定义属性而引发了人们的浓厚兴趣。使用x m l 时，标识被用于描述

32、信息的用途而不是外观。d r e a m w e a v e r能够导入和导出x m l标识，而不管它是如何被定义的。随着x m l的流行，d r e a m w e a v e r 做好了处理这种工作的准备。1.5 程序的可扩展性d r e a m w e a v e r 最主要的长处在于它的可扩展性。事实上， 无论是设计还是运行过程中，没有哪两个we b 站点是相似的。由于最终的结果千变万化，因此we b 创作工具越灵活，越便于设计者进行更大范围的开发。随着可扩展性的引入，d r e a m w e a v e r 利用非常易于自定义的对象和行为开辟了一片新天地。如今，d r e a m

33、w e a v e r 凭借自定义命令、浮动器、转换器和属性检查器巩固着自己的领导地位。甚至，用户可以通过c 语言级扩展 ( c-level extensibility ) 选项对d r e a m w e a v e r 的最底层进行扩展。1.5.1 对象和行为交叉参考用d r e a m w e a v e r 的用语来说， 对象是一小段h t m l 代码， 用来表示一个特定的图像或者h t m l标识， 如或 。d r e a m w e a v e r 的对象是完全开放的，用户可以自定义或者彻底地重建对象。举例来说，缺省情况下插入的表格总是带有1 个像素宽的边框，如果你希望在导入格式

34、化数据时插入无边框的表格，只需在插入列表数据( insert tabular data) 对象文件中进行一些小小的改动就可以了。这样，每个后续的表格都会以你所希望的方式被插入。利用对象可以节省许多时间。实质上，你只需通过单击鼠标就可以插入有效的h t m l代码块。同样，利用d r e a m w e a v e r 的行为特性，即使是初级的we b设计者也能够插入复杂的j a v a s c r i p t 函数以实现具有前卫效果的we b 页。 d r e a m w e a v e r 本身带有一套非常全面的标准行为，但这还只是所有行为中极少的一部分。由于行为也是可以进行自定义的，而且可

35、以由任何一个具有 j a v a s c r i p t 使用知识的人进行创建，许多d r e a m w e a v e r 设计者创建了自定义的行为，并允许他人使用它们。在本书所附的光盘上，你可以找到众多各式各样的自定义对象、行为及命令。1.5.2 命令和浮动器对象和行为是帮助创建we b 页最终效果的很好途径，但是自动化完成页面制作又是什么情形呢？ dreamweaver 引入了命令， 用以提高用户修改已有页面的效率。以 d r e a m w e a v e r 中的排序表格 (sort ta b l e)命令为例， 如果你曾手工对一个大的表格进行排序(比如逐行细心地移动数据 )，那么

36、当你第一次使用该命令对表格按字母顺序或其他方式进行排序时，将会感激该命令的强大功能。命令的前景非常光明，从效果上看，它们比对象或行为的组合具有更强大的功能。实际上，一些较为复杂的对象，例如新的r o l l o v e r 图像对象，其实就是命令。命令也可以从站点中提取信息，并在d r e a m w e a v e r 中提供了一个功能很强的可编程语言。由于有了新的历史选项板(history palette) ，创建一个d r e a m w e a v e r 命令比以往更容易。历史选项板不仅能够显示你建立we b 页过程中的每一个动作，还允许你选择多个动作并将它们保存为命令。当你需要使用

37、自己创建的新命令时，只需直接从菜单中调用它。稍微使用一下d r e a m w e a v e r ，你就会逐渐习惯那些浮动的选项板。在dreamweaver 3中，用户还可以创建一个名为f l o a t e r 的自定义选项板。 这些自定义的浮动器可以显示现有资源，或者提供一个全新修改h t m l 元素的界面。1.5.3 自定义标识、转换器和属性检查器在 d r e a m w e a v e r 中，几乎用户界面的每一部分都是可以被自定义的，甚至包括标识本身。一旦你开发了自己的自定义系统，也就是第三方的标识，就可以使用自定义的属性检查器显示和修改它们当前的属性。如果你自定义的标识所包含

38、的内容没有正常显示在d r e a m w e a v e r 的文档窗口中，还可以创建一个自定义的转换器，使该内容得以显示出来。像 d r e a m w e a v e r 这样的程序，通常是用c 或 c + + 编程语言创建的，因此程序在使用前必须进行编译。一般而言，一个c 程序中的基本函数是固定死了的，也就是说，你无法对之进行扩展。新特性然而， 对 d r e a m w e a v e r 而言， 就不存在类似的情况。d r e a m w e a v e r 提供了c 语言级的扩充功能，允许编程者通过创建库向程序中添加新功能。例如，转换器通常依赖新的c 库才能在d r e a m

39、w e a v e r 中显示其内容， 否则就不行。 其他公司可利用这一c 语言级的扩展功能，将d r e a m w e a v e r 集成到自己的工作流中，从而获得最大的效率。1.6 自动化特性设计 we b 站点是一项富于幻想的工作，同时也是一项需要实践的工作。设计方案一旦确定，设计者面对的就是众多繁重的事务。d r e a m w e a v e r 提供了许多方法，使 we b设计过程自动化。1.6.1 应用 html 样式we b 站点各部分的设计者总要依靠一致和灵活的样式。如今，we b 设计者们已从使用单一的样式进化到使用层叠样式单( c s s)。大多数情况下，c s s是

40、一种比较理想的解决方案，之所以有不少客户不愿意接受c s s，主要是因为他们担心失去那些使用老版本浏览器的用户，而这些老版本的浏览器不支持c s s。 d r e a m w e a v e r 的工程师们提出了一种既可以使文本的格式化过程简单、又具有向后兼容性的解决方案，这就是h t m l 样式。利用 h t m l 样式选项板，可以定义、管理和应用任何文本格式的组合。你可以将新样式应用于一段选定的文本或整个段落。对已有的h t m l样式进行重新定义不会导致文本的更新，h t m l 样式可应用于整个站点并迫使站点具有一致的外新特性观，同时又没有css 那么多局限性1.6.2 导入办公文

41、档we b 中的许多内容来自其他地方，如字处理程序或电子表格的内部文档。dreamweaver 3 通过两个新增的导入功能将在线世界与离线世界紧密地联结在一起，即导入word html和导入表格数据。作为一流的字处理程序，microsoft word在创建和保存文档方面无可挑剔，但在输出标准的h t m l 文件上， wo r d 却显得不够老练。来自wo r d 的 h t m l文件多少总带有一些冗余和重复的代码，dreamweaver 3 的导入 word html 功能可以剔除无用的代码，甚至允许你对这些代码进行格式化，使之看起来就像其他的d r e a m w e a v e r文件

42、一样。在清除无用代码方面，导入word html命令提供了大范围的选项。当然，并非所有的we b 内容都来自wo r d 文档，数据库和电子表格也是两个重要来源。利用导入表格数据命令，d r e a m w e a v e r 可以合并任何结构化数据文件，而不论它们来自何处。你只需将电子表格或数据库文档保存为基于逗号、制表符或其他分隔符的文件，然后就可以将它们按照指定的表格样式插入到d r e a m w e a v e r 中。1.6.3 历史选项板在建立 we b 站点过程中，我们常常需要一遍又一遍地重复某些命令，即所谓的站点建设重复性。 例如， 在页面中插入图像时，你可能经常需要为图像添

43、加一个1 0 像素宽的垂直边距和 5 像素宽的水平边距。在过去， 你必须一遍又一遍地选定图像然后在属性检查器中输入相应的值。现在，你只需将这些值输入一次，然后将所做的操作保存为一个命令。使 d r e a m w e a v e r 具有上述自动化特性的就是历史选项板。历史选项板是新特性 dreamweaver 3 新增的一个部件，它能够显示设计者在开发we b页时所做的每一步操作。显示这些操作不仅使d r e a m w e a v e r具有复杂的、多层次的u n d o 功能，还可以将多个操作步骤保存为一个可立即执行的命令，从而节省大量时间。1.7 站点管理工具当你的酷站发布了很长一段时

44、间之后，你会发现自己总是在不停地对它进行更新和修订。从这一点来看， 站点管理工具和站点创建工具对于一个we b 站点创作程序来说是同样重要的。d r e a m w e a v e r 在这两方面都做得不错。1.7.1 对象库除了诸如f t p 发布等传统的站点管理功能之外，d r e a m w e a v e r又添加了一种称为“库”的全新功能。 众所周知， 在站点开发过程中如果重复使用某个元素，那么将来肯定要在每一页上对其进行修改。d r e a m w e a v e r 库可以使我们免除这份苦差。几乎所有的元素都可以被定义为库元素：文本段落、图像、链接、表格、表单、j a v a 小

45、程序、 active x 控件等等。只要选择好项目，然后打开库选项板(如图1 - 8 所示 )。一旦创建了库条目，就可以在整个we b 站点重复使用。每个we b 站点都可以拥有自己的库，也可将条目从一个库复制到另一个库中。新特性能够包含“样板”we b 元素是一回事，能够同时跨越整个站点对它们进行更新则是完全不同的另一回事！ 通过库选项板， 用户可以非常容易地改变一个库的条目。一旦重复库中的某个条目被改变， d r e a m w e a v e r 会检测到所做的修改并询问用户是否要对站点进行更新。想像一下在瞬间对一个超过4 0 0 页的 we b 站点上的版权信息进行更新的情形，你就能理

46、解d r e a m w e a v e r 的强大之处。要想了解更多关于如何修改整个站点，请参见第34 章。1.7.2 模板随着 we b 站点的的发展，你会越来越多地发现不同页面上需要使用同样基本格式的内容。利用 d r e a m w e a v e r模板，不仅可以规范we b 站点的外观，还能够减少页面创建过程中的重复性工作。 d r e a m w e a v e r 模板提供了基本的页面结构，并带有尽可能多的预定义元素，如嵌入的背景图像、页面左端的导航栏或者页面中心用于放置主文本的表格等。但是， d r e a m w e a v e r 模板绝非仅是创建we b页的模型。 模板

47、基本上是由一系列被锁定和可编辑的区域组成，当需要对一个基于模板的整个站点进行更新时，用户所要做的工作就是改变一个或多个被锁定的区域。当然，d r e a m w e a v e r 允许用户将自己创建的模板保存到相同的文件夹中，以便通过f i l enew from te m p l a t e命令来访问。 (关于使用和创建模板，请参见第 3 3 章。 ) 1.7.3 以浏览器为目标以浏览器为目标是d r e a m w e a v e r 关于站点管理的又一项革新。在任何站点项目的开发过程中，一个主要的步骤就是在不同的浏览器中测试we b 页，以找出冲突和无效的代码。d r e a m w

48、e a v e r 的“以浏览器为目标”(browser ta rg e t i n g) 功能可以使用户依据任何存在的浏览器配置文件来检查自己的h t m l 。d r e a m w e a v e r 包含了多种预定义的浏览器配置文件，用户可以根据自己的需要创建相应的浏览器配置文件。交叉参考要想了解怎样为“以浏览器为目标”设置自己的配置文件，请参见第36 章。第 1 章第 dreamweaver 的基础知识第一13 下载交叉参考交叉参考你可以在任意数量的浏览器中预览we b 页。d r e a m w e a v e r 允许用户指定页主/从浏览器，你只需按下一个功能键就可以预览页面。d

49、 r e a m w e a v e r 允许用户安装多达1 8 种浏览器用于预览we b 页。通过f i l e( 文件 )菜单最下面的preview in browser( 在浏览器中预览)命令，你可以看到所有可用浏览器的列表。1.7.4 转换 web 页虽然 we b 站点设计者可以使用最新的h t m l 工具和浏览器，但很多人仍然使用老的、低版本的浏览器。 d r e a m w e a v e r允许你使用第四代浏览器的高级功能来创建we b 页，然后再将所创建的页面加以转换，以便使低版本的浏览器也可以访问。此外， 对于原先设计的包含表格的we b 页，还可以使用表格到层(tabl

50、es to layers)命令对它们进行“升级”，使其充分利用最新的h t m l特性。在帮助用户缩短浏览器版本差别的过程中，d r e a m w e a v e r做了大量的工作。1.7.5 验证链接we b 站点是一个不断变化的统一体。在不断变化的同时还要保持有效的连接和链接，这是一项具有挑战性的工作。d r e a m w e a v e r 有一个内置的链接检查器，你可以利用它对一个页面、一个目录甚至跨越整个we b 站点的链接进行验证。链接检查器能够快速显示出哪些文件含有断开的链接，哪些文件含有指向外部站点的链接，以及哪些文件呈“孤立”状态(没有其他文件与之相连 )。1.7.6 ftp 发布创建 we b 页的最后一步就是在i n t e r n e t 上发布它们。 网站管理员们都知道，在站点的不断更新和维护过程中，这个所谓的“最后步骤”其实是一项重复来重复去的工作。d r e a m w e a v e r 提供了一个f t p(file transfer protocol ，文件传