通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Dreamweaver
相关内容

Dreamweaver3完全教程(16)
全套教程打包下载

1.2 使用外部编辑器
  在某些情况下,可能需要处理大量代码,这时使**TML源代码检视器就显得不够方便,而另一些代码(例如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语言规范中,注释内容包含在标记<!--和-->中,在上面的例子里,实际上生成的是如下语句:

  <!--这是微文工作室的主页-->

  注释标记有些特殊,它既不是封闭型的标记(因为前后两个标记不一样),也不是非封闭型的标记(因为注释文本必须处于两个标记之间)。不过大多数情况下,可以将它看作是封闭型的标记。

Dreamweaver3完全教程(1)
Dreamweaver3完全教程(2)
Dreamweaver3完全教程(3)
Dreamweaver3完全教程(4)
Dreamweaver3完全教程(5)
Dreamweaver3完全教程(6)
Dreamweaver3完全教程(7)
Dreamweaver3完全教程(8)
Dreamweaver3完全教程(9)
Dreamweaver3完全教程(10)
Dreamweaver3完全教程(11)
Dreamweaver3完全教程(12)
Dreamweaver3完全教程(13
Dreamweaver3完全教程(14)
Dreamweaver3完全教程(15)
Dreamweaver3完全教程(16)
Dreamweaver3完全教程(17)
Dreamweaver3完全教程(18)
Dreamweaver3完全教程(19)
Dreamweaver3完全教程(20)
Dreamweaver3完全教程(21)
Dreamweaver3完全教程(22)
Dreamweaver3完全教程(23)
Dreamweaver3完全教程(24)
Dreamweaver3完全教程(25)
Dreamweaver3完全教程(26)
Dreamweaver3完全教程(27)
Dreamweaver3完全教程(28)
Dreamweaver3完全教程(29)
Dreamweaver3完全教程(30)
 
 
 
 
教程站
收集整理
服务大家