理论教育 DreamweaverCS6教程:图像属性调整技巧

DreamweaverCS6教程:图像属性调整技巧

时间:2023-10-29 理论教育 版权反馈
【摘要】:将图像插入文档中后,Dreamweaver CS6会自动按照图像的大小显示,但往往还要对图像的一些属性进行具体调整,如大小、位置、对齐等。选中一个图像之后,文档窗口的下方会出现图像属性控制面板,如图5-4所示。

DreamweaverCS6教程:图像属性调整技巧

将图像插入文档中后,Dreamweaver CS6会自动按照图像的大小显示,但往往还要对图像的一些属性进行具体调整,如大小、位置、对齐等。这就要通过图像属性控制面板实现。选中一个图像之后,文档窗口的下方会出现图像属性控制面板,如图5-4所示。

978-7-111-40982-3-Chapter05-15.jpg

图5-4 图像的属性设置面板

该图像属性设置面板的各个参数介绍如下:

➢“ID”:文本框中输入图像的名称,以后就可以使用脚本语言(如JavaScript、VBScript)引用它。

➢“宽”:用于设置图像的宽度。

➢“高”:用于设置图像的高度。

当图片被调整大小后,“宽”和“高”右侧会出现两个按钮。单击“重置为原始大小”按钮978-7-111-40982-3-Chapter05-16.jpg,可以取消修改图片尺寸。单击“提交图像大小”按钮978-7-111-40982-3-Chapter05-17.jpg,则修改图片尺寸。

➢“源文件”:用于设置图像源文件的名称。

➢“链接”:用于设置图像链接的网页文件的地址

➢“替换”:用于设置图像的说明性内容,可以作为图像的设计提示文本。

➢“类”:用于设置应用到图像的CSS样式的名字。(www.daowen.com)

“地图”及下面的4个按钮:用于制作映射图,详细内容会在本章的5.1.8节中介绍。

➢“目标”:用于设置图像打开的链接文件显示的位置,有4个选项,其意义分别如下:_blank表示打开一个新的窗口显示链接文件;_parent表示使用包含超级链接的父窗口显示链接的文件;_self表示使用超级链接所在的窗口或框架显示链接文件,该项是默认值;_top表示将链接的文件显示在整个浏览器窗口中,而不是所有框架。

➢“原始”:用于设置一幅显示在该图像前面的代表图像,用来快速显示主图像的内容。大部分设计者在该处喜欢设置一幅与主图像内容一样的黑白图像或小图像,这样用户在浏览时可以快速了解图像的信息。

978-7-111-40982-3-Chapter05-18.jpg:用于打开图像处理软件,处理当前选中的图像。

978-7-111-40982-3-Chapter05-19.jpg:用于打开“图像优化”预览对话框,并优化图像。

978-7-111-40982-3-Chapter05-20.jpg:用于修剪图片,删去图片中不需要的部分。

978-7-111-40982-3-Chapter05-21.jpg:当调整图片大小后此按钮可用。用于往调整大小后的图片里增加或减少像素以提高图片质量。

978-7-111-40982-3-Chapter05-22.jpg:用于改变图片亮度和对比度

978-7-111-40982-3-Chapter05-23.jpg:用于改变图片内部边缘对比度。

注意:

Dreamweaver图像编辑功能仅适用于JPEG和GIF图像文件格式。其他位图图像文件格式不能使用这些图像编辑功能编辑。

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

我要反馈