王佩 - 2008-4-14 10:15:58
[size=5] 切片的创建及保存[/size]
[table=98%] [tr] [td=1,1,34%]10.1 创建切片[/td] [td=1,1,29%] [/td] [td=1,1,36%] [align=right][url=http://211.100.7.175/teaching/fireworks/tf10.htm#0]
[/url][/align][/td][/tr][/table]
一.创建切片方法:
1) 选择矩形切片工具
或多边形切片工具
2) 在对象上拖拽一定区域,形成切片.切片辅助线自动出现.
[list] [*]调整切片的位置：按住鼠标键，然后将切片拖动到画布上的另一个位置。[*]调整切片大小：拖动切片引导线以调整切片大小。[/list] 二.显示和隐藏切片
方法：在"工具"面板的"Web"工具部分中按下显示切片按钮
,则当前文档显示切片。
在"工具"面板的"Web"工具部分中按下隐藏切片按钮
,当前文档则不显示切片。
练习10-1：
在fireworks中设计网页图片与布局或者打开一个网页模板，使用切片工具对网页中的图片创建切片
[table=98%] [tr] [td=1,1,1%][/td] [td=1,1,40%]10.2 编辑切片[/td] [td=1,1,23%] [/td] [td=1,1,36%] [align=right][url=http://211.100.7.175/teaching/fireworks/tf10.htm#0][/url][/align][/td][/tr][/table]
一. 调整切片大小
[list=1] [*]将"指针"或"部分选定"工具放在切片引导线上。指针变为引导线移动指针。[*]将切片引导线拖动到所需位置。[/list] 二.命名切片
Fireworks 在导出时自动对每个切片文件进行命名。可以接受默认的命名惯例、也可以为每个切片输入一个自定义名称。方法：
１.在画布上选择切片，
2. 在"属性"检查器的"对象名称"框中输入一个名称，然后按 Enter 键。
三.优化切片
可设置导出后的图象切片为jpeg格式或gif格式建议：对于颜色数少的图形导出为Gif格式；对于颜色数多的照片、渐变色图象等导出为jpeg格式；对于动画设置为Gif动画格式.
方法：
1. 在画布上选择切片
２.在"属性"检查器的"类型"框下选择输出图象的格式，然后按 Enter 键。
练习10-2：
1) 对切片大小与位置进行调整
2) 对所有的切片命名并设置适当的图像格式
[table=98%] [tr] [td=1,1,1%][/td] [td=1,1,40%]10.3 导出切片[/td] [td=1,1,23%] [/td] [td=1,1,36%] [align=right][url=http://211.100.7.175/teaching/fireworks/tf10.htm#0][/url][/align][/td][/tr][/table]
导出包含切片的 Fireworks 文档为html网页：
[list=1] [*]选择"文件">"导出"。[*]导航到在硬盘上所需的文件夹。[*]从"保存类型"弹出菜单中选择"HTML 和图像"。[*]在"文件名"框中键入文件名。[*]从"HTML"弹出菜单中选择"导出 HTML 文件"。[*]从"切片"弹出菜单中选择"导出切片"。[*]可选.选择"将图像放入子文件夹"。[*]单击"保存"。Fireworks 导出的文件出现在硬盘上指定的文件夹中。[/list]
我们实际操作的时候如果按这种保存方法的话,必须要对选项里的内容进行选择,,如果只选择"仅已选切片"勾掉"包括无切片区域""将图像放入子文件夹"就不须在对"选项"进行选择了
[table=98%] [tr] [td=1,1,34%]10.1 创建切片[/td] [td=1,1,29%] [/td] [td=1,1,36%] [align=right][url=http://211.100.7.175/teaching/fireworks/tf10.htm#0]
[/url][/align][/td][/tr][/table]一.创建切片方法:
1) 选择矩形切片工具
或多边形切片工具2) 在对象上拖拽一定区域,形成切片.切片辅助线自动出现.
[list] [*]调整切片的位置：按住鼠标键，然后将切片拖动到画布上的另一个位置。[*]调整切片大小：拖动切片引导线以调整切片大小。[/list] 二.显示和隐藏切片
方法：在"工具"面板的"Web"工具部分中按下显示切片按钮
,则当前文档显示切片。在"工具"面板的"Web"工具部分中按下隐藏切片按钮
,当前文档则不显示切片。 练习10-1：
在fireworks中设计网页图片与布局或者打开一个网页模板，使用切片工具对网页中的图片创建切片
[table=98%] [tr] [td=1,1,1%][/td] [td=1,1,40%]10.2 编辑切片[/td] [td=1,1,23%] [/td] [td=1,1,36%] [align=right][url=http://211.100.7.175/teaching/fireworks/tf10.htm#0]
[/url][/align][/td][/tr][/table]一. 调整切片大小
[list=1] [*]将"指针"或"部分选定"工具放在切片引导线上。指针变为引导线移动指针。[*]将切片引导线拖动到所需位置。[/list] 二.命名切片
Fireworks 在导出时自动对每个切片文件进行命名。可以接受默认的命名惯例、也可以为每个切片输入一个自定义名称。方法：
１.在画布上选择切片，
2. 在"属性"检查器的"对象名称"框中输入一个名称，然后按 Enter 键。
三.优化切片
可设置导出后的图象切片为jpeg格式或gif格式建议：对于颜色数少的图形导出为Gif格式；对于颜色数多的照片、渐变色图象等导出为jpeg格式；对于动画设置为Gif动画格式.
方法：
1. 在画布上选择切片
２.在"属性"检查器的"类型"框下选择输出图象的格式，然后按 Enter 键。
练习10-2：
1) 对切片大小与位置进行调整
2) 对所有的切片命名并设置适当的图像格式
[table=98%] [tr] [td=1,1,1%][/td] [td=1,1,40%]10.3 导出切片[/td] [td=1,1,23%] [/td] [td=1,1,36%] [align=right][url=http://211.100.7.175/teaching/fireworks/tf10.htm#0]
[/url][/align][/td][/tr][/table]导出包含切片的 Fireworks 文档为html网页：
[list=1] [*]选择"文件">"导出"。[*]导航到在硬盘上所需的文件夹。[*]从"保存类型"弹出菜单中选择"HTML 和图像"。[*]在"文件名"框中键入文件名。[*]从"HTML"弹出菜单中选择"导出 HTML 文件"。[*]从"切片"弹出菜单中选择"导出切片"。[*]可选.选择"将图像放入子文件夹"。[*]单击"保存"。Fireworks 导出的文件出现在硬盘上指定的文件夹中。[/list]
我们实际操作的时候如果按这种保存方法的话,必须要对选项里的内容进行选择,,如果只选择"仅已选切片"勾掉"包括无切片区域""将图像放入子文件夹"就不须在对"选项"进行选择了