Fireworks4热点和切片(上)

Fireworks4热点和切片(上)的相关文章

• 
  Fireworks4的热点和切片

  Fireworks4的热点和切片 热点（hotspots ）和切片（slices ）是用来创建图像交互效果的重要工具，热点和切片被称为web对象，也就是说，它们不是图像而是一段html代码，在层面板上的Web Layer ，你可以查看，选择和重命名热点和切片。 热点和影象地图 在网页设计中热点（hotspots ）和影象地图（image maps ）被广泛的使用，热点是图像上带有超级链接的一块区域，同一副图上可以有几个热点...[ 查看全文 ]

  sos5003

  01
• 
  Fireworks4热点和切片(下)

        添加链接： 1，打开object 面板 2，在link框内添入链接地址 3，在alt 框内可输入替代图象的文字，在图象下载的过程中这些文字会显现出来 给切片加上链接的方式也是一样的 切片 切片可以将一副大的图片分割开来，这样可以减低图象的大小，并且能创造交互的效果，如翻转图象等，还能将图象的一些区域用html来代替。 创建规...[ 查看全文 ]

  隔壁村老王_

  101
• 
  Fireworks4做一个按钮(上)

      画一个矩形 首先我们要在辅助线的帮助下，画一个矩形。 1，从菜单上将View Guides的Show Guides和Snap to Guides 选上，这样就可以显示辅助线并且确保对齐到辅助线(Guids)。 2，单击工具条上的矩形工具(Rectangle tool)。     3，将矩形工具(Rectangle tool)指针贴近辅助线(Guides)矩形区域的一个角，按下鼠标并拖动到对角上。 ...[ 查看全文 ]

  市北北市

  31
• 
  Fireworks4图像优化

  Fireworks4图像优化 使用Optimize （优化）面板 Optimize （优化）面板可以很方便的在工作区内进行图像优化，并且同时看到优化后的效果，在Optimize （优化）面板上预先设置了几种优化设定可供选择，你也可以按照自己的需要进行设定。 切片优化 你可以对分割的图像的每一个切片进行不同的优化设定，比如你可以将图像上色彩丰富的部分设置为jpeg格式，色彩单一的部分设置为gif格...[ 查看全文 ]

  Xiao陌双鱼

  41
• 
  Fireworks4的输出

  Fireworks4的输出 输出图像 当图像优化完成以后，就可以输出了 1，选择File - Export to 可以直接进行输出 2，选择Images Only只输出图像 3，选择html and images可输出图像和html文件 输出一个区域的图像 1，选择工具条上的输出区域工具 ，在图上画出需要输出的区域范围 2，双击输出区域，会跳出输出预览窗口，在输出预览窗口内可以调整图像输出的设置 ...[ 查看全文 ]

  ququ_61

  21
• 
  Fireworks4图象优化

      使用Optimize(优化)面板 Optimize(优化)面板可以很方便的在工作区内进行图象优化，并且同时看到优化后的效果，在Optimize(优化)面板上预先设置了几种优化设定可供选择，你也可以按照自己的需要进行设定。 切片优化 你可以对分割的图象的每一个切片进行不同的优化设定，比如你可以将图象上色彩丰富的部分设置为jpeg格式，色彩单一的部分设置为gif格式。 ...[ 查看全文 ]

  起enjoy

  11
• 
  Fireworks4查找替换颜色

      1，打开一个文件 2，打开查找替换(Finding and replacing)面板 3,在查找替换(Finding and replacing)面板上面的下拉菜单上选择search document 4,在下一个下拉菜单内选择find color 5，指定find的颜色，将鼠标移到文件窗口，在红色区域上点击，然后在change to内指定要替换成的颜色，比如绿色。 6，在apply下拉菜单中选择f...[ 查看全文 ]

  美好旅行之忆

  761
• 
  Fireworks4的自动操作

  Fireworks4的自动操作 录制command 你可以使用history（历史）面板来建立command ，在下次要执行相同的操作时可以使用command来自动操作可以大大提高工作效率。 1，建立一个新文件 2，在层面板上建立一个新层 3，用文字工具输入draft 4，选择window菜单上的history打开历史面板 5，你可以看到刚才的操作都被记录在历史面板上了 6，将两条记录全部选中，点击...[ 查看全文 ]

  北京收驾照

  01
• 
  用Fireworks4创建图像翻转

  用Fireworks4创建图像翻转 除了创建按钮之外，Fireworks 还可以让您轻松的创建一个奇异的 Javascript 翻转效果。例如，当鼠标指针滑过一个按钮，除了改变这个按钮的显示状态，您还可以让它改变在这一页中的其他区域的显示，在 Fireworks 中，这种翻转效果被称作不相交翻转( disjoint rollover)。 加入引发翻转的图像 1，打开图像 2，选择菜单上的Insert Slice，给图像加上切片 ...[ 查看全文 ]

  sunyunlongzz

  41
• 
  Fireworks4做一个按钮(下)

      要创建一个JavaScript 按钮 ，必须先将物件转化为Symbols(符号),fireworks中的(符号)是存储在文档的库(Library)中可以重复利用的元素。 转化为Symbols(符号) 1,选定这个矩形区域,从菜单中选择 Insert Convert to Symbol. 2,在Name(名称)一栏中填入 MyButton 。 3,选择按钮(Button)选项，然后单击“ok”。 现在你可以看到，这个按钮被一层绿色所...[ 查看全文 ]

  胖丸子1

  601
