理论教育 DreamweaverCS6中文版教程:图像大小设置

DreamweaverCS6中文版教程:图像大小设置

时间:2023-10-29 理论教育 版权反馈
【摘要】:所谓图像大小的设置,是指调整图像在文档中显示的宽度和高度,而不是指图像文件的存储大小。可以在Dreamweaver的“文档”窗口的“设计”视图中以可视化的形式调整图片的大小,图片的文件大小不发生变化。调整图像大小时,属性检查器的“宽”和“高”域,显示该元素当前的宽度和高度。用鼠标拖动调整图像的大小,执行以下步骤:在“文档”窗口中选择一个图像。图像的底部、右侧及右下角出现调整大小手柄。

DreamweaverCS6中文版教程:图像大小设置

所谓图像大小的设置,是指调整图像在文档中显示的宽度和高度,而不是指图像文件的存储大小。可以在Dreamweaver的“文档”窗口的“设计”视图中以可视化的形式调整图片的大小,图片的文件大小不发生变化。

在Dreamweaver中图像的宽度和高度默认单位为像素(Pixel)。在文档中调整图像的宽度和高度可以通过在图像属性控制面板中设置,也可以直接通过鼠标拖动来改变图像的大小。调整图像大小时,属性检查器的“宽”和“高”域,显示该元素当前的宽度和高度。用鼠标拖动调整图像的大小,执行以下步骤:

(1)在“文档”窗口中选择一个图像。图像的底部、右侧及右下角出现调整大小手柄。如果未出现调整大小手柄,则单击要调整大小的图像以外的部分然后重新选择它,或在标签选择器中单击相应的标签以选择该图像。

(2)执行下列操作调整图像的大小:

➢若要调整图像的宽度,拖动右侧的选择控制点。

➢若要调整图像的高度,拖动底部的选择控制点。

➢若要同时调整图像的宽度和高度,拖动顶角的选择控制点。(www.daowen.com)

➢若要在调整图像尺寸时保持元素的比例(宽高比),在按住Shift键的同时拖动顶角的选择控制点。

以可视方式最小可以将元素大小调整到8×8像素。若要将元素的宽度和高度调整到更小的大小(例如1x1像素),在属性检查器相应的域中输入数值。

默认情况下,宽度和高度约束比例缩放。单击“切换尺寸约束”按钮978-7-111-40982-3-Chapter05-24.jpg,该按钮图标变为978-7-111-40982-3-Chapter05-25.jpg,即可取消约束比例,单独缩放图片的宽度和高度。

若要将已调整大小的元素返回到原始尺寸,在属性检查器中删除“宽”和“高”域中的值,或者单击“重置为原始大小”按钮978-7-111-40982-3-Chapter05-26.jpg

提示:建议只有在以确定布局为目的时才在Dreamweaver CS6中以可视的方式调整位图的大小。确定了理想的图像大小之后,在图像编辑应用程序中编辑该文件。对图像进行编辑还可以减少其文件大小,从而缩短下载时间。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