用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按钮就明白了。 |