Fireworks MX 2004 切图教程
图片格式：.jpg，大小：398KB（太大了点），800×900
第一步：用Fireworks打开图片
第二步：选取工具栏上的切片工具
第三步：用鼠标进行框选，框选范围可以在左下方的属性栏内进行细微调整
第四步：重复上述动作直到下图这样，当然框的大小随便你
第五步：鼠标左键选中其中一个切片，点击右键，弹出如下菜单
第六步：选择“导出所选切片”后，弹出如下对话框
点击“保存”后就将选中的切片导出成一张图片了
第七步：导出多张图片
方法：选中一个切片，按住键盘上的“Shift”点击其他切片，将选择多张切片
然后在其中一张切片上点击右键，在弹出菜单中选择“导出所选切片”，将导出你所选择的切片，你选了几个切片就会导出几张图片。
第八步：导出所有切片
选择“文件”－>“导出”，方法如上图，选择后将弹出下图的对话框
第九步：导出HTML和图像
在“保存类型”中选择“HTML 和图像”，点击保存，将自动生成一个HTML文件及相关图片
如下图：
其中“meimei.htm”中代码如下（由Fireworks自动生成）：
<html>
<head>
<title>meimei.jpg</title>
<meta http-equiv="Content-Type" content="text/html;">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Thu Jul 29 16:29:16 GMT+0800 2004-->
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="未命名" fwbase="meimei.jpg" fwstyle="Dreamweaver" fwdocid = "187875432" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="394" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="406" height="1" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><img name="meimei_r1_c1" src="meimei_r1_c1.jpg" width="800" height="300" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="300" border="0" alt=""></td>
</tr>
<tr>
<td><img name="meimei_r2_c1" src="meimei_r2_c1.jpg" width="394" height="300" border="0" alt=""></td>
<td><img name="meimei_r2_c2" src="meimei_r2_c2.jpg" width="406" height="300" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="300" border="0" alt=""></td>
</tr>
<tr>
<td colspan="2"><img name="meimei_r3_c1" src="meimei_r3_c1.jpg" width="800" height="300" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="300" border="0" alt=""></td>
</tr>
</table>
</body>
</html>
|
本类阅读TOP10