axure热区使用步骤 fireworks怎样使用热区和切割

热区和切割都是fireworks里面的功能,掌握好了可以方便我们对图形的处理。fireworks怎样使用热区和切割呢?下面小编给大家整理了更多关于fireworks使用热区和切割的方法,希望大家喜欢。

fireworks使用热区和切割的方法步骤:

热区(Hotspots)就是当一张图片包含数个超链接时用于指定哪部分区域指向哪个超链接地址的对象,在标准的HTML语言中用标签表示。

切割(Slices)是Fireworks最先提出来的概念,以前当网络速度不很理想而图片又稍大时,设计师通常把一张大图片分成小图片放在表格中,使得图片的显示速度加快,但是这项工作费时费力,于是Fireworks提供了可视化进行切割图片的工具,大大减少了设计师们重复劳动的工作。

热区和切割最后会被输出成标准的HTML代码,你只要将这些代码插入到页面相应的位置就可以了。我们应该很容易找到热区和切割在工具栏中的位置,并且看到他们的扩展工具,入图:

我们先来看热区工具,热区工具中包含3个工具,分别用来建立矩形、圆形和不规则形状的热区,就象使用其他绘图工具一样使用他们就可以建立任何形状的热区。

如果这些工具不能满足你对热区形状精确控制的要求,那么我们还有其他的方法。例如我们要建立一个星型的热区,我们可以这样做:首先,在画板上绘制一个预想中的星型,使用多边型工具(Polygon Tool)应该非常容易做到这一点,然后选择Insert->Hotspot,Fireworks就会根据这个多边形的路径创建一个形状和大小相同的热区(注意:Fireworks是新创建了一个热区对象,而不是转换这个路径,因此原来的多边形仍旧存在),完成之后就可以把一开始的那个多边形删除掉了。

如果现在我们用节点工具(Subselection Tool)拖动热区上的某个节点,可以看到热区依然保持着很好的可编辑性!!!

现在我们要为热区添加和超链接有关的HTML特性。打开Object面版(Window->Object),可以看到相关的参数。其中包括链接的URL地址,alt的文字,以及打开链接的方式(Target),在最后的shape菜单里我们还可以将热区在最基本的3种形状之间互相转换。

完成了这些之后就可以用File->Export输出HTML格式的代码了。下面就是输出后的结果,试着用右键单击矩形框的内部就会看到一个星型的形状,同时我还在这个热区上增加了一个OnMouseOver时,在浏览器状态栏内显示文字的Behavior,有兴趣的话可以自己试试。

axure热区使用步骤 fireworks怎样使用热区和切割

接下来,我们来讲切割。前面已经说过,设计师为了加快页面加载的速度把大图片分割成小图片放在表格中,这在以前是一件费时又费力的事,现在使用了切割Fireworks会按照你的切割自动生成HTML的表格代码,你只需要将生成的代码放在页面的相应位置就可以了。

  

爱华网本文地址 » http://www.aihuau.com/a/212161/171219364.html

更多阅读

尿不湿正确穿法步骤 怎样正确使用尿不湿

怎样正确使用尿不湿――简介  怎样正确使用尿不湿?时代在进步,尿布也越来越方便。由最初的布尿布变成现在的纸尿裤,尿不湿等。尿不湿因其让宝宝尿而不湿的特性而受到广大妈咪的喜爱,然而尿不湿因为使用方法的不当,也容易引发很多宝宝的

wps表格公式if wps表格怎样使用if公式

wps表格为我们提供了很多强大的数据处理公式,例如if公式等,那么,怎样在wps表格中使用if公式呢?对于新手可能不知道怎样使用,下面就让小编告诉你 wps表格怎样使用if公式的方法。wps表格使用if公式的步骤:wps表格使用if公式的步骤一、打

wps邮件合并功能 怎样使用wps文字邮件合并功能

很多人都知道wps文字中有个强大的邮件合并功能,但就是不知道怎样使用该功能,下面就让小编告诉你怎样使用wps文字邮件合并功能。使用wps文字邮件合并功能的方法我们可以使用WPS表格或Excel建立一张数据库表,命名为“工资单”(注意不要

怎样使用qq截图功能 怎样使用qq来电功能

在qq中,有个来电功能,使用该功能可以与好友进行语音通话,下面就让小编告诉你怎样使用qq来电功能。使用qq来电功能的方法1、首先我们登录QQ,然后我们点击我们头像,点击设置2、点击“联系人、隐私”3、我们可以在最下方看见接受“

快速生成文件夹 怎样使用wps表格快速生成文件夹

当我们需要新建多个文件夹的时候,我们可以使用wps表格实现文件夹快速生成的效果,下面就让小编告诉你怎样使用wps表格快速生成文件夹。使用wps表格快速生成文件夹的方法首先,建立一个WPS表格。打开WPS表格,在第一行第一列输入“文件名

声明:《axure热区使用步骤 fireworks怎样使用热区和切割》为网友慌了风分享!如侵犯到您的合法权益请联系我们删除