改变图像和其他元素的尺寸

你可以载文档窗视觉化地重新设置元素的尺寸,如图像,插件,Shockwave 或 Flash 影像,applets,和 ActiveX 控件。视觉化的操作可以帮助你确定不同尺寸的元素对网页布局的影响。

Resizing 会重新设置元素的 WIDTHHEIGHT 属性。在属性面板上的 W 和 H 域中会将你要重新进行设置的元素当前的宽度和高度显示出来。元素的文件尺寸大小保持不变。

Flash 影像以及其他的矢量元素在你重新设置其尺寸的时候不会造成质量上的损失。

对于位图元素,如 GIF,JPEG 和 PNG 图像,如果你重新设置其 WIDTHHEIGHT 属性的话,可能会造成像素损失或者被扭曲。要想保持同样的宽高比,你可以在按住 Shift 键的同时修改位图尺寸。但是,我们建议你还是在 Dreamweaver 中采取视觉化的修改方式,这样可以确定一个良好的布局。一旦你确定了图像理想的尺寸,就可以在图像编辑程序中对图像文件进行编辑了。对图像的编辑也可以减小文件尺寸,进而减少下载时间。

如何修改元素尺寸:

1 在文档窗选取元素(例如,图像或 Shockwave 影像)。
修改柄会出现在被修改元素的底部和右边以及右下角。如果修改柄没有出现,你可以先点击一下要修改的元素的旁边的区域然后再重新选取元素,或者点击标签选取器上的 <img> 选取元素。
2 修改元素大小,执行下列操作之一:
调整元素的宽度,拖动右边的选项把柄。
调整元素的高度,拖动底部的选项把柄。
同时调整元素的高度和宽度,拖动角部的选项把柄。
要想在调整元素尺寸时保持其宽高比不变,可以按住 Shift 键拖动角部把柄。

在视觉化修改的情况下,元素最小可以被调整到 6 x 6 个像素。如果要将元素调整到更小的尺寸(如 1 x 1 pixel),就要使用属性面板,直接在上边输入调整值。

那么如何将被修改了尺寸的元素恢复到它原来的尺寸呢?很简单,在属性面板上点击 W 和 H 标签就可以了。