Fireworks网页切片应用详解(四)

2016-02-19 18:23 3 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Fireworks网页切片应用详解(四),希望可以对大家能有小小的帮助。

【 tulaoshi.com - Fireworks网页切片应用详解(四)[ 】

  六、导出切片

  介绍完了命名原则之后,我们来说一下切片导出的具体步骤:

  第一步:如图12所示打开切片图像。

图12

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  第二步:选择“File”-“Export”,会弹出导出对话框。选择需要保存的文件夹,在文件名中输入文件名称,如图13所示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

   第三步:在切片下拉列表中选择三个选项:

  * Export Slice(导出切片):表示根据切片对象导出多个切片文件
  * None(无):表示不生成切片文件,只是将文件导出为一个图像文件
  * Slice Along Guides(沿引导线切片):表示依据文件中现有切片向导导出切片

   另外,如果我们只希望导出一部分切片,只需要选中所需要导出的切片,右击鼠标在快捷菜单中选择“Export Selected Slice”(导出所选切片)即可。

来源:http://www.tulaoshi.com/n/20160219/1617522.html

延伸阅读
三、为热区添加链接 我们可以利用属性面板,或是利用URL面板为热区添加链接。在选定某个热区之后,我们可以在这两个面板中为该热区设置链接地址和链接属性。 属性面板如图10所示,我们只需要分别在各栏里面添加链接地址、替代标记和链接方式就可以了。现在我们来熟悉URL面板和热区属性面板的使用。 (1)单击“Windows”菜...
最近看到很多朋友对切片有疑虑,所有又写了一个简单的关于切片的教程,希望对大家有所帮助,这个教程主要就是介绍了一下切片的流程,写的不细,需要细致的教程可以看我写的巩义的教程http://bbs.blueidea.com/thread-2682629-1-1.html。 在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局。在导...
标签: Web开发
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像,它导出出现在由切片定义的表格单元格中的 HTML 文本。 如果要快速更新出现在站点中的文本而无须创建新图形,则 HTML 切片很有用。 若要创建 HTML 切片: 绘制切片对象并将其保留为选定状态。 在"属性"检查器中,从"类型"弹...
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像,它导出出现在由切片定义的表格单元格中的 HTML 文本。   如果要快速更新出现在站点中的文本而无须创建新图形,则 HTML 切片很有用。 若要创建 HTML 切片: 绘制切片对象并将其保留为选定状态。 在"属性"检查器中,...
使切片具有简单的交互效果 拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。 具体说来,拖放变换图像方法使您可以确定指针经过一个切片时该切片所发生的变化。最终结果通常称为变换图像。变换图像是在网页浏览器中当指针经过其上方移动时,其外观发生更改的图形。 当选定切片时,一个带有十字的圆圈出现...

经验教程

621

收藏

44
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部