荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: hawkwolves (十一狼), 信区: Homepage
标 题: Dreamweaver使用技巧六则
发信站: BBS 荔园晨风站 (Tue Jan 9 02:29:19 2001), 转信
用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"是将表格中所
有单元岛竽芄皇鼓阍?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〉标
签。注意账疾辉敢庾约盒列量嗫嘧龅耐吃诓煌? 的分辨
率下面目全非吧，所以测试网页在不同分辨率下的浏览效果是网页 制作中很重要
的一步。而Dreamweaver2让拥护十分轻松地实现测试，还记 得第二部分中对状态
拦的介绍吗？对就是选择状态栏中间的数字可以调节 窗口大小了，这招一定? 用户只要将
网站地图内相关的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按钮就 明白了。
摘自E-NET学院
--
┏━┳━┳━┳━┳━┳━┳━┳━┓
┃当┃你┃你┃你┃去┃我┃我┃我┃ My e-mail: 11_wolf@163.net
┃了┃跟┃也┃没┃做┃手┃要┃不┃ My oicq: 40356
┃小┃在┃没┃有┃老┃敲┃把┃再┃
┃尼┃身┃有┃讲┃和┃木┃你┃烦┃
┃姑┃后┃哭┃话┃尚┃鱼┃忘┃恼┃
※ 来源:·BBS 荔园晨风站 bbs.szu.edu.cn·[FROM: 202.96.151.222]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店