第八节 插入图象

为了不影响网页的下载速度，图象要用得少而精，能不要的尽量不要，必须要的图象应使用图象软件在不失真的情况下尽量压缩。

浏览器能识别的图象有jpg（也可叫jpeg）、gif、png和bmp等，Dreamweaver能较好支持的有jpg、gif和png三种。目前网上用的最多的是jpg和gif，因这两种格式文件体积较小。Gif格式的图象用工具处理后能去掉本身的背景，而很好的和页面融合，还能做成动画。

要用Dreamweaver插入图象，可点击Objects面板的 按钮，或者点击菜单栏的Insert\Image，也可直接用快捷键Ctrl+Alt+I。这时会弹出一个对话框。选择一个图像文件，点击OK即可。然后选中这个图象后，这时的Properties面板如图。

（展开后的图象Properties面板）

W和H是图象的宽度和高度。插入图象后，Dreamweaver会自动给出图象的原本宽度和高度。这时可调整图象的宽度和高度，以放大或缩小图象的显示尺寸。
但应注意的是，改变的只是图象用浏览器显示的尺寸，图象本身的尺寸并没有任何变化。因此，不要指望用Deanweaver缩小图象尺寸，来提高页面下载速度。

Src后是你这个图象的地址，可填入另一图象的地址，以替换掉这个图象。
Align后选框是图象与文本的相互对齐方式，其后的下拉选框有十个选项Browser Default、Baseline、Top、Middle、Bottom、Text Top、 Absolute Middle、 Absolute Bottom、Left和Right。
Baseline和Bottom是图象底部和文本的底行下对齐。Absolute Bottom是图象底部和文本的最底线完全对齐。
Top是图象顶部和文本的顶线完全对齐。Text Top是图象顶部和文本顶线对齐。
Middle是图象中央和文本底线对齐。Absolute Middle是图象中央和文本的正中间对齐。
Left是图象在左，文本在右；Right则反之。
另外，Properties面板下部还有三个图象按钮，是定义图象在页面中的对齐方式。是左对齐， 是居中对齐， 是右对齐。效果和文本在页面中的对齐一样，在此不多讲。
在Properties面板的Alt后，可填进说明文字。当别人访问你的页面，在图象显示之前，图象位置将显示你填的这些文字。这样在图象没显示出来之前，别人就能知道图像所要说明的内容。你也可在Low Src后填入另一个图象的路径，这个图象一般为原图的低品质替换图。在原图没显示出来之前就先显示这副，让别人能迅速大体了解图象的内容。
V space是图象左边和其左方其它页面元素，及图象右边和其右方其它页面元素的距离。H space是图象顶部和其上方其它页面元素，及图象底部和其下方其它页面元素的距离。
Border后可填入图象边框的宽度。一般可不填，即不设边框。

Properties面板上还有Link、Map和Target，这三者和超级链接有关，超级链接一节中讲述。

　

 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇：第七节 插入水平线、时间和特殊字符   下一篇：第九节 与Fireworks的集成

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论】