Dreamweaver3完全教程(16)
全套教程打包下载
1.2 使用外部编辑器
在某些情况下,可能需要处理大量代码,这时使用HTML源代码检视器就显得不够方便,而另一些代码(例如JavaScript或VBScript等),采用其他类型编辑器编辑可能显得更为方便。Dreamweaver
3允许在编辑文档的过程中,启动外部的文本编辑器编辑代码。当您将输入焦点从该编辑器移回到文档窗口中时,会看到文档窗口中的内容发生相应变化,就好像该编辑器原本属于Dreamweaver一样。
1.2.1 指定外部的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"按钮,确定操作。
1.2.2 启动外部编辑器
要在Dreamweaver中启动外部HTML编辑器,可以按照如下两种方法操作:
l打开"Edit"(编辑)菜单,选择"Launch
External Editor"(启动外部编辑器)命令。
l激活HTML源代码检视器窗口,然后单击其上的"External
Editor"(外部编辑器)按钮。
1.3 其他相关操作
前面大致介绍了Dreamweaver对源代码的控制方法,这里介绍一些其他的相关操作。
1.3.1 编辑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"按钮,确定操作。
1.3.2 插入注释
在源代码适当的位置添加注释是很好的习惯,因为一但代码过长,很可能连编写者最后都会产生混淆,良好的注释有助于对源代码的理解,也便于维护。
要在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语言规范中,注释内容包含在标记<!--和-->中,在上面的例子里,实际上生成的是如下语句:
<!--这是微文工作室的主页-->
注释标记有些特殊,它既不是封闭型的标记(因为前后两个标记不一样),也不是非封闭型的标记(因为注释文本必须处于两个标记之间)。不过大多数情况下,可以将它看作是封闭型的标记。