当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > DW MX 2004代码编辑新功能

Dreamweaver
Dreamweaver CS3网页制作之CSS布局规则
Dreamweaver CS3网页制作之布局实例
Dreamweaver生成新页面css的类失效
Dreamweaver CS4 JavaScript的部分新特性
Dreamweaver CS4安装试用以及截图
Dreamweaver CS4新增相关功能介绍
Dreamweaver制作网页时使用CSS的事项
Dreamweaver关于字符与编码的错误
Dreamweaver表格宽度辅助线怎么除掉?
Dreamwaver设计div层的对齐方式
DW教程之CSS网页制作实例:固定宽度布局
DreamWeaver正在走向死胡同
Dreamweaver CS3中的CSS布局规则
Dreamweaver套用源格式命令应用技巧
Dreamweaver使用过程中的常见问题
Dreamweaver教程:如何取消Dreamweaver表格宽度辅助线
Dreamweaver CS3网页制作中的CSS布局规则
制作网页中设计段落缩进的方法
DW的源代码视图按空格代码提示功能消失
dreamweaver出现翻译器没有被装载错误

Dreamweaver 中的 DW MX 2004代码编辑新功能


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 28 ::
收藏到网摘: n/a

MX 2004中对源代码编辑的操作功能也有一定的改进,下面我们来看看这些新的改动。

  一、右键菜单

  在源代码区域如果选中一个范围,点击右键菜单看到新增了“Selection”功能,在这个功能下包括了转换大小写、转换标签等等功能,如图1。

图1

  二、Tag标签

  在Tag标签的群组里,除了以前有的行为、CSS面板以外还增加了CSS Relevant和CSS Rule面板,还有一个性质(Attributes)面板。如图2

图2

  在这个面板中就可以看到关于当前网页设定的一些源代码,如果网页是个动态网页,这里面的数据也是动态的。


三、标签选择器

  在“Insert”菜单下,找到“Tag”选项,可以打开标签选择器,如图3

图3

  Dreamweaver MX 2004中对源代码编辑的操作功能也有一定的改进,这里列出了所有的代码标签,当我们在源代码编辑区域编写代码的时候,需要自动提示的代码标签就是从这里提取的。打开这个对话框,我们就可以一边编代码,一边取用这些标签。

  四、自定义标签

  在Tag面板右方有一个弹出菜单,在菜单中找到“Tag Library”,弹出对话框,如图4。

图4

  在弹出的对话框中,我们可以自己编写代码标签了,如图5。


图5

  注意:Dreamweaver MX 2004的代码标签实际上存放在一个XML文件里面,包括标签的显示颜色和代码提示。在这里我们可以自行修改XML的档案,添加代码标签。在Dreamweaver MX 2004的安装目录下的Configuration文件夹里就可以找到这些文件。

  五、自定义代码颜色

  在编辑菜单下的“偏好设定(Preferences)”选项中,可以自定义不同程序下的代码颜色。如图6


图6