Dreamweaver3完全教程(11)
全套教程打包下载
1.3.2 编辑源代码
激活Dreamweaver 3的HTML源代码检视器后,就可以看到当前编辑文档的源代码。HTML源代码检视器带有文本编辑器的基本功能。您可以像使用其他文本编辑器那样使用它。
1.3.2.1 颜色方案
HTML源代码检视器中采用不同的颜色方案来标记源代码中不同的语法部分。例如,使用蓝色字体来表明,默认的HTML语言代码,使用黑色表明用户输入的文档文字,使用黄色高亮文字来表明错误代码等。通过打开"Edit"(编辑)菜单,选择"Preferences"(参数选择)命令,打开Dreamweaver
3的参数选择对话框,可以设置相应的颜色方案。
1.3.2.2 查看文档窗口中的动作在文档窗口中所进行所有可视化编辑操作,都会立刻在源代码检视器窗口中显示相应的源代码文本,在文档窗口中添加文本或对象,则在HTML源代码检视器中同样会出现相应的文本或对应的对象引用代码;选中文档窗口中的文本或对象,在源代码检视器窗口中就会同时选中相关部分。图2-3显示了在文档窗口中选中一幅图像,同时在HTML源代码检视器窗口中会显示相应标记和引用内容的情形。
同样,在源代码检视器中的相关动作也会在文档窗口的可视化环境中有所体现,例如,在图2-3所示的环境里,用鼠标单击高亮区域的任意位置,将插入点放置到其中,则在文档窗口中,您会看到,该语句对应的图像被选中了。

图2-3 在文档窗口中选中对象
1.3.2.3 使用编辑菜单
在HTML源代码检视器的窗口中,通过单击鼠标右键,可以打开一个快捷菜单,允许您进行文本的剪切、复制、粘贴以及查找和替换等操作,如图2-4所示。

图2-4 HTML源代码检视器中的右键快捷菜单另一种打开编辑菜单的方法是单击HTML源代码检视器窗口右上端的三角按钮,如图2-5所示。

图2-5 显示编辑菜单
1.3.2.4 自动换行
在HTML源代码检视器窗口中,选中"Warp"(自动换行)复选框,则会激活窗口的自动换行特性,如果一行文本过长,则会自动从窗口的边缘回绕。
1.3.2.5 显示行号
在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"(将颜色方案应用到标记内容)复选框。
1.3.4 在文档窗口和HTML源代码检视器间切换
在HTML源代码检视器中输入HTML源代码后,必须将输入焦点移动到文档窗口中,才可以在文档窗口中看到对应的可视化操作,这很容易理解,在源代码检视器中,代码的输入是按字符输入的,必须完成一条完整的语句,才能真正实现可视效果。
要在文档窗口和HTML源代码检视器之间切换,最简单的方法是使用鼠标,用鼠标单击文档窗口内部任意位置,即可将输入焦点移动到文档窗口上;用鼠标单击HTML源代码检视器窗口任意位置,则可以将输入焦点移动到源代码检视器中。
另一个常用的方法是使用快捷键,按下Ctrl+Tab组合键,即可在这两个窗口间进行切换。