• 
  FW MX 2004教程(10)-切片与热点(上)

  在Fireworks中，为图像设置链接区域是靠“切片”或“热点”工具来完成，因此“切片”或“热点”区域又被称为链接区域。它们不是以图像的形式存在，而是在图像导出成网页格式后，以HTML代码的形式出现。 1、切片与热点 网页层：所有的“切片”和“热点”区域都被保存在“层”面板中的“网页层”内，以划分它们与图像层的区别。但同时也可以像对待图像层那样对网页层进行例如重命名、选择、删除...[ 查看全文 ]

  懵懵的小怪兽

  31
• 
  Fireworks网页切片应用详解(三)

  五、命名切片 在Fireworks中命名切片有如下三种方式：自动命名切片文件、自定义命名切片文件和更改默认的自动命名惯例。 1. 自动命名切片文件 如果用户没有在属性面板或层面板中输入切片名称，则Fireworks 会为切片自动命名。自动命名将根据默认的命名惯例自动为每个切片文件指定一个唯一的名称。在导出经过切片的图像时，于“Export”对话框的“文件名”文本框中输入一个名称。注意不...[ 查看全文 ]

  小猛free

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

  六、导出切片 介绍完了命名原则之后，我们来说一下切片导出的具体步骤： 第一步：如图12所示打开切片图像。 图12 第二步：选择“File”-“Export”，会弹出导出对话框。选择需要保存的文件夹，在文件名中输入文件名称，如图13所示。 第三步：在切片下拉列表中选择三个选项： * Export Slice（导出切片）：表示根据切片对象导出多个切片文件 * None（无）：表示...[ 查看全文 ]

  wangxiaolu235

  11
• 
  Fireworks网页切片应用详解(一)

  我们这里所说的切片（Slice）就是将一幅大图像分割为一些小的图像切片，然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来，成为一幅完整的图像。这样做可以减低图像的大小，减少网页的下载时间，并且能创造交互的效果，如翻转图像等，还能将图像的一些区域用HTML来代替。Fireworks在网页切片制作方面有很强的优势，今天我们就来仔细看看Fireworks网页切片全攻略。 一、...[ 查看全文 ]

  来挑战09

  21
• 
  如何在 Fireworks 8中创建HTML切片

  创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像，它导出出现在由切片定义的表格单元格中的 HTML 文本。   如果要快速更新出现在站点中的文本而无须创建新图形，则 HTML 切片很有用。 若要创建 HTML 切片： 绘制切片对象并将其保留为选定状态。 在"属性"检查器中，从"类型"弹出菜单中选择"HTML"。 单击"编辑"。 在"...[ 查看全文 ]

  穰东婚车出租

  71
• 
  Fireworks使切片具有简单的交互效果

  使切片具有简单的交互效果 拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。 具体说来，拖放变换图像方法使您可以确定指针经过一个切片时该切片所发生的变化。最终结果通常称为变换图像。变换图像是在网页浏览器中当指针经过其上方移动时，其外观发生更改的图形。 当选定切片时，一个带有十字的圆圈出现在切片的中央。这称为行为手柄。 通过从触发切片拖动行...[ 查看全文 ]

  泛泛之无名悲

  11
• 
  Fireworks CS3基础教程：切片和优化功能的运用

  最近看到很多朋友对网页设计稿切成网页的操作有一些疑虑，所有又写了一个简单的关于切片的教程，希望对大家有所帮助，这个教程主要就是介绍了一下切片的流程，写得不细，大家参考一下 在Fireworks或者是PhotoShop中设计好的网页效果图，需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前，可以使用Fireworks对效果图进行切片和优化，然后才能够把优化好的切片输出到Dreamweaver的站点中进行布...[ 查看全文 ]

  白凯3

  21
• 
  Fireworks CS3切片工具的使用

  最近看到很多朋友对切片有疑虑，所有又写了一个简单的关于切片的教程，希望对大家有所帮助，这个教程主要就是介绍了一下切片的流程，写的不细，需要细致的教程可以看我写的巩义的教程http://bbs.blueidea.com/thread-2682629-1-1.html。 在Fireworks或者是PhotoShop中设计好的网页效果图，需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前，可以使用Fireworks对效果图进行切片和优化...[ 查看全文 ]

  颊俨撕铰谑

  321
• 
  FW MX 2004教程(10)-切片与热点(下)

  同样的，在“热点”区域的中心位置上也有个控制手柄，点击右键即可弹出相关行为，如图10—09。 图10—09 为 “切片”或“热点”所添加的全部指令都保存在“行为”面板中。同时，点击“行为”面板上的“添加”   或“删除”  按钮也可以为切片、热点添加或删除相关的行为指令，如图10—10。 图10—10 [ 查看全文 ]

  Magnoliai

  41
• 
  如何在 Fireworks 8 中创建非矩形切片

  创建非矩形切片 当试图将交互性附加到非矩形图像时，矩形切片可能无法满足需要。例如，如果打算将变换图像行为附加到切片，而切片对象互相重叠或者形状不规则，则矩形切片可能会与交换图像交换出非您所要的背景图形。Fireworks 解决此问题的方法是：允许您使用"多边形切片"工具绘制任何多边形形状的切片。   您也可以在矢量路径的顶部插入切片，以便创建不规则的切片形状。 若要...[ 查看全文 ]

  轻点妹妹

  51