|
Dreamweaver特点
所见即所得
在所见即所得的网页编辑器中,FrontPage可以说是早期的佼佼者,但是Dreamweaver的出现给FrontPage造成了重创。凡是用过Dreamweaver的网页设计人员无不对此进行大加赞赏,随之也就抛弃了FrontPage的累赘。
这完全是由于FrontPage生成的页面不仅体积庞大,而且还产生极多的垃圾代码,而Dreamweaver则比较完美的解决了这方面的问题,可以生成相对精炼的页面,同时还提供了进一步精简源代码的相关命令。
1.快速标记编辑器
快速标记编辑器(Quick Tag Editor)可以在网页编辑过程中任意调用,直接修改选定对象对应的源代码,实现在可视化环境中不能实现的某些特性,只要在选定对象的情况下,选择【Modify】→【Quick Tag Editor】命令或者按组合键【Ctrl+T】,即可打开微型的源代码编辑窗口进行相应的源代码编辑,图3-1显示的是选定表格相应的快速标记编辑器,可以通过拖动左边的灰色区域进行重新定位。

图3-1 快速标记编辑器
2.源代码监视器
在Dreamweaver中源代码监视器在功能上得到相应的增强,其一就是在每行源代码前设置行号,方便的进行定位;其二就是方便的选定整行内容进行拖放,只要在源代码左边空白区域单击即可,拖动可以选中多行;其三就是源代码监视器以浮动面板的形式存在,如图3-2所示。

图3-2 源代码监视器
3.HTML样式
将使用一个或多个标准HTML标记定义的文本格式保存为标记组合体,这种组合体就是HTML样式。HTML样式的相关操作都在HTML样式面板进行,样式面板如图3-3所示。
HTML样式主要为了方便进行反复使用,再对文本进行定义多种格式时,只需在HTML面板中选择HTML样式并应用到文本上即可,无需再通过手工一项一项的定义HTML标记,因此使用HTML样式可以大大的节省页面创建使用时间。所有的HTML样式都是应用标准的HTML标记,也就是说,所有浏览器包括低版本浏览器都支持这种样式,因此使用HTML样式可以极大的提高网页的兼容性。

图3-3 HTML样式面板
4.简化HTML源代码
所谓简化HTML源代码,就是对HTML源代码进行优化。在编辑过程中,文档中会存在大量的垃圾源代码和错误源代码,这样不仅增加文件体积,而且也降低浏览速度,甚至还会导致错误。Dreamweaver不仅可以删除这些垃圾源代码,而且可以修复源代码中的错误,使得源代码有很大程度的优化。
选择【Command】→【Clean Up HTML】命令简化源代码,此时会弹出对应的对话框如图3-4所示。在Remove区域中设置要删除的内容,如:Empty Tags(空标记)、Redundant Nested Tags(多余嵌套标记)、Non-Dreamweaver HTML Comments(非Dreamweaver源代码注释)以及Specific Tags(特定标记)等等;在Option区域中设置简化过程中的相关选项。

图3-4 简化HTML源代码
5.精简Word生成源代码
自从Word 2000推出以来,比较多的用户利用Word 2000作为网页编辑器,可以说Word的确在文字处理软件中具有很大的优势,但是在生成网页文件时随之产生大量的垃圾源代码,比如版权信息、样式代码、XML代码等等。
Dreamweaver对于导入的Word HTML文件可以进行精简,选择【Command】→【Clean Up Word HTML】命令进行精简处理,此时会弹出相应的对话框,如图3-5所示,单击【OK】即可。
图3-5 精简Word生成源代码 |