Dreamweaver使用技巧

　　1、用TracingImage帮助定位网页中各元素的位置

　　TracingImage是Dreamweaver2新增的一个非常有效的功能，它允许用户在网页中将原来的图案设计搞作为辅助的背景。这么一来，拥护就可以非常方便地定位文字、图象、表格、层等网页元素在该页面中的位置了。

　　TracingImage的具体使用是这样的：首先使用各种绘图软件作出一个想象中网页排版格局图，然后将此图保存为网络图象格式（包括gif,jpg,jpeg和png）。用Dreamweaver打开你所编辑的网页，在页面的空白区单击右键，选择Page Properties...，然后在弹出的对话框中的Tracing Image项中输入刚才创建的网页排版格局图所在位置。再在Image Transparen中设定TracingImage的透明度，OK。这样你就可以在当前网页中方便地定位各个网页元素的位置了。

　　使用了TracingImage的网页在用Dreamweaver编辑时不会再显示背景图案，但当使用浏览器浏览时正好相反TracingImage不见了，所见的就是经过编辑的网页（当然能够显示背景图案）。

　　关于Convert Table widths to Pixels和Convert Table widths to Percent Convert Table widths to Pixels和Convert Table widths to Percent是Dreamweaver2新增的两个设置表格宽度的重要功能。当你打开一个带有表格的网页时，在状态栏中点中〈table〉标签，在随后显示出的表格属性工具面板中就能看到这两个按钮了。顾名思义Convert Table widths to Pixels就是将表格中所有单元的宽度以象素表示，而Convert Table widths to Percent是将表格中所有单元的宽度以百分比表示。仔细想想他们的作用，如果将一个表格的宽度全以象素表示，但浏览窗口被放大时，表格就不会随之放大单元格的宽度。而使用了Convert Table widths to Percent后能够使你在640*480分辨率下建立100%宽的表格在更高的分辨率下依旧保持100%的宽度。所以活用这两个功能可以是网页排版事半功倍。

　　2、隐藏不必要的标签

　　当用户在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于用户选择不可见元素。但这并不全是件好事，比如你在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍你的工作。所以当你觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板，在Category中选中Invisibel Elements，在面板的右边将会出现所有的元素标签。只要将讨你厌的元素标签前的勾去掉，以后它就保证不会再出现了。

　　3、调用Style而不致使网页原代码混乱不堪

　　调用Style的方法很多，你可以单击右键选择Custon Style来调用Style规范，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style规范，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我建议尽量使用状态栏中的元素列表来调用Style。还有一个小技巧，如果你要使用一个Style定义某表格单元中的所有文字，只要在〈td〉标签中调用Style就行了，而不需要在一个个定义〈p〉标签。注意这个方法不使用与〈table〉标签，因为在〈table〉标签中用Style定义的文字格式会被Netscape忽略。

[1] [2] 下一页