Fireworks切片实例_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

Fireworks切片实例

作者：闵涛文章来源：闵涛的学习笔记点击数：619 更新时间：2009/4/23 13:15:10

　　见很多网友问用PS和FW切片的问题，整理一实例，希望能对大家有所帮助。
　　下图是我网站的导航条：

　　接下来我们用“切片工具”（红圈内）来进行切图。
　　根据颜色或其他你所想要的情况来进行切割，如下图：

　　切片的好处：一、在网速较慢地情况下，本来要一张大图全部显示后才能看，现在切成众多小图后，速度加快，并且逐一显示；二、可根据每个切图的颜色和复杂情况进行不同的优化，以达到总体文件即保持必要清晰度，又能使文件达到最小，这是在大图时达不到的。

　　将各切片优化后，选择"文件——导出"，在导出对话框中，为文件取名，并请注意导也类型为“HTML和图象”，如图。

　　OK，至此我们已经完成在FW中的工作。打开DW，新建一文件，在“对象面板”中选择“插入 Fireworks HTML”按钮：

　　在弹出的对话框中点击“浏览”，选取刚才导出的HTML文件：

　　你会发现刚才我们所切的图已经完整地在页面中：

　　如果你把图片删除，你会发现这是一个table border="0" cellpadding="0" cellspacing="0"都为0的表格。

　　好了，至此就全部结束。

没有相关教程

教程录入：mintao 责任编辑：mintao

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

鄂公网安备 42011102001154号

闵涛站盟:医药大全-武穴网。A打造B、C、D……