| 第一章 | 第二章 | 第三章 | 第四章 | 第五章 |
第二章 控制HTML源代码
Dreamweaver采用可视化的方法创建和编辑HTML文件，这在绝大多数时候已经足够了，然而，对于一个希望深入掌握网页创作、对代码质量精益求精的用户来说，直接书写HTML源代码仍然是不可或缺的操作。Dreamweaver提供了强大的源代码控制功能，通过独有的Roundtrip HTML特性，利用源代码检视器和快速标记编辑器这两个强大的工具，在源代码级别上，实现对可视化操作和HTML源代码的双重管理。
现实生活中，存在很多由其他编辑器（例如FrontPage或Word 2000）所创建的HTML文档，Dreamweaver还提供了强有力的方法，对这些非Dreamweaver创建的HTML文档进行相关处理。在Dreamweaver中提供了多个选项设置，用于指定Dreamweaver可以对哪些代码进行重写，而将哪些代码保持原样。这样，一方面您可以设置保持某些代码不被可视化操作任意修改，另一方面，使用Dreamweaver的净化HTML特性，也可以对由其他编辑器所生成文档中的那些混乱和不需要的代码进行优化，最大程度地减小代码长度，提高代码质量。
本章介绍Dreamweaver 3强大的HTML源代码控制特性。
概述
在了解Dreamweaver 3对源代码的控制特性之前，我们需要了解一些关于HTML的相关知识。
什么是HTML
HTML是（Hypertext Markup Language）的首字母缩写，中文通常称作超文本置标语言，或超文本标记语言。它是Internet上用于编写网页的主要语言。
HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的纯文本文件。您可以用任何文本编辑器，例如Windows的“记事本”程序打开它，查看其中的HTML源代码，也可以在用浏览器打开网页时，通过相应的“查看源文件”命令查看网页中的HTML代码。
HTML语法非常简单，它采用简捷明白的语法命令，通过各种标记、元素、属性、对象等关键字建立与图形、声音、视频等多媒体信息以及其他超文本的链接。
HTML的发展是同Internet上的WWW浏览操作的发展分割不开的。
WWW是World Wild Web的简称，更方便的称呼是3W或“The Web”，通译“万维网”，曾经被翻译成“全球多媒体信息网”。它是一种建立在Internet上的全球性的，交互的，动态，多平台，分布式的图形信息系统。WWW遵循HTTP协议（Hypertext Transfer Protocol――超文本传输协议），主要以“超文本”（Hypertext）或“超媒体”（Hypermedia）的形式提供信息。我们通常所称的浏览网页，就是指的WWW操作。
要查看网页内容，必须使用网页浏览器，浏览器的主要作用就是解释超文本文件中的语言，将单调乏味的文字显示为丰富多彩的内容。目前最为流行的浏览器有Microsoft Internet Explorer以及Netscape Communicator，我们建议您使用Microsoft Internet Explorer，它性能优秀，不仅有中文版本，而且还是免费的，其最新版本为5.0。
同其他语言（例如C）编译产生执行文件的机制不同，利用HTML编写的网页是解释型的，也就是说，网页的效果是用浏览器打开网页时动态生成，而不是事先存储于网页中的。当用浏览器打开网页时，浏览器读取网页中HTML的代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，网页显示的速度同网页代码的质量有很大的关系，保持精简和高效的HTML源代码是非常重要的。
HTML的语法特性
顾名思义，超文本标记语言，其语言构成主要是通过各种标记（Tag）来标示和排列各对象，通常标记由“<”、“>”符号以及其中所包容的标记元素组成，例如，如果希望在浏览器中显示一段加粗的文本，可以采用标记<b>和</b>，如下所示：
<b>加粗的文本</b>
在用浏览器显示时，标记<b>和</b>不会被显示，浏览器在文档中发现了这对标记，就将其中包容的文字（这里是“加粗的文本”5字）以粗体形式显示。
一般来说，HTML的语法有三种表达方式，如下所示：
<标记>对象</标记>
<标记 属性1=参数1 属性2=参数2...>对象</标记>
<标记>
注意：
标记的书写是大小写无关的。
严格地说，标记和标记元素不同，标记元素是位于“<”和“>”符号之间的内容，而标记则包括了标记元素和“<”和“>”符号本身。但是我们通常将标记元素和标记当作一种东西，因为脱离了“<”和“>”符号的标记元素毫无意义。在本书后面的章节里，如非必要，我们将不区分标记和标记元素，而统一称作“标记”。
下面分别对这三种形式进行介绍。
l <标记>对象</标记>
该语法示例显示了使用封闭类型标记的形式。大多数标记是封闭类型的，也就是说，它们成对出现，在对象内容的前面是一个标记，而在对象内容的后面是另一个标记，第二个标记元素前带有反斜线，表明结束标记对对象的控制。
下面是一些示例：
<h1>这是标题1</h1> 浏览器以标题1格式显示标记间的其中文本。
<i>这段文字是斜体文字</i> 浏览器以斜体格式显示标记间的文本。
如果一个应该封闭的标记没有被封闭，则会产生意料不到的错误，随浏览器不同，可能出错的结果也不同。例如，如果忘记以</h1>标记封闭对文字格式的设置，可能后面所有的文字都会以标题1的格式出现。
l <标记 属性1=参数1 属性2=参数2>对象</标记>
该语法示例显示了使用封闭类型标记的扩展形式。利用属性可以进一步设置对象某方面的内容，而参数则是设置的结果。
例如，在如下的语句中，设置了标记<a>的href属性。
<a href="http://www.macromedia.com/">Macromedia公司主页</a>
<a>和</a>是锚标记，用于在文档中创建超级链接，href是该标记的属性之一，用于设置超级链接所指向的地址，在“=”后面的就是href属性的参数，在这里是Macromedia公司的网址。“Macromedia公司主页”等文字是被<a>和</a>包容的对象。
一个标记的属性可能不止一个，可以在描述完一个属性后，输入一个空格，然后继续描述其他属性。
l <标记>
该语法示例显示了使用非封闭类型标记的形式。在HTML语言中，非封闭类型很少，但的确存在，最常用的是回行标记<br>。
例如，如果希望使一行文字回行（但是仍然同上面的文字属于一个段落），则可以在文字要换行的地方添加标记<br>，如下所示：
这是一段完整的段落<br>中间被回行处理
则在浏览器上会将之显示为两行，但它们仍然同属于一段。
标记嵌套
几乎所有的HTML代码都是上面三种形式的组合，标记之间可以相互嵌套，形成更为复杂的语法。例如，如果希望将一行文本同时设置粗体和斜体格式，则可以采用下面的语句：
<b><i>这是一段既是粗体又是斜体的文本</i></b>
在嵌套标记时需要注意标记的嵌套顺序，如果标记的嵌套顺序发生混乱，则可能会出现不可预料的结果。例如，对于上面的例子，也可以这样写：
<i><b>这是一段既是粗体又是斜体的文本</b></i>
但是，尽量不要写成如下的形式：
<b><i>这是一段既是粗体又是斜体的文本</b></i>
上面的语句中，标记嵌套发生了错误。很幸运，在这个例子里，大多数浏览器可以正确理解它，但是对于其他的一些标记，如果嵌套发生错误的话，就不一定有这么好的运气了。为了保证文档有更好的兼容性，尽量不要发生标记嵌套顺序的错误。
统一资源定位符（URL）
要深入了解HTML，还需要了解什么是URL（Uniform Resource Locator——统一资源定位符），它是在Internet中用于指定信息位置的表示方法，可以看作是Internet上文件名称命名规范的一种扩展，换句话说，它是Internet上的地址。我们在进行WWW浏览时，通常要在浏览器的地址栏中输入地址，这个地址就是URL的一种形式。
URL通常以“协议://文件路径/文件名称”的形式出现，采用URL，我们可以描述如下的一些文件属性：
l 文件名称
l 文件在本地计算机上的位置，目录和文件名等。
l 文件在网络计算机上的位置，包括网络计算机名称，目录和文件名等。
l 访问该文件的协议。
注意：在URL中的路径采用UNIX命名规范，其表示目录的斜线是/，同基于MS-DOS和Windows的命名规范正好相反。
根据协议的不同，URL分为多种形式，最常用的是以HTTP开头的网络地址形式和以FILE开头的文件地址形式。
采用HTTP（Hypertext Transfer Protocol——超文本传输协议）开头的URL通常指向WWW服务器，主要用于进行网页浏览，这种URL我们通常称作网址，它是Internet上应用最广泛的URL方式，下面是一些例子：
http://www.microsoft.com 指向某个网站的主页
http://www.microsoft.com/china/document.htm 指向某个网站的指定网页
如果基于HTTP的URL末端没有文档的文件名称（如上面的第一个例子），则使用浏览器浏览该地址网页时会打开默认的网页（通常称作主页），其文件名多为index.htm或index.html。
如果希望指向一个FTP站点或本地计算机上的文件，则通常可以用FILE作为URL的前缀，FTP（File Transfer Protocol——文件传输协议）主要用于文件传递。包括文件的上载（从本地计算机发送到Internet上的服务器）和下载（从Internet上的服务器接收到本地的计算机）。目前Internet上很多软件下载站点都采用这种FTP的方式；在很多提供主页免费存放空间的网站上，都要求用户通过FTP程序将他们自己编写的网页上传到服务器上。
下面是一些例子：
file://index.html 指向当前目录下的文件
file://C:/Winnt/System32/Blank.htm 指向某个绝对路径下的文件
file://ftp.netease.com/pub 指向FTP服务器的目录
file://ftp.netease.com/pub/readme.txt 指向FTP服务器上某目录下的某文件
Dreamweaver 3的Roundtrip HTML特性
Roundtrip HTML特性是Dreamweaver在控制HTML源代码方面最具特色的东西，它允许您在文档窗口和基于文本的HTML源代码编辑器之间动态转换，在文档窗口中操作的结果会立刻以源代码的形式在HTML源代码编辑器之上显示出来；同样，在HTML源代码编辑器中可以直接编辑HTML源代码，当将输入焦点切换到文档窗口中时，会看到相应的编辑结果。
Dreamweaver甚至还可以维护某些从技术看来上无效的标记（例如一个包围着多重P标记的FONT标记），只要这些代码能够被浏览器所支持，Dreamweaver就可以对它们正确维护。当然，这种维护必须在源代码窗口中进行，在Dreamweaver可视化环境中进行编辑所产生的HTML源代码总是符合技术标准的。
总的来说，Dreamweaver 的Roundtrip HTML特性包含如下几个方面：
l 可视化编辑和源代码编辑之间的统一对应。例如，当在文档窗口中改变了一行文字的格式时，在Dreamweaver的HTML源代码检视器中会立刻看到该操作生成和使用了哪些HTML标记；在文档窗口中选中一幅图像，则在源代码编辑器中会立刻同样选中该图像对应的代码文字。
l 在默认状态下，Dreamweaver会对重叠的标记进行重写，封闭那些必须封闭但却尚未封闭的标记。在打开一个现存文档，或是将输入焦点从外部的HTML编辑器切换回Dreamweaver时，Dreamweaver会删除多余的封闭标记，避免垃圾代码的产生。如果您不希望Dreamweaver对HTML源代码进行重写，可以打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，然后在左方目录列表中选择“HTML Rewriting”（HTML重写），并在右边的参数设置区域关闭重写特性。
l Dreamweaver会在文档窗口中以醒目的颜色显示那些尚不被标准支持的无效的HTML标记。在默认状态下，这些无效的标记被标以醒目的黄色。当选择一个无效的标记时，Dreamweaver会在属性面板显示相应的信息，提示您应该如何去修正错误。如果关闭了HTML重写特性，则任何Dreamweaver原本打算重写的HTML代码都会被作为无效代码来显示。
l Dreamweaver不会擅自改变那些它不认识的标记——包括XML标记——因为这些标记或者是用户自定义的，或者是虽有人使用，但尚未有一个统一的标准，Dreamweaver无法知道它到底是有效还是无效。如果一个Dreamweaver不认识的标记与一个有效的标记相交迭，Dreamweaver会认为它是错误的，并打上错误标记，因为它不能对之进行重写。例如，如下的一段代码会被标记为错误：
<MyNewTag><b>text</MyNewTag></b>
l Dreamweaver 不会对ColdFusion Markup Language（CFML）或Microsoft Active Server Page （ASP）进行任何重写，只要可能，它都会在文档窗口中把这两种代码显示为相应的块状标记。
l 即便功能强大如Dreamweaver，它也深知自己不是万能的，有时候其他类型的编辑器在某些方面更具优势，Dreamweaver 允许您从Dreamweaver 中直接启动其他的基于文本的编辑器，编辑当前文档窗口中的文档，在默认状态下，如果您使用Windows操作系统，Dreamweaver 同HomeSite集成，如果您使用Macintosh操作系统，则Dreamweaver 同BBEdit集成，当然您也可以指定其他的文本编辑器，例如Windows 自带的“记事本”程序。
HTML源代码检视器
利用Dreamweaver 3提供的HTML源代码检视器，可以对正在编辑的文档实现源代码级的控制。
启动和退出
要启动HTML源代码检视器，您可以采用下面三种方法：
l 打开“Window”（窗口）菜单，选择“HTML Source”（HTML源代码）命令。
l 单击Dreamweaver 3启动面板上的“HTML Source”（HTML源代码）按钮，使该按钮被按下，如图 2‑1所示。
l 按下F10热键。
图 2‑1 利用启动面板启动HTML源代码检视器
启动的HTML源代码检视器如图 2‑2所示。
图 2‑2 HTML源代码检视器
如果希望关闭HTML源代码检视器，可以再次重复上面的方法，或是单击HTML源代码检视器的标题栏右方的关闭按钮。
编辑源代码
激活Dreamweaver 3的HTML源代码检视器后，就可以看到当前编辑文档的源代码。HTML源代码检视器带有文本编辑器的基本功能。您可以像使用其他文本编辑器那样使用它。
颜色方案
HTML源代码检视器中采用不同的颜色方案来标记源代码中不同的语法部分。例如，使用蓝色字体来表明，默认的HTML语言代码，使用黑色表明用户输入的文档文字，使用黄色高亮文字来表明错误代码等。通过打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，打开Dreamweaver 3的参数选择对话框，可以设置相应的颜色方案。
查看文档窗口中的动作
在文档窗口中所进行所有可视化编辑操作，都会立刻在源代码检视器窗口中显示相应的源代码文本，在文档窗口中添加文本或对象，则在HTML源代码检视器中同样会出现相应的文本或对应的对象引用代码；选中文档窗口中的文本或对象，在源代码检视器窗口中就会同时选中相关部分。图 2‑3显示了在文档窗口中选中一幅图像，同时在HTML源代码检视器窗口中会显示相应标记和引用内容的情形。
同样，在源代码检视器中的相关动作也会在文档窗口的可视化环境中有所体现，例如，在图 2‑3所示的环境里，用鼠标单击高亮区域的任意位置，将插入点放置到其中，则在文档窗口中，您会看到，该语句对应的图像被选中了。
图 2‑3 在文档窗口中选中对象
使用编辑菜单
在HTML源代码检视器的窗口中，通过单击鼠标右键，可以打开一个快捷菜单，允许您进行文本的剪切、复制、粘贴以及查找和替换等操作，如图 2‑4所示。
图 2‑4 HTML源代码检视器中的右键快捷菜单
另一种打开编辑菜单的方法是单击HTML源代码检视器窗口右上端的三角按钮，如图 2‑5所示。
图 2‑5 显示编辑菜单
自动换行
在HTML源代码检视器窗口中，选中“Warp”（自动换行）复选框，则会激活窗口的自动换行特性，如果一行文本过长，则会自动从窗口的边缘回绕。
显示行号
在HTML源代码检视器窗口中，选中“Line Numbers”（行号）复选框，则会在源代码检视器窗口中对每条HTML语句自动显示行号，便于定位。
图 2‑6显示了一个自动换行和显示行号的源代码检视器窗口，请注意其中的第4条和第7条HTML语句的换行效果。行号是针对每条语句，而不是显示行而定的。
图 2‑6 自动换行和显示行号
设置颜色方案
HTML的颜色方案，用于控制在源代码检视器中的背景、文本、标记等元素的颜色，良好的颜色方案便于对源代码的阅读和理解。
打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，打开Dreamweaver 3的参数选择对话框，从左方目录列表中选择“HTML Color”（HTML格式），即可在对话框的右方区域设置相关参数，如图 2‑7所示。在这里，允许设置背景、文本、默认标记和特定标记的颜色方案。
图 2‑7 设置HTML颜色方案参数
一般来说，可以在文本框中输入需要颜色的数值。通过单击相应的显示颜色板按钮，可以打开一个颜色板，以选择需要的颜色，如图 2‑8所示。单击需要的颜色即可将之选中。
图 2‑8 选择颜色
在颜色板右下角有三个按钮，可以帮助用户更好完成颜色选择工作，如果在桌面上的某个部位有自己需要的颜色，单击“取色器”按钮，再单击桌面上相应位置，即可提取其颜色。这种颜色的提取可以在整个屏幕上进行，而不仅仅局限于颜色板；单击“擦除”按钮，则取消对颜色的选择；单击“Windows标准颜色对话框”按钮，可以打开Windows标准的颜色对话框。
如果希望为特定标记设置颜色方案，可以按照如下方法操作：
1. 在“Tag Specific”（特定标记）列表中选中要设置颜色方案的标记。可以选中一个标记，也可以选中多个标记。
2. 如果希望将该标记使用默认标记颜色，可以选中“Default”（默认）单选按钮。
3. 如果希望为该标记定制颜色方案，可以选中另一个单选按钮，然后在右方的文本框中输入颜色数值，或是单击“显示颜色板”按钮，打开颜色板以选择所需的颜色。
4. 如果希望将设置的颜色不仅应用到标记上，还应用的标记所包容的内容上，则可以选中“Apply Color to Tag Contents”（将颜色方案应用到标记内容）复选框。
在文档窗口和HTML源代码检视器间切换
在HTML源代码检视器中输入HTML源代码后，必须将输入焦点移动到文档窗口中，才可以在文档窗口中看到对应的可视化操作，这很容易理解，在源代码检视器中，代码的输入是按字符输入的，必须完成一条完整的语句，才能真正实现可视效果。
要在文档窗口和HTML源代码检视器之间切换，最简单的方法是使用鼠标，用鼠标单击文档窗口内部任意位置，即可将输入焦点移动到文档窗口上；用鼠标单击HTML源代码检视器窗口任意位置，则可以将输入焦点移动到源代码检视器中。
另一个常用的方法是使用快捷键，按下Ctrl+Tab组合键，即可在这两个窗口间进行切换。
在文档窗口中编辑源代码
利用HTML源代码检视器可以编辑较为复杂的HTML源代码，但如果仅仅是希望对某个对象的标记进行简单修改，使用HTML源代码检视器则显得小题大做。利用Dreamweaver的快速标记编辑器，您可以在文档窗口中直接编辑相应对象的标记，而不用在文档窗口和HTML源代码检视器窗口之间来回切换，从而提高工作效率。
启动快速标记编辑器
要启动快速标记编辑器，您可以采用如下的方法：
1. 在文档窗口中，将插入点放置到要编辑标记的位置，或是选中要编辑标记的文本或对象等。
2. 按下Ctrl+T组合键，或是单击属性面板上的“Quick Tag Editor”（快速标记编辑器）按钮，如图 2‑9所示。
图 2‑9 属性面板上的“快速标记编辑器”按钮
3. 这时即可启动快速标记编辑器，允许您编辑标记，如图 2‑10所示。如果必要，拖动快速编辑器左方灰色区域，可以在桌面上移动它。
图 2‑10 快速标记编辑器
认识快速标记编辑器的三种模式
快速标记编辑器包括如下三种编辑模式：
l 插入HTML模式，主要用于插入新的HTML代码
l 编辑标记模式，主要用于编辑现有的HTML标记
l 封装标记模式，主要用于输入一个包裹选中内容的标记。
根据在文档窗口激活快速标记编辑器之前选中对象的不同，启动快速标记编辑器之后的模式也不同，但是无论启动快速标记编辑器后是什么模式，您都可以通过连续按下Ctrl+T组合键来在三种模式之间切换。
插入HTML模式
如果您在文档中没有选中任何内容，就直接启动快速标记编辑器的话，快速标记编辑器就以插入HTML模式而启动。这时会显示一对“<”、“>”符号，而插入点位于其间，如图 2‑11所示。在这种情况下，您可以在其中输入任何形式的HTML源代码，包括多个标记或标记间包容的文字。当关闭快速标记编辑器后，输入的HTML源代码就被添加到文档窗口中插入点所在的位置。如果在快速标记编辑器中只输入了开放标记，未输入封闭标记，则Dreamweaver还会自动为您补上封闭标记，避免发生错误。
图 2‑11 快速标记编辑器的插入HTML模式
编辑标记模式
如果在文档窗口中选中了完整的标记（包括开放的标记、封闭标记（如果有的话），以及标记间包容的内容），启动快速标记编辑器时就会进入编辑标记模式，如图 2‑10所示。
要确保在文档窗口中选中完整的标记内容，最好的方法是利用文档窗口状态行左端的标记选择器。单击标记选择器上面相应的标记，即可在文档窗口中选中该标记及其所包含的完整内容。
如果在文档窗口中选中了非匹配的开放或封闭标记时，启动快速标记编辑器时也会进入编辑标记模式，在这种情况下，在快速标记编辑器中会选中该标记的父标记及其所包容的全部内容。
例如，对于如下的语句：
<p>我们的<b>微文工作室</b>非常年轻</p>
如果在文档窗口中选中“们的微文”，也即只选中了<b>标记，没有选中</b>标记，则启动快速标记编辑器后，会进入编辑标记模式，同时文档窗口中会选中这整条句子。
在编辑标记模式中，您只能编辑单个的开放标记，如果将插入点移动到标记之外，并输入其他的代码时，会显示错误信息。
在编辑模式中，通常会显示当前已有的标记、属性及属性值，通过按下Tab或Shift+Tab键，可以在各个属性或属性值之间切换输入焦点，例如，从图 2‑10所示的基础上，按下Tab键，输入焦点就会移动到下一个可编辑区域，如图 2‑12所示；再按下Shift+Tab键，输入焦点又会返回到图 2‑10所示的区域。
图 2‑12 在编辑模式中移动输入焦点
封装标记模式
如果在文档窗口中选中了相应内容，但是既没有选中完整的标记，也没有选中非匹配的开放标记，则启动快速标记编辑器后，会进入封装标记模式，如图 2‑13所示。例如，在文档窗口中选中一组尚未设置格式的文本，就可以启动快速标记编辑器，为其两端添加格式化标记。
图 2‑13 快速标记编辑器的封装标记模式
在封装标记模式中，您只能输入单个的开放标记，如果试图输入多个标记，则会出现错误信息，Dreamweaver会忽略掉您所有的错误输入。
当您关闭快速标记编辑器后，输入的标记会被放置到文档窗口选中内容的前端，同时一个匹配的封闭标记会被放置到文档窗口选中内容的后端，例如，从文档窗口中选中了“微文工作室”，希望将之设置为粗体，则可以启动快速标记编辑器，进入封装标记模式，并在编辑器中输入标记b即可。
使用提示菜单
在使用快速标记编辑器编辑属性名称的时候，如果您的动作稍作停留，就会产生一个下拉菜单，称作提示菜单，上面显示当前所编辑标记中所有可以使用的有效属性。如果Dreamweaver不能识别您编辑的标记，则该提示菜单中会显示所有的属性内容，如图 2‑14所示。
图 2‑14 快速标记编辑器的提示菜单
通过使用上下箭头键，可以从菜单中选择需要的标记，按下回车键，即可将选中的属性输入到快速标记编辑器相关区域中。
您也可以使用鼠标在提示菜单中选择需要的属性，双击该属性，即可将属性名称输入到快速标记编辑器的相关区域中。
如果不希望从提示菜单中选择任何属性，可以不用理睬它，直接输入自己希望的文本内容；或是按下Esc键，关闭该菜单。
使快速标记编辑器的编辑操作生效
对于快速标记编辑器的插入HTML模式和封装标记模式来说，在其中所做的操作，必须在按下回车键之后才会生效，如果希望放弃操作，可以按下Esc键。
但是对于快速标记编辑器的编辑标记模式，情况则稍微复杂一些。
如果设置了“在编辑时立即应用改变”特性，则在编辑标记模式里，当输入焦点从一个属性移动到另一个属性区域时，会立刻更新文档中的相关内容，这样您无法放弃编辑操作所带来的影响。
如果没有设置“在编辑时立即应用改变”特性，则在编辑标记模式里，按下回车键，才会使编辑生效。如果希望放弃编辑操作，可以按下Esc键。
“在编辑时立即应用改变”特性可以通过打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令打开Dreamweaver的参数选择对话框来设置，请参看2.4.5一节。
设置快速标记编辑器参数
Dreamweaver 3允许您对快速标记编辑器参数进行相关设置，方法如下：
1. 打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，打开Dreamweaver的参数设置对话框。
2. 从左方目录列表中，选择“Quick Tag Editor”（快速标记编辑器），在右边区域即可进行相关设置，如图 2‑15所示。
图 2‑15 设置快速标记编辑器参数
3. 选中“Apply Changes Immediately While Editing”（在编辑时立即应用改变）复选框，则在快速标记编辑器的编辑标记模式中，每当输入焦点从一个属性移动到另一个属性时，都会时改变立刻生效。
4. 选中“Enable Tag Hints”（激活标记提示）复选框，则会在编辑过程中显示提示菜单。通过拖动下方滑块的位置，可以调节菜单出现之前的等待时间，默认的值是2.5秒，这对很多人来说，似乎过长了。
5. 设置完毕，按下“OK”按钮，确定操作。
其他控制标记的操作
在Dreamweaver 3的文档窗口中，还有许多其他控制标记方面的操作。将这些操作同快速标记编辑器组合起来，可以完成众多复杂的源代码级编辑任务。
选择标记
利用文档窗口任务行左端的标记选择器，可以快速选中整个标记，以及标记间包容的文本，方法如下：
1. 首先将插入点放置到包含要选择标记的内容上，如果要选择的是图像之类的对象，可以单击该对象。
2. 这时在文档窗口任务行左端会显示相应的标记内容，图 2‑16显示了将插入点放置到一行粗体斜体文字间的情形，这时标记选择器上显示了当前文档的主体标记<body>、该行文字的段落标记<p>，粗体格式标记<b>以及斜体格式标记<i>。
图 2‑16 使用标记选择器
3. 单击相应的标记按钮，即可选中不同的标记，图 2‑17分别显示了单击<i>按钮和<b>按钮时实际选中的源代码。
图 2‑17 利用标记选择器选中标记
选择当前标记的父级标记
如果希望选中当前标记的父级标记，您可以按照如下方法进行操作：
1. 将插入点移动到包含当前标记的地方，或是选中包含标记的对象。
2. 打开“Edit”（编辑）菜单，选择“Select Parent Tag”（选择父级标记）命令，或是按下Ctrl+Shift+<组合键。
3. 连续进行上述操作，可以一级一级地选择更上级的父级标记。
例如，从图 2‑16的基础上，选择一次父级标记，即可选中<i>标记及其中包容的文字，再选择一次父级标记，又可以继续选择<b>标记，如图 2‑18所示。
图 2‑18 选择父级标记
要选择当前标记所包含的第一个子标记
选中子标记的操作同选择父级标记的操作正好相反，您可以按照如下方法操作：
在选中了多级标记的基础上，打开“Edit”（编辑）菜单，选择“Select Child”（选择子标记）命令，或是按下Ctrl+Shift+>组合键。
连续进行上述操作，可以一级一级地选择更下级的子标记。
删除一个标记
从文档中可以删除标记，而将其中包容的内容保留，方法如下：
利用标记选择器选中标记，单击鼠标右键，然后从快捷菜单中选择“Remove Tag”（删除标记）命令。
另一种方法是，在文档窗口中选中包含标记的内容，然后按下鼠标右键，并从快捷菜单中选择“Remove Tag”（删除标记）命令。在这种情况下，您可以从菜单上看到到底删除的是什么标记。
注意：不是所有的标记都能够被删除。
查找和替换
同其他类型的文本编辑器不同，Dreamweaver 3的查找和替换功能具有与众不同的特点，值得介绍。查找操作和替换操作的方法大致相同，差别在于在进行替换操作时还需要输入用于替换的目标文本，限于篇幅，这里只介绍Dreamweaver中的查找操作。
查找文本的基本操作
1. 如果希望查找文本，可以从图 2‑4或图 2‑5所示的编辑菜单中，选择“Find”（查找）命令，这时会打开如图 2‑19所示的对话框。
图 2‑19 查找文本
2. 在“Find In”（在...中查找）下拉列表框（也即第一个下拉列表框，由于在中文Windows中安装西文Dreamweaver，这里的对话框中的文本显示不完全，在其他的对话框中也会出现这种情况，请读者注意）中指定从何处选择文本。
l Current Document（当前文档） 如果选择该项，则查找操作在当前文档中进行。该选项只有当从文档窗口或是HTML源代码检视器窗口中进行查找操作时才会被激活。
l Current Site（当前站点） 如果选择该项，则从整个本地站点中所有的HTML文件、文本文件和库文件中查找相应文本。我们会在有关章节介绍如何在Dreamweaver 3中管理站点。
l Selected Files（选择的文件） 如果选择该项，则在被选中的文件中进行查找，该选项只有当从站点窗口中进行查找操作时才会出现。
l Folder（文件夹） 如果选择该项，则在用户指定的文件夹中进行搜索。这时在列表框右方会出现一个文本框，允许您输入要搜索文件夹的名称。您也可以单击文本框右端的“文件夹”按钮，从磁盘上选择文件夹，如图 2‑20所示。
图 2‑20 在文件夹中进行搜索
3. 在“Find What”（查找什么）下拉列表框（也即左方第二个下拉列表框）中选择需要查找的目标类型。
l Text（文本） 如果选择该项，则允许您在窗口中查找文本字符串。Dreamweaver 会忽略任何附着于该字符串的HTML标记。例如，如果搜索“微文工作室”，则不仅会搜索到“微文工作室”，也会搜索到“<i>微文</i>工作室”。
l HTML Source（HTML源代码） 如果选择该项，则在窗口中搜索真正包括HTML源代码在内所有匹配的字符串。例如，如果搜索“微文工作室”，则会搜索到“微文工作室”，但是不会搜索到“<i>微文</i>工作室”，因为两个字符串是不同的。
l Text（Advanced）（文本（高级）） 选择该选项，允许您指定在搜索文本时是否包含相应的HTML标记代码。例如，如果指定搜索位于<i>标记之间的“微文工作室”，则会搜索到“<i>微文工作室</i>”，但是不会搜索到其他类型的“微文工作室”。这时对话框的面板也发生变化，我们在后面章节介绍其操作。
l Tag（标记） 如果选择该项，允许您搜索指定的标记、属性以及属性值。例如，我们可以设置搜索其class属性值为content的<title>标记。这时的对话框面板也会发生变化，我们在后面章节介绍其操作。
4. 在“Find What”（查找什么）下拉列表框右方的文本搜索框中输入要搜索的文本。
5. 在对话框上选中相应的复选框，可以激活或禁止相应的选项。
l Match Case（匹配大小写） 选中该复选框，则要搜索的文本是大小写敏感的，例如如果搜索“Zhou Mingtao”，则不会搜索到“zhou mingtao”。
l Ignore Whitespace Difference（忽略空格差别） 如果选中该复选框，则在搜索的文本中忽略空格差别，将多个空格看作一个空格。例如，如果要搜索“Zhou Mingtao”，同样也会搜索到“Zhou Mingtao”，但是不会搜索到“ZhouMingtao”。
l Regular Expressions（规则表达式） 如果选中该项，则可以使用一些类似通配符之类的表达式（如?、*、\w、\b等）来更进一步指定搜索字串，例如，如果搜索“the Micro*”，则可能搜索到“Microsoft”和“Microtext”。请查看Dreamweaver 3的帮助信息了解到底有哪些规则表达式。
6. 单击“Find Next”（查找下一个）按钮，即可开始进行查找。如果在窗口中找到相应的文本，则会将该文本高亮显示。
7. 单击“Find All”（查找全部）按钮，会在文档中查找所有匹配字符，并在对话框下方展开一个结果列表，将查找结果显示在对话框下方的列表中，如图 2‑21所示。双击列表中的项就可以在源文件检视器窗口中高亮对应的搜索字符串。通过单击对话框右下角的三角标记，可以显示或隐藏搜索结果列表，如图 2‑22所示。
8. 单击“Close”（关闭）按钮，可以关闭该查找对话框。
图 2‑21 搜索结果列表
图 2‑22 显示或隐藏搜索结果列表
文本的高级查找方式
前面介绍的查找操作显得非常简单，Dreamweaver提供了更为高级的文本查找特性，允许您指定在搜索文本时是否包含相应的HTML标记代码，具体方法如下：
1. 打开“Edit”（编辑）菜单，选择“Find”（查找），打开查找对话框。
2. 在“Find What”（查找什么）下拉列表中，选择“Text（Advanced）”（文本（高级））命令，这时的查找对话框如图 2‑23所示。
图 2‑23 Dreamweaver 3的文本高级查找对话框
3. 在“Find What”（查找什么）下拉列表框右方的文本框中，输入希望查找的文本。
4. 在“Find What” （查找什么）下拉列表框下方的列表框中，选择“Inside Tag”（标记内）或“Not Inside Tag”（不在标记内），然后在右方的下拉列表中选择标记。例如，这里选择“Inside Tag”（标记内），并指定“title”标记，则表明查找位于<title>和</title>标记之间的相应文本。
5. 单击“加号”按钮，可以展开对话框，显示更多的参数设置区，允许指定标记的属性和属性值，继续单击“加号”按钮，可以再次展开对话框，允许更进一步指定标记的其他属性和属性值，如图 2‑24所示。在这个例子里，title标记没有属性，因此没有输入。
图 2‑24 指定标记属性
6. 单击“减号”按钮，可以按照相反的顺序，隐藏最近一次所显示的设置属性和属性值的输入区域，连续单击“减号”按钮，可以继续隐藏其他的属性和属性值输入区域。
7. 设置其他的搜索选项。
8. 单击“Find Next”（查找下一个）按钮或“Find All”（查找全部）按钮，即可开始查找。
搜索标记
除了可以在文档中搜索文本之外，也可以在文档中搜索HTML标记，方法如下：
1. 打开“Edit”（编辑）菜单，选择“Find”（查找）命令，打开查找对话框。
2. 在“Find What”（查找什么）下拉列表中，选择“Tag”（标记）命令，这时的查找对话框如图 2‑25所示。
图 2‑25 查找标记
3. 在“Find What”（查找什么）下拉列表右方的列表框中，输入要查找的标记，这里我们假设要查找<h1>标记。
4. 在“Find What”下拉列表下方的列表中，可以进行如下的选择：
l With Attribute（带有属性） 选中该项，将搜索带有指定属性的标记。您可以在右方的列表框中输入相应属性的名称、属性的比较运算符和属性值。
l Without Attribute（不带有属性） 选中该项，将搜索不带有指定属性的标记。您可以在右方的列表框中输入相应属性的名称、属性的比较运算符和属性值。
l Containing（包括） 选中该项，将搜索包含指定文本的标记，您可以在右方的文本框中输入包含的文本。
l Not Containing（不包括） 选中该项，将搜索不包含特点文本的标记，您可以在右方的文本框中输入不包含的文本。
l Inside Tag（标记内） 选中该项，将搜索位于指定标记内的标记。您可以在右方的下拉列表框中指定该标记。
l Not Inside Tag（不在标记内） 选中该项，将搜索不位于指定标记内的标记。您可以在右方的下拉列表框中指定该标记。
5. 单击“加号”按钮，可以展开对话框，显示更多的参数设置区，允许指定标记的属性和属性值，继续单击“加号”按钮，可以再次展开对话框，允许更进一步指定标记的其他属性和属性值，
6. 单击“减号”按钮，可以按照相反的顺序，隐藏最近一次所显示的设置属性和属性值的输入区域，连续单击“减号”按钮，可以继续隐藏其他的属性和属性值输入区域。
7. 设置其他的搜索选项。
8. 单击“Find Next”（查找下一个）按钮或“Find All”（查找全部）按钮，即可开始查找，在图 2‑25上，我们设置搜索class属性值为content的<h1>标记。
存储搜索模式
从上面可以看到，设置搜索条件是比较复杂烦琐的，在Dreamweaver 3中，您可以将设置好的搜索模式存储起来，以便将来直接进行查询，而避免再次进行烦琐的设置。其方法如下：
1. 通过打开“Edit”（编辑）菜单，选择“Find”（查找）或“Replace”（替换），显示相应的查找或替换对话框。
2. 单击对话框上的显示为磁盘形象的“Save Query”（存储查询）按钮，可以将当前的搜索模式保存起来。
3. 单击显示为文件夹形象的“Open Query”（打开查询）按钮，则可以打开原先存储的搜索模式，如图 2‑26所示。
图 2‑26 打开和存储查询模式
格式化HTML代码
良好的网页设计，要求其源代码格式清晰易懂，这样不仅维护方便，而且也方便网络用户的阅读和学习。利用Dreamweaver的净化HTML代码特性，可以将现有文档的代码重新以特定的便于阅读理解格式排版，而不改变其中的实质代码内容。
设置格式化参数
在具体介绍相关操作之前，我们先介绍Dreamweaver 3对HTML进行重写的相关设置。
HTML的格式化参数用于设置在创作文档时对源代码的格式化方式，例如控制缩进、设置行间隔、设置标记和属性名称的大小写等。
打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，打开Dreamweaver 3的参数选择对话框，然后从左方目录列表中选择“HTML Format”（HTML格式），即可在对话框的右方区域设置相关参数，如图 2‑27所示。
Indent（缩进）
在该区域，允许指定代码的缩进方式。
Use:（使用）
在该下拉列表中，可以指定以空格实现缩进，或是以制表符（Tab）实现缩进。
Table Rows and Columns（表格行和表格列）
选中该复选框，则会自动缩进用于创建表格的tr标记和td标记，以便源代码更容易阅读。
Frames and Framesets（框架和框架集）
选中该复选框，则会自动缩进用于创建框架和框架集的frame和frameset标记。
Indent Size（缩进尺寸）
在该文本框中，可以输入缩进的尺寸，其单位是“字符”。例如，如果输入4，表明使用4个空格，或是4个Tab制表符实现缩进。
Tab Size（制表符长度）
在该文本框中，可以输入一个制表符的长度，实际上就是制表符所等效的空格数目。
图 2‑27 设置HTML格式化参数
Automatic Wrapping（自动换行）
选中该复选框，则在源代码超过指定的行数之后，自动添加一个硬回车，实现换行。在右方的文本框中，可以输入行数。
Line Breaks（回行）
在该下拉列表中，可以指定实现回行的方式，基于不同的操作系统，可以有不同的选择，如果使用Windows，应该选择“CR LF（Windows）”选项。
Case for Tags和Case for Attributes（标记的大小写和属性的大小写）
在这两个下拉列表框中，可以指定标记和属性名称的大小写方式，这种影响只对在文档窗口中随后进行的输入和编辑操作有效，不会影响直接在HTML源代码检视器中输入的代码。在打开现有文档时，也不会改变文档中的代码。
Override Case Of: Tags and Attributes（覆盖标记或属性的大小写）
如果选中这里的两个复选框，则会根据上面的设置，对现有标记或属性的大小写进行重写，这种大小写的转换是强制性的，不仅对在文档窗口中的输入和编辑有效，在打开现有文档，或是直接在HTML源代码检视器中输入标记或属性时，也都会使用相应的大小写方式。
Centering（居中）
该选项指定使用何种源代码实现居中方式，一般来说，有两种方式：div align="center"和center标记，前者是HTML 4.0过渡性标准的一部分，而后者则被大多数浏览器所支持。
注意：
除了“覆盖标记或属性的大小写”属性之外，其他的特性在被激活之后，只会对以后往文档中新添加的内容生效，如果打开以前已有的文档，则不会对文档内容进行格式化操作。要对现有文档进行格式化操作，您必须手工执行命令，请参看2.6.2一节。
除了“覆盖标记或属性的大小写”属性之外，这些设置只对在文档窗口中进行的编辑生效，对于在HTML源代码检视器中输入和编辑的文本，Dreamweaver不会进行格式化操作。
格式化现有文档的源代码
如前所述，在参数设置对话框中进行的HTML格式化设置，通常只对新建文档，或现有文档中新输入的内容有效，如果希望对现有文档中的源代码进行格式化，则必须手工执行格式化命令，方法如下：
1. 打开要格式化的文档。您可以打开“File”（文件）菜单，选择“Open”（打开）；也在Windows的资源管理器中选中文档图标，单击鼠标右键，然后选择“Edit with Dreamweaver”（使用Dreamweaver编辑）命令。
2. 打开“Commands”（命令）菜单，选择“Apply Source Formatting”（应用源代码格式化）命令。
净化HTML代码
所谓净化HTML代码，实际上就是对HTML源代码的一种优化。
很多文档中存在大量的垃圾代码和错误代码，它们不仅增大了文档的大小，延长下载时间，在用浏览器浏览时也会变得很缓慢，甚至可能发生不可预料的错误，利用Dreamweaver的净化HTML特性，不仅可以从文档中删除这些烦琐无用的代码，还可以修复代码错误。
世界上不是只有Dreamweaver一种网页编辑器，很多人使用如FrontPage或Word 2000之类的工具创作网页，这些工具的特点是会生成大量无用的代码。利用Dreamweaver 3的净化HTML特性，可以最大程度上对这些代码进行优化，提高代码质量。
设置HTML重写参数
在具体介绍相关操作之前，我们先介绍Dreamweaver 3对HTML进行重写的相关设置。
打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，打开Dreamweaver 3的参数选择对话框，从左方目录列表中选择“HTML Rewriting”（HTML重写），即可在对话框的右方区域设置相关参数，如图 2‑28所示。
HTML的重写参数设置决定了Dreamweaver打开文档时的动作，它并不影响在HTML源代码检视器中进行的操作。如果您关闭了这些重写选项，则打开文档后，Dreamweaver会把那些原本要重写的内容以标记为无效。
Fix Invalidly Nested and Unclosed Tags（修复无效的嵌套和未封闭标记）
如果选中该复选框，Dreamweaver会对文档中那些无效的嵌套、重叠的标记进行修复，如果一个应该封闭的标记尚未封闭，Dreamweaver会为之添补上封闭标记。
例如，Dreamweaver会将“<b><i>微文工作室</b></i>”语句重写为“<b><i>微文工作室</i></b>”。
Remove Extra Closing Tags（删除多余的封闭标记）
选中该复选框，Dreamweaver会将那些没有同开放标记相关联的多余的封闭标记删除。
Warn when Fixing or Removing Tags（当修复或删除标记时发出警告）
选中该复选框，则在Dreamweaver对文档进行重写和修复之前，会出现一个显示有技术性说明的提示对话框，告诉您当前在文档中的某行某列出现什么样的错误，您可以利用该特性定位错误，了解到底发生了什么事情。
图 2‑28 设置HTML重写参数
Never Rewrite HTML: In Files with Extensions（从不重写带有...扩展名的HTML文档）
如果选中该复选框，则可以对带有指定扩展名的文件不进行重写，您可以在右方的文本框中输入相应的扩展名，多个扩展名之间用空格隔开。
该特性可以用于避免修复第三方编辑器所生成的标记。
另外还有两个复选框，用于设置是否允许Dreamweaver根据上下文环境，对某些特定字符进行编码。一般情况下，应该选中它们。
净化现有文档
使用Dreamweaver的“Clean Up HTML”（净化HTML）命令，可以从文档中删除空标记、融合嵌套的font标记等，以增强代码的可读性和易懂性。
您可以按照如下步骤操作：
1. 打开现有的文档。
2. 打开“Commands”（命令）菜单，选择“Clean Up HTML”（净化HTML）命令。
3. 这时会出现如图 2‑29所示的对话框，提示您进行净化方式的选择。
图 2‑29 选择净化方式
4. 在“Remove”（删除）区域，允许指定要删除哪些内容。
l Empty Tags（空标记） 选择该复选框，则从文档中将没有包含任何内容的空标记删除。例如，会删除“<b></b>”，但是不会删除“<b>Microtext</b>”。
l Redundant Nested Tags（多余嵌套标记） 选择该复选框，则从文档中删除多余的嵌套标记。例如对于语句“<b>微文<b>工作</b>室</b>”，会将内部的<b></b>标记删除。
l Non-Dreamweaver HTML Comments（非Dreamweaver HTML注释） 选择该复选框则从文档中删除所有非Dreamweaver自动生成的注释信息。Dreamweaver自动生成的注释之前都有一段说明，表明该注释由Dreamweaver所添加，Dreamweaver就是根据这个特征来区分哪些注释是由它自动生成，而哪些注释不是由它生成。
l Dreamweaver HTML Comments（Dreamweaver HTML注释） 选择该复选框，则从文档中删除所有由Dreamweaver产生的注释。
l Specific Tag（s）（特定标记） 选中该复选框，可以从文档中删除特定的标记。您可以在右方的文本框中输入该标记。利用该特性，可以从文档中删除哪些由其他可视化编辑器生成的标记、自定义标记，或那些不希望放置到站点上的标记（如blink）等。
5. 在“Option”（选项）区域，允许您设置净化过程中的其他一些选项。
l Combine Nested <font> Tags When Possible（尽可能融合嵌套的<font>标记） 选中该复选框，则会对文档中的嵌套<font>标记进行重新组合。例如，对于语句“<font size="7"><font color="#ff0000">你好</font></font>”，会被融合成“<font size="7" color="#ff0000">你好</font>.”
l Show Log on Completion（完成后显示提示） 选中该复选框，则在净化操作完毕后，显示相关的提示信息。
6. 设置完毕，按下“OK”按钮，即可开始净化操作。
净化Microsoft Word生成的HTML文档
很多人喜欢用Microsoft Word作为其HTML编辑器，的确，Word优秀的易用性在处理文档方面独具优势，但是由Word生成的HTML文档中会充斥很多无用的垃圾代码，例如无用的版权信息，无用样式代码，无用的XML代码等，不仅增大了文档的长度，而且源代码可读性极差，几乎无法阅读。
Dreamweaver可以导入由Word创建的HTML文档，也可以对Word创建的HTML文档进行净化，使代码质量大幅度提高。
您可以按照如下方法进行操作：
1. 打开由Word生成的HTML文档。
2. 打开“Commands”（命令）菜单，选择“Clean Up Word HTML”（净化Word HTML）命令。
3. 这时会出现一个对话框，显示相应的净化设置，如图 2‑30所示。Dreamweaver会自动判断用于创建该文档的Word版本。
图 2‑30 选择净化Word HTML方式
l Remove all Word Specific Markup（删除所有Word特定标记） 选中该复选框，则从文档中删除所有Word带来的特定标记，包括<html>间的XML代码、在文档头部由Word自定义的meta data和link标记、Word 的XML标记、条件标记和其中的内容，以及样式中的空白段落和空白边距等。您可以在对话框的“Detailed”选项卡中深入定制这些选项。
l Clean Up CSS（净化CSS） 选中该复选框，则会删除文档中所有会Word指定的CSS（层叠样式单）代码，包括内联的CSS样式、以“mso”开头的CSS样式属性，非CSS标准的样式声明，来自表格的CSS样式属性，以及在头部的所有未使用的样式定义。您可以在对话框的“Detailed”选项卡中深入定制这些选项。
l Clean up <font> Tags（净化<font>标记） 选中该复选框，将从文档中删除<font>标记，将网页主体部分的文本大小设置为size 2。
l Fix Invalidly Nested Tags（修复无用的嵌套标记） 选中该复选框，将从文档中删除那些位于段落和头部之外的<font>标记。
l Set Background Color（设置背景颜色） 选中该复选框，可以重设文档背景颜色，您可以在右方的文本框中输入颜色数值。
l Apply Source Formatting（应用源代码格式化） 选中该复选框，将按照现有的HTML格式化参数设置，对文档中的源代码进行重新格式化。
l Show Log on Completion（完成后显示提示） 选中该复选框，则在净化操作完毕后，显示相关的提示信息。
4. 设置完毕，单击“OK”按钮，确定操作，即可开始净化过程。
注意：如果通过打开“File”（文件）菜单，选择“Import”（导入），再选择“Import Word HTML”（导入Word HTML）命令来打开Word生成的HTML文档，则会自动激活“Clean Up Word HTML”命令，打开如图 2‑30所示的对话框。
使用外部编辑器
在某些情况下，可能需要处理大量代码，这时使用HTML源代码检视器就显得不够方便，而另一些代码（例如JavaScript或VBScript等），采用其他类型编辑器编辑可能显得更为方便。Dreamweaver 3允许在编辑文档的过程中，启动外部的文本编辑器编辑代码。当您将输入焦点从该编辑器移回到文档窗口中时，会看到文档窗口中的内容发生相应变化，就好像该编辑器原本属于Dreamweaver一样。
指定外部的HTML编辑器
要为Dreamweaver指定外部的HTML编辑器，您可以按照如下方法进行操作：
1. 打开“Edit”（编辑）菜单，选择“Preferences”（参数选择）命令，打开Dreamweaver的参数选择对话框。
2. 从左方目录列表中，选择“External Editors”（外部编辑器）命令，即可在右方设置相应选项，如图 2‑31所示。
l HTML Editor（HTML编辑器） 在该文本框中可以输入外部编辑器的路径和名称，单击“浏览”按钮，可以从磁盘上选择程序。
l Reload Modified Files（重新载入被修改的文件） 在该下拉列表中，可以设置当Dreamweaver检测到文档被外部编辑器修改过，并重新载入时，是否产生提示信息。
l Save on Launch（启动时保存） 在该下拉列表中，可以设置当启动外部编辑器时，Dreamweaver是否保存文档。
图 2‑31 设置外部HTML编辑器
3. 在该对话框中，还可以针对不同类型的文件，设置不同的编辑器。
l 在左方列表中选择某个扩展名，在右方列表中可以选择可用的编辑器名称。带有“（Primary）”（基本）字样的项，表明该编辑器是该类型文件的主编辑器。
l 如果希望为某种类型的文件指定主要编辑器，可以在左方列表框中选中该类型文件的扩展名，然后在右方选择需要的编辑器名称，并单击“Make Primary”（设置为基本）按钮。
l 如果希望为某种类型文件添加新编辑器，可以首先选择该文件扩展名，然后单击右方编辑器列表上方的“加号”按钮，并从磁盘上选择编辑器程序；如果希望删除某个编辑器列表项，可以选中该项，然后单击“减号”按钮。
l 如果希望添加新的文件扩展名，可以单击文件扩展名列表上方的“加号”按钮，再输入扩展名；如果要删除某个文件扩展名，可以选中该扩展名，然后单击“减号”按钮。
4. 设置完毕，按下“OK”按钮，确定操作。
启动外部编辑器
要在Dreamweaver中启动外部HTML编辑器，可以按照如下两种方法操作：
l 打开“Edit”（编辑）菜单，选择“Launch External Editor”（启动外部编辑器）命令。
l 激活HTML源代码检视器窗口，然后单击其上的“External Editor”（外部编辑器）按钮。
其他相关操作
前面大致介绍了Dreamweaver对源代码的控制方法，这里介绍一些其他的相关操作。
编辑Active Server Pages脚本
Microsoft Active Server Pages（ASP）是服务器端脚本编写环境，用于创建和运行动态、交互的Web服务器应用程序。
在Dreamweaver中，必须以手工输入源代码的方式输入ASP脚本。如果打开的文档中带有ASP脚本，Dreamweaver不会对它进行任何重写。
对于文档中的ASP脚本，在文档窗口中会以一个块状图标的形式显示，如图 2‑32所示。
图 2‑32 ASP脚本图标
要编辑ASP脚本，可以按照如下方法进行：
1. 在文档窗口中单击表示ASP脚本的图标，选中它。
2. 在属性面板上会出现一个“Edit”（编辑）按钮，如图 2‑33所示。
图 2‑33 选中ASP时的属性面板
3. 单击“Edit”（编辑）按钮，会打开一个文本编辑对话框，允许您编辑ASP脚本。
4. 编辑完毕，单击该对话框上的“OK”按钮，确定操作。
插入注释
在源代码适当的位置添加注释是很好的习惯，因为一但代码过长，很可能连编写者最后都会产生混淆，良好的注释有助于对源代码的理解，也便于维护。
要在Dreamweaver中插入注释信息，您可以按照如下方法进行操作：
1. 在对象面板上，
2. 打开下拉列表，选择“Invisible”（不可见），显示不可见元素的插入按钮，如图 2‑34所示。
图 2‑34 不可见元素的插入按钮
3. 单击“Insert Comments”（插入注释）按钮，会打开如图 2‑35所示的对话框，允许您输入注释文本。您也可以通过打开“Insert”（插入）菜单，选择“Comment”（注释）命令来插入注释。
图 2‑35 输入注释文本
4. 按下“OK”按钮，确定操作，这时文档窗口中插入点所在位置就被添加上注释信息。注释信息以一个图标的形式出现，如图 2‑36所示。
图 2‑36 注释图标
5. 如果希望编辑注释，可以在文档窗口中单击注释图标，在属性面板上就可以实现对注释的编辑，如图 2‑37所示。
图 2‑37 在属性面板上编辑注释信息
在HTML语言规范中，注释内容包含在标记<!--和-->中，在上面的例子里，实际上生成的是如下语句：
<!--这是微文工作室的主页-->
注释标记有些特殊，它既不是封闭型的标记（因为前后两个标记不一样），也不是非封闭型的标记（因为注释文本必须处于两个标记之间）。不过大多数情况下，可以将它看作是封闭型的标记。
| 第一章 | 第二章 | 第三章 | 第四章 | 第五章 | ||