教程/dreamweaver/提高 DW MX 2004代码编辑新功能

dreamweaver|教程


  Dreamweaver 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

时间: 2024-08-03 20:52:25

教程/dreamweaver/提高 DW MX 2004代码编辑新功能的相关文章

教程/dreamweaver/提高 DW MX 2004新功能:图片处理

dreamweaver|教程  Dreaweaver MX 2004 中增加了图片处理功能,如图片亮度和对比度的调节.图片的锐化效果等等. 下面我们来一起详细了解Dreamweaver MX 2004在图片处理方面的改进. 在Dreamweaver MX 2004中导入一张图片,看看属性面板上对应的图片相关选项,我们会发现多了几个图标功能. 首先在图片大小设置栏旁边就多了一个带箭头的圆形的按钮图标,如图3,这是快速使图片还原到原始大小的工具.另外在原有的切换到 Fireworks 图标的旁边的一

教程/dreamweaver/提高 DW MX 2004新功能:浏览器检测

dreamweaver|教程|浏览器 今天我们来一起看看Dreamweaver MX 2004在动态浏览器检测方面的新功能. Dreamweaver MX 2004版本中,新增了多浏览器检测页面运行错误的功能.我们设计的页面,在某一种浏览器效果下可能正常运行,在其它浏览器中可能会报错,有时候连文字链接.版式都不统一了.为了避免这样的情况发生,2004 版本增加了支持多款浏览器检测功能. 我们可以在 Dreamwaver 编辑界面的导航栏上看到新增的" No Browser check Error

教程/dreamweaver/提高 DW MX 2004新功能:加密FTP

dreamweaver|加密|教程 今天我们来一起看看Dreamweaver MX 2004在加密FTP 传送 方面的新功能. 我们一般在做FTP文件传送的时候,默认情况下传送过程是公开的,即我们FTP的用户名和密码都是可见的.这样在网络上传输缺乏安全性, Dreamweaver MX 2004 的FTP功能对此作了修改,增加了SFTP传送功能,即上传下载站点文件时可以有效保护FTP用户名.密码,保障网络传输的安全性.如图8 图8 关于这项功能需要注意:在实践过程中,如果你的网站服务器没有开通"

教程/dreamweaver/提高 DW MX 2004的Flash Element

dreamweaver|教程 今天我们来一起看看Dreamweaver MX 2004在使用 Flash Element方面的新功能. Dreamweaver MX 2004版本中增加了Flash Element功能,这使Dreamweaver和Flash的关联更加紧密了.这个Flash Element究竟有什么特别的呢?它可以帮你方便快捷地制作一个Flash动画版本的图片浏览器!下面我们通过具体的实例来了解这个新鲜玩意. 详细制作过程如下. 1.首先在Dreamweaver的菜单栏下找到Fla

Dreamweaver MX 2004 代码编辑新功能

dreamweaver Dreamweaver MX 2004中对源代码编辑的操作功能也有一定的改进,下面我们来看看这些新的改动. 一.右键菜单 在源代码区域如果选中一个范围,点击右键菜单看到新增了"Selection"功能,在这个功能下包括了转换大小写.转换标签等等功能: 二.Tag标签 在Tag标签的群组里,除了以前有的行为.CSS面板以外还增加了CSS Relevant和CSS Rule面板,还有一个性质(Attributes)面板. 在这个面板中就可以看到关于当前网页设定的一些

Dreamweaver MX 2004 代码编辑功能

dreamweaver Dreamweaver MX 2004中对源代码编辑的操作功能也有一定的改进,下面我们来看看这些新的改动. 一.右键菜单 在源代码区域如果选中一个范围,点击右键菜单看到新增了"Selection"功能,在这个功能下包括了转换大小写.转换标签等等功能: 二.Tag标签 在Tag标签的群组里,除了以前有的行为.CSS面板以外还增加了CSS Relevant和CSS Rule面板,还有一个性质(Attributes)面板. 在这个面板中就可以看到关于当前网页设定的一些

Dreamweaver MX 2004 的CSS新功能

css|dreamweaver 如今网页的排版格式越来越复杂,很多效果需要通过CSS来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进.下面我们就来看看这些改进的地方. 一.属性面板的改进 Dreamweaver MX 2004在属性面板中增加了"Style"选项,我们在设计页面时所做的添加的字体.颜色.大小等样式,"Style"会将这些设计自动记忆生成"Style1"."Style2"样式.在下次

教程/dreamweaver/提高 体验DW MX 2004 CSS新功能

css|dreamweaver|教程  CSS是制作网页效果必不可少的东西,字体的颜色定义.表格的样式定义.图片的特效等等都少不了它.但在Dreamweaver的早期版本中CSS的编辑功能并不是很强大,有时候不得不借助一些类似于TopStyle的第三方工具来完成CSS的编写. 现在有了Dreamweaver MX 2004(简称DW MX 2004),情况就完全不同了! 首先我们给页面链接一个已经编写好的CSS文件,这里的操作与老版本Dreamweaver的方法是相同的(图1). 链接好后,和老

教程/dreamweaver/提高 细品DW MX 2004表格设计

dreamweaver|教程|设计 Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱.在此笔者就谈谈该软件新版本中的表格设计. 表格在网页中的重要性不言而喻:网页的框架.结构都要通过合理的表格布局来完成和实现. 在Dreamweaver MX2004中(以下简称DW MX 2004),插入表格的界面和以前的对话框已经起了很大的变化(图1). 其中的Table Size虽然变化不大,但是下边新增加的功能着实方便了不少:例如新增加的表格标题.布局功能以及附加信