30. 去掉图片和表格接触地方的空隙

　　要使图片和表格接触的地方不留空隙，仅在表格属性面板上把外框线（border）设为0是不行的，还需要在表格的属性面板上把单元格的两个属性设为0（即cellspacing="0"和cellpadding="0"）。

　　31. 用TracingImage帮助定位网页中各元素的位置

　　TracingImage是Dreamweaver一个非常有效的功能，它允许用户在网页中将原来的图案设计作为辅助的背景。这么一来，用户就可以非常方便地定位文字、图像、表格、层等网页元素在该页面中的位置了。TracingImage的具体使用是这样的：首先使用各种绘图软件作出一个想象中的网页排版格局图，然后将此图保存为网络图像格式（包括gif、jpg、jpeg和png）。用Dreamweaver打开你所编辑的网页，在页面的空白区单击右键，选择“Page Properties...”，然后在弹出的对话框中的Tracing Image项中输入刚才创建的网页排版格局图所在位置。再在Image Transparen中设定TracingImage的透明度，OK。这样你就可以在当前网页中方便地定位各个网页元素的位置了。使用了TracingImage的网页在用Dreamweaver编辑时不会再显示背景图案，但当使用浏览器浏览时正好相反，TracingImage不见了，所见的就是经过编辑的网页（当然能够显示背景图案）。

　　32. 关于“Convert Table widths to Pixels”和“Convert Table widths to Percent”

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

　　33. 调用Style而不致使网页原代码混乱不堪

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

　　34. 使用定制窗口功能测试网页在不同分辨率下的效果

　　谁都不希望看见自己辛辛苦苦做的网页在不同的分辨率下面目全非，所以测试网页在不同分辨率下的浏览效果是网页制作中很重要的一步。我们可以在Dreamweaver的操作界面中的状态栏中间，选择需要的分辨率来调节窗口大小，从而实现在不同分辨率下测试网页效果。

上一页  [1] [2] [3] 下一页