dreamweaer使用技巧六则

　用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%的宽度。所以活用这两个功能能够是网页排版事半功倍。

　　

　　隐藏不必要的标签

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

　　

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

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

　　

　　使用定制窗口功能测试网页

　　在不同分辨率下的效果我想谁都不愿意自己辛辛苦苦做的网页在不同的分辨率下面目全非吧，所以测试网页在不同分辨率下的浏览效果是网页制作中很重要的一步。而Dreamweaver2让拥护十分轻松地实现测试，还记得第二部分中对状态拦的介绍吗？对就是选择状态栏中间的数字能够调节窗口大小了，这招一定要勤用哦。

　　

　　上传网站时无需使用第三方FTP软件

　　Macromedia的研发人员真是想的周到，不但在Dreamweaver2的Site模块中融入了FTP功能，而且这个FTP功能完万能够说是为网站上传而度身定制的！我们能够做一个简单的比较，当您使用一般的FTP软件上传网站时，是不是都按本地机上的网站目录在服务器中新建目录，然后再一个个文档上传。这种做法实在没错，但由于本地机中的网站目录中并不是每个文档都被网页调用（比如在建网页时留下的备分文档），所以筛选文档的繁重工作量只有拥护自己知道。但使用Dreamweaver2的Site上传网页就能够方便得多，由于Site中的FTP功能在幕后为拥护进行了许多必要的工作，所以用户只要将网站地图内相关的HTML文档上传Dreamweaver就会自动将和此HTML文档相关的所以其他本地文档一并上传（如图象、ZIP文档、FLASH文档甚至是各种REAL文档）。使用Dreamweaver2内带的FTP功能的具体做法是：编辑已定义过的SITE，在“Site Definition for...”面板中选择“Web Server Info”。假如网页是通过FTP方式上传的话，将“Server Access”设为FTP，在FTP Host中添入FTP服务器的地址，在Host Directory中添入远程登入目录，在Login中添入用户名，在添好Password，OK。经过了以上的设定，就能够在Site面板中按Connect按钮，当Dreamweaver成功连入服务器后，Connect按钮会自动变为Disconnect，并且在一旁亮起一个小绿灯。接着要做的事就是在要上传的HTML文档上单击右键，选择“Put”即可。当此HTML文档上传成功后，状态条中将显示Put Depanding File,说明Dreamweaver正在上传这个HTML文档所调用的其他本地文档。不但如此，Dreamweaver还能够直接下载服务器上的文档进行修改，方法么，只要使试试Put旁的Get按钮就明白了。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有