DREAMWEAVER使用技巧六则
类别: HTML、CSS教程
用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按钮就 明白了。
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按钮就 明白了。
- 上一篇: 怎样使用网页JS提交发信给我
- 下一篇: 如何设计一个成功网站
-= 资 源 教 程 =-
文 章 搜 索