第13章 使用源代码

虽然可以在DreamweaverCS3的可视化环境下制作网页，但是如果能够根据实际需要适当利用源代码来编辑网页，如制作ASP应用程序，效果会更好。本章将介绍在DreamweaverCS3中使用源代码编辑网页的基本知识。第13章使用源代码学习目标掌握定义远程主机站点的方法。掌握创建数据库连接的方法。掌握ACCESS数据库的基本知识。掌握基本SQL语句的使用方法。13.1代码显示方式在DreamweaverCS3的【代码】视图，可以查看网页的源代码，包括显示格式和显示颜色等。另外，为了区分不同种类的代码，还可以通过【首选参数】对话框设置代码的显示颜色。打开一个网页文档，并切换到【代码】视图。单击【文档】工具栏中的（视图选项）按钮，弹出一个下拉菜单，取消选择所有选项，然后再选中所有选项，源代码显示效果如图所示。13.1代码显示方式选择【编辑】/【首选参数】命令，打开【首选参数】对话框，在【分类】选项的列表框中选择【代码颜色】选项，所有的语法类型将出现在【文档类型】选项的滚动列表中。在【文档类型】列表框中选择一种文档类型，如“HTML”，然后单击按钮，打开【编辑HTML的颜色方案】对话框进行设置。13.2标签库在DreamweaverCS3中，使用标签库编辑器可将标签库、标签和属性添加到标签库中，也可以对标签库的属性进行设置以及对库中的标签和属性进行编辑，还可以删除标签库、标签和属性。选择【编辑】/【标签库】命令，打开【标签库编辑器】对话框，单击+按钮，将弹出一个下拉菜单,可以根据需要从中选择不同的选项进行新建标签、新建属性等任务。在【标签】列表框中选中一个选项，然后单击-按钮可以将其删除。在【标签】列表框中选中一个选项，可以在列表框下面修改其属性。13.3Dreamweaver中的编码代码提示代码片断标签选择器标签检查器快速标签编辑器13.3.1代码提示通过代码提示，可以向【代码】视图（或代码检查器）插入代码或在其中编辑代码。在输入某些字符时，将显示一个列表，列出完成该条目所需的建议选项。可以使用该功能插入或编辑代码，或只是查看某一标签的可用属性、某一函数的可用参数或某一对象的可用方法等。还可以设置代码提示在显示选项列表前等待多长时间，指定要包括在标签列表中的标签，或者一起关闭多个代码提示。打开【首选参数】对话框，在【分类】选项的列表框中选择【代码提示】选项，将【代码提示】面板中的所有复选框勾选，并将【延迟】选项右侧的指针移动至最左端，设置为0秒。通过以上的设置，就将代码提示的全部功能都选择了，这是使用代码提示的前提条件。13.3.1代码提示使用代码提示插入标签的方法请参考教材。13.3.2代码片断

使用代码片断可以存储内容以便快速重复使用，也可以创建和插入HTML、JavaScript、CFML、ASP和JSP等脚本的代码片断。DreamweaverCS3还包含一些预定义的代码片断，可以在网页设计过程随时将它们插入到文档中。代码片断提供了一些现成的功能，如导航条、表单、JavaScript小程序等都可以通过代码片断来插入，如图13-13所示。将光标置于文档中需插入代码片段的位置，在【代码片断】面板中双击代码片断即可将其插入。使用代码片断快速创建网页的方法参考教材。13.3.2代码片断

13.3.3标签选择器选择【插入记录】/【标签】命令打开【标签选择器】对话框，如图所示。在第8章已经介绍过使用【标签选择器】来插入浮动框架“<iframe>”的方法。实际上使用它可以将DreamweaverCS3标签库中的任何标签插入到页面中。13.3.4标签编辑器通过标签编辑器，可以使用对话框指定或编辑某一标签的属性。在【代码】视图中将插入点置于要编辑的标签中，单击鼠标右键，在弹出的快捷菜单中选择【编辑标签】命令，就可以打开【标签编辑器】对话框，对当前的标签进行编辑。13.3.5标签检查器除了使用标签编辑器编辑标签外，还可以使用“标签检查器”在属性列表中编辑标签。选定“<table>”标签，然后选择【窗口】/【标签检查器】命令，打开标签检查器，其属性就显示在属性表中。13.3.6快速标签编辑器在【设计】视图中也可以插入标签而不必切换至【代码】视图。具体过程参考教材。13.4插入注释注释是在HTML代码中插入的描述性文本，用来解释该代码或提供其他信息。在【代码】视图或【设计】视图中均可插入注释，但注释文本只出现在【代码】视图中，并且不在浏览器的页面中显示。在【设计】视图中，将插入点放置在要插入注释的地方。单击【插入】/【常用】面板中的（注释）按钮，打开【注释】对话框，在其中输入内容即可。13.4插入注释也可切换到【代码】视图，并将插入点放置在要插入注释的地方。然后单击【插入】/【常用】面板中的（注释）