首页 理论教育IllustratorCS6设置切片选项

IllustratorCS6设置切片选项

【摘要】:在画板上选择切片后,执行“对象”→“切片”→“切片选项”命令;或用切片选择工具双击“存储为Web和设备所用格式”对话框中的切片,可以打开“切片选项”对话框。在“切片选项”对话框中可以选择切片类型并设置对应的选项。图12-12 “无图像”类型选项图12-13 “HTML文本”类型选项

Illustrator CS6文档中的切片与生成的网页中的表格单元格相对应。默认情况下,切片区域可导出为包含于表格单元格中的图像文件。切片的选项用来决定切片内容如何在生成的网页中显示和发挥作用。

按切片内容来分,可以分为“无图像”切片、“图像”切片和“HTML文本”切片。在切片的编号旁边的标签上可以显示切片类型,如图12-10所示(A:“无图像”切片、B:“图像”切片、C:“HTML文本”切片)。

在画板上选择切片后,执行“对象”→“切片”→“切片选项”命令;或用切片选择工具978-7-111-40934-2-Chapter12-13.jpg双击“存储为Web和设备所用格式”对话框中的切片,可以打开“切片选项”对话框。

在“切片选项”对话框中可以选择切片类型并设置对应的选项。如果希望切片区域在生成的网页中为图像文件,则选择“图像”切片类型,“图像”类型选项如图12-11所示。

978-7-111-40934-2-Chapter12-14.jpg

图12-10 不同的切片类型

978-7-111-40934-2-Chapter12-15.jpg

图12-11 “切片选项”对话框(www.chuimin.cn)

在“名称”选项中可为图像命名;如果希望图像带有HTML链接,可以在“URL”文本框中输入链接地址,并在“目标”下拉列表中选择链接的目标框架。另外,还可以设置当鼠标位于图像上时浏览器的状态栏中所显示的信息和未显示图像时所显示的替代文本,以及表单元格的背景颜色。

如果希望在生成的网页中包含HTML文本和背景颜色,则选择“无图像”切片类型,“无图像”类型选项如图12-12所示。在“在单元格中显示的文本”选项文本框中可以输入需要在网页中显示的文本,选择“文本是HTML”复选框可以将输入的文本设置为HTML格式。另外,还可以设置“水平”和“垂直”选项,更改表格单元格中文本的对齐方式。

如果希望将Illustrator文本转换为HTML文本,则选择“HTML文本”切片类型,“HTML文本”类型选项如图12-13所示。然而,只有通过选择文本对象并执行“对象”→“切片”→“建立”命令来创建切片后,此类型才可用。设置该类型的切片,可以通过生成的网页中基本的格式属性将Illustrator CS6文本转换为HTML文本。如果要编辑文本,可以直接更新图稿中的文本。

978-7-111-40934-2-Chapter12-16.jpg

图12-12 “无图像”类型选项

978-7-111-40934-2-Chapter12-17.jpg

图12-13 “HTML文本”类型选项