为您找到与关于fireworks中切片功能正确的描述相关的共200个结果:
Fireworks CS3切片和优化功能
在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局。在导入到Dreamweaver之前,可以使用Fireworks对效果图进行切片和优化,然后才能够把优化好的切片输出到Dreamweaver的站点中进行布局。切片的目的是为了获得图像素材,也就是说能够通过写XHTML语言脚本实现效果的部分,就不需要切片,而必须用图像的地方,则一定要切片。下面通过一个实例来给大家介绍一下Fireworks CS3的切片和优化功能,具体操作步骤如下:
1、在Fireworks CS3中打开制作好的网页效果图。
2、选择Fireworks CS3中的【切片】工具,对效果图进行切片
【说明】切片的时候,尽量保证所有的切片和被切片的图像尺寸一致,不要切片大于或者小于被切片的图像,同时切片之间尽量保持不要重叠。
3、几个特别需要注意的地方来详细给大家说一下,首先是在内容区域,文本的前方有小的黑色三角箭头,这是用图像来制作的,所以必须要切片,但是由于所有文本前方的箭头图标都是一样的,所以只需要切一张即可。
4、同样的道理,在这个效果图中,有很多的圆角效果,但是在切片的时候同样的效果仍旧只切片一张即可。
5、切片完成后,选择Fireworks CS3中的【2幅】窗口。在这个窗口的左侧,是可编辑的原图,而在这个窗口的右侧,则是优化以后的图像。在这个窗口的下方,可以看到详细的关于每一个切片的文件量和下载时间等信息。
6、按快捷键【F6】,打开Fireworks CS3的【优化】面板,使用【指针】工具,在【2幅】窗口的左侧依次选择切片,然后在【优化】面板中进行相应的优化操作,最终优化后的图像效果,可以在【2幅】窗口的右侧进行观察。
7、对每一张切片进行优化后,就可以导出所有的图像素材了。选择【文件】@@【导出】命令(快捷键为【Ctrl+Shift+R】),会弹出Fireworks CS3的【导出】对话框。
8、在【导出】对话框中的【导出】下拉列表中选择【HTML和图像】选项,这样可以激活面板右下角的【选项】按钮,单击【选项】按钮,打开【HTML设置】对话框。
9、切换到【文档特定信息】选项卡,设置导出后所有切片的命名规则,可以使用文档名称加切片序号的方式来命名,这样做的目的是为了尽量让切片的名称变得简短,如果切片名称太长,在网页中写脚本的时候字符数量就会增加,网页文件的文件量也就会随之增加,如图9所示。设置完毕后,点击【确定】按钮,返回【导出】对话框。
10、更改【导出】对话框中的【导出】类型为【仅图像】。这样导出以后只会根据切片来生成图像而不会生成网页,在【文件名】文本框中输入希望的文件名称,建议命名规则简单易记。
11、在【保存在】下拉列表中选择需要保存的位置,习惯上我们会把所有切片生成的图像保存到站点的图像文件夹内。在【切片】下拉列表中选择【导出切片】,但是不要勾选下方的【包含无切片区域】和【当前页面】复选框。
12、全部设置完毕后,点击【保存】按钮即可把这个页面中的所有切片导出到Dreamweaver的站点中去了。
浏览量:2
下载量:0
时间:
本教程是向大家介绍Fireworks补间功能,补间真的是一个不错的功能,看看做的图,很不错。
开始看到这些图的时候,我也觉得挺意外的。
给需要学习的朋友说一下思路吧:
在画布中建立合适的图形,按"F8"转换为元件,然后克隆一个"SHIFT+CTRL+D",调整刚克隆一个的位置,角度,透明度等,自己根据情况设定。设置好后,选择画布中的两个元件,同时按下"SHIFT+CTRL+ALT+T"(创建元件补间,不要选择分散到帧)
即可完成制作了。
这有个源文件,供有需要的朋友看一下:
以上就是对Fireworks补间功能的介绍,希望对大家有所帮助,感谢大家观看本教程!
浏览量:2
下载量:0
时间:
Fireworks是一个强大的网页图形设计工具。那么下面读文网小编跟分享了更多关于fireworks的功能,希望你喜欢。
fireworks学习必知功能的文章,它主要讲述了初学者必须要了解的fireworks功能,接下来让我们一起了解一下。
众所周知,在网页上的jpg图片如果过大,会严重影响页面的打开速度,Fireworks提供优化图片的功能,即缩小图片的KB,而且不影响画面的质量(除非放大了与原图对比)。由于很多人喜欢用photoshop制作jpg图片,所以它的容量会很大(因为它是适合处理印刷品,要求比较清晰),最终还是要用Fireworks来处理一下。
在优化面板里有“导出jpg较高品质”,导出默认的80品质(可以用“2幅”画面对比之前之后的大小)。
浏览量:2
下载量:0
时间:
使用Fireworks工具箱上的切片工具可以为已经制作好的图片创建切片。下面读文网小编跟分享了更多关于fireworks中如何使用切片工具,希望你喜欢。
1、在Fireworks CS3中打开制作好的网页效果图,如图所示。
在Fireworks CS3中打开制作好的效果图
【说明】效果图中的辅助线是在效果图设计之初就添加完毕的。
2、在fireworks中选择【切片】工具,对效果图进行切片,切片完成后的效果如图所示。
切片完成后的效果
【说明】切片的时候,尽量保证所有的切片和被切片的图像尺寸一致,不要切片大于或者小于被切片的图像,同时切片之间尽量保持不要重叠。
3、现在需要注意的地方来详细给大家说一下,首先是在内容区域,文本的前方有小的黑色三角箭头,这是用图像来制作的,所以必须要切片,但是由于所有文本前方的箭头图标都是一样的,所以只需要切一张即可。如图所示。
切片小图标
4、在这个效果图中,有很多的圆角效果,但是在切片的时候同样的效果仍旧只切片一张即可。如图所示。
切片圆角图像
5、切片完成后,在fireworks中选择的【2幅】窗口,如图所示。在这个窗口的左侧,是可编辑的原图,而在这个窗口的右侧,则是优化以后的图像。在这个窗口的下方,可以看到详细的关于每一个切片的文件量和下载时间等信息。
Fireworks的【2幅】窗口
6、按快捷键【F6】,打开Fireworks 的【优化】面板,使用【指针】工具,在【2幅】窗口的左侧依次选择切片,然后在【优化】面板中进行相应的优化操作,最终优化后的图像效果,可以在【2幅】窗口的右侧进行观察,如图所示。
对切片进行优化
7、在fireworks中对每一张切片进行优化后,就可以导出所有的图像素材了。选择【文件】@@【导出】命令(快捷键为【Ctrl+Shift+R】),会弹出Fireworks CS3的【导出】对话框,如图1-29所示。
Fireworks CS3的【导出】对话框
8、在fireworks中【导出】对话框中的【导出】下拉列表中选择【HTML和图像】选项,这样可以激活面板右下角的【选项】按钮,单击【选项】按钮,打开【HTNL设置】对话框,如图1-30所示。
【HTML设置】对话框
9、切换到【文档特定信息】选项卡,设置导出后所有切片的命名规则,可以使用文档名称加切片序号的方式来命名,这样做的目的是为了尽量让切片的名称变得简短,如果切片名称太长,在网页中写脚本的时候字符数量就会增加,网页文件的文件量也就会随之增加,如图所示。设置完毕后,点击【确定】按钮,返回【导出】对话框。在【HTML设置】对话框中选择【文档特定信息】选项卡
10、在fireworks中更改【导出】对话框中的【导出】类型为【仅图像】。这样导出以后只会根据切片来生成图像而不会生成网页,在【文件名】文本框中输入希望的文件名称,建议命名规则简单易记,如图所示。
Fireworks CS3的【导出】对话框
11、在fireworks中【保存在】下拉列表中选择需要保存的位置,习惯上我们会把所有切片生成的图像保存到站点的图像文件夹内。在【切片】下拉列表中选择【导出切片】,但是不要勾选下方的【包含无切片区域】和【当前页面】复选框,如图1-32所示。
12、全部设置完毕后,点击【保存】按钮即可把这个页面中的所有切片导出到Dreamweaver的站点中去了,生成的图像如图所示。
导出到站点中的切片
浏览量:2
下载量:0
时间:
最近看到很多朋友对切片有疑虑,所有又写了一个简单的关于切片的教程。下面小编给大家整理了关于一些fireworks教程:网页切片的作用,喜欢大家喜欢。
使用Fireworks工具箱上的切片工具可以为已经制作好的图片创建切片。如图1所示,切片工具有两类,分别为“矩形切片”工具(Slice tool)和“多边形切片”工具(Polygon Slice tool)。
下面我们分别就这两类热区工具的使用作介绍。
图1 两类切片工具
1. 创建矩形切片
首先打开图像,选择工具箱上的的切片工具,在图像的适当位置上按下鼠标左键并拖动绘制一个矩形区域,当矩形大小适当时释放鼠标,这样就生成了一个切片,如图2所示。该切片区域被半透明的绿色所覆盖,称为切片对象,另外Fireworks根据切片对象的位置以红色分割线对图像进行了分割,称为切片向导。
图2 绘制矩形切片
要使切片与对象区域紧密匹配,可以和热点一样先选中要制作成为切片的对象,然后点击“Edit”菜单,选择“Insert”->“Slice”;如果选择了多个对象,则会出现一个如图3所示的对话框,选择“Multiple”按钮,可以创建多个切片,如图4所示。
图3 提示对话框
图4 制作多个切片
看过“ fireworks教程:网页切片的作用“的认还看了:
1.
浏览量:2
下载量:0
时间:
在Excel中的描述统计,在历个版本中也有这个功能,说明这个功能在办公中还是非常的重要的。且历个版本的用法也是一模一样的,每个版本都通用,下面是读文网小编整理的excel2013的描述统计功能使用方法以供大家阅读。
当需要计算一组数据的一些常用统计量时,可以使用Excel提供的统计函数来实现。例如AVERAGE(平均值)、STDEV(标准方差)、VAR(样本方差)、KURT(峰值)、SKEW(偏斜度)、MEDIAN(中值,也称中位数,即在一组数据中居于中间的数) MODE(模式,也称众数,即在一组数据中出现频率最高的数值)等。但更方便快捷的方法是利用Excel提供的描述统计工具,它可以同时给出一组数据的许多常用统计量。
如图所示的数据为某个班级的3门课程的成绩,现需要根据这些成绩应用描述统计工具对数据进行基本统计分析的具体操作步骤如下:
步骤1:单击“工具”菜单中的“数据分析”命令,弹出“数据分析”对话框。
步骤2:在“数据分析”对话框的“分析工具”列表中,选择“描述统计”工具,单击“确定”,这时将弹出“描述统计”对话框,如图所示
步骤3:指定输入数据的有关参数。
●输入区域:指定要分析的数据所在的单元格区域。本例指定需要分析的成绩数据所在的B1:D20单元格区域。
●分组方式:指定输入数据是以行还是以列方式排列的。一般情况下Excel会根据指定的输入区域自动选择。
●标志位于第一行复选框:若输入区域包括标志行,则必须勾选此复选框。否则,Excel自动以列1、列2、列3...作为数据的列标志。本例指定的输入区域包含了标志行,所以勾选此复选框。
步骤4:指定输出的有关选项。
●输出区域根据需要可以指定输出到当前工作表的某个单元格区域,这时需在输出区域框键入输出单元格区域的左上角单元格地址,也可以指定输出为新工作表,这时需要输入工伟表名称;还可以指定输出到新工作薄。本例中将结果输出到输出区域,并输入输出区域的左上角单元格地址F1。
●汇总统计:若勾选,则显示描述统计结果,否则不显示结果。本例勾选“汇总统计”复选框。
●平均数置信度:如果得要输出包含均值的置信度,则勾选此复选框,并输入所要使用的置信度。本例键入95% ,表明要计算在显著性水平为5%时的均值置信度。
●第K大值:根据需要指定要输出数据中的第几个最大值。本例勾选在“第K大值”复选框,并输入3,表示要求输出第3大数值。
●第K小值:根据需要指定要输出数据中的第几个最小值。本例勾选“第K小值”复选框,并输入3,表示要求输出第3小的数值。
如图所示
有关参数输入完毕,单击“确定”按钮。这时Excel将描述统计结果存放在当前工作表以F1起始的单元格区域中。
从分析结果可以看出语文成绩分布比较正常,平均值都是77.8,中值分别为78,模式(众数)分别为83;而峰值和偏斜度都接近于0,说明这语文成绩基本上服从正态分布。而数学课程的成绩平均值为85.8,中值和模式分别为80和85,偏斜度达到近1,说明该课程的成绩分布过于集中,而且成绩偏高,可能是试题难度偏低或是评判标准偏松。
浏览量:2
下载量:0
时间:
在Excel2010中,通常录入好数据之后都需要对数据进行描述统计,这个时候就需要Excel中自带的统计功能了。下面是由读文网小编分享的excel 2010 描述统计功能使用教程,希望对你有用。
描述统计步骤1:打开Excel2010,输入数据,准备进行描述统计;
描述统计步骤2:点击菜单栏的“文件”中的“选项”如图;
描述统计步骤3:出现新的弹窗,点击“加载项”,在点击“转到”;
描述统计步骤4:出现新的弹窗,将前面的“方框”都点上“对勾”,点击确定;
描述统计步骤5:点击菜单栏“数据”,接着点击“数据分析”,如图;
描述统计步骤6:出现新的弹窗,选择你需要的,在这里选择“描述统计”,点击“确定”;
描述统计步骤7:出现新的弹窗,点击选择要做分析的数据区域,点击“确定”;
描述统计步骤8:选择数据区域,返回如图;
描述统计步骤9:选择输出数据的区域,返回如图;
描述统计步骤10:在相应的方框前面到上对勾,并点击“确定”如图
描述统计步骤11:出现分析结果,如图结束;
浏览量:3
下载量:0
时间:
在目前互联网带宽还受到条件限制的情况下,运用切片来减少网页下载时间而又不影响图片的效果,现在我给你们详细介绍fireworks切片功能使用方法。也给大家介绍了在fireworks中网页的制作,下面读文网小编给大家整理了关于fireworks做logo的方法,希望你们喜欢。
首先打开图像,选择工具箱上的的切片工具,在图像的适当位置上按下鼠标左键并拖动绘制一个矩形区域,当矩形大小适当时释放鼠标,这样就生成了一个切片,如图2所示。该切片区域被半透明的绿色所覆盖,称为切片对象,另外Fireworks根据切片对象的位置以红色分割线对图像进行了分割,称为切片向导。
图2 绘制矩形切片
要使切片与对象区域紧密匹配,可以和热点一样先选中要制作成为切片的对象,然后点击“Edit”菜单,选择“Insert”->“Slice”;如果选择了多个对象,则会出现一个对话框,选择“Multiple”按钮,可以创建多个切片,如图4所示。
图4 制作多个切片
浏览量:2
下载量:0
时间:
Fireworks制作网页图像切片 怎么处理呢?今天就来看看fireworks切片效果实例制作,下面小编给大家整理了关于fireworks制作切片的方法,希望大家喜欢。
一、在网速较慢地情况下,本来要一张大图全部显示后才能看,现在切成众多小图后,速度加快,并且逐一显示;
二、可根据每个切图的颜色和复杂情况进行不同的优化,以达到总体文件即保持必要清晰度,又能使文件达到最小,这是在大图时达不到的。
fireworks制作切片的步骤3:将各切片优化后,选择"文件——导出",在导出对话框中,为文件取名,并请注意导也类型为“HTML和图象”,如图。
fireworks制作切片的步骤4:Fireworks切片效果实例制作(2) 时间:
打开DW,新建一文件,在“对象面板”中选择“插入 Fireworks HTML”按钮:
在弹出的对话框中点击“浏览”,选取刚才导出的HTML文件:
你会发现刚才我们所切的图已经完整地在页面中:
如果你把图片删除,你会发现这是一个table border="0" cellpadding="0" cellspacing="0"都为0的表格。
浏览量:2
下载量:0
时间:
切片是网页的对象之一,最初的应用是将影响网页显示时间的大图片切割成不同的几个部分以便于数据传输。下面读文网小编给大家整理了更多关于fireworks准备切片来导出,希望大家喜欢。
在画布上选择切片,在“属性”检查器的“编辑对象名称”框中输入一个名称,然后按 Enter。
在“网页层”中双击切片的名称,输入一个新名称,然后按 Enter。
自动命名切片文件
当导出经过切片的图像时,请在“导出”对话框的“文件名”(在 Windows 中)或“名称”(在 Mac OS 中)文本框中输入一个名称。不要添加文件扩展名。
更改默认的自动命名约定
您创建的命名约定最多可包含八个元素。每个元素可包含下列任一自动命名选项:
浏览量:2
下载量:0
时间:
随着计算机技术的发展,切片逐步演变为创建交互性网页的一个基本方法,利用切片就可以实现交互功能。Fireworks中怎样创建非矩形切片呢?下面读文网小编给大家整理了更多关于Fireworks中创建非矩形切片,希望大家喜欢。
拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。本文就为大家介绍Fireworks使切片具有简单的交互效果方法,希望对大家有所帮助!
具体说来,拖放变换图像方法使您可以确定指针经过一个切片时该切片所发生的变化。最终结果通常称为变换图像。变换图像是在网页浏览器中当指针经过其上方移动时,其外观发生更改的图形。
当选定切片时,一个带有十字的圆圈出现在切片的中央。这称为行为手柄。
通过从触发切片拖动行为手柄并将其放置在目标切片上,可以轻松地创建变换图像和交换图像效果。触发器和目标可以是同一切片。
热点也具有用于结合变换图像效果的行为手柄。
浏览量:3
下载量:0
时间:
切片在制作网页的过程中占有很重要的地位,切片的成功与否直接决定日后网页制作的进度快慢和网站运行的速度,只有通过大量的练习才能体会切片的含义。下面读文网小编给大家整理了更多关于fireworks网页切片的方法,希望大家喜欢。
1. 切片首先保证切出网页中需要多次修改的区域,例如文字区域
2. 切片图像的大小尽量保持在15K以内(便于网络传输)
3. 充分利用Dreamweaver中的自动拼贴功能减少垃圾切片
浏览量:2
下载量:0
时间:
热点(hotspots )和切片(slices )是用来创建图像交互效果的重要工具,热点和切片被称为web对象,也就是说,它们不是图像而是一段html代码,在层面板上的Web Layer ,你可以查看,选择和重命名热点和切片。下面读文网小编给大家整理了更多关于Fireworks热点和切片的使用的方法,希望大家喜欢。
在网页设计中热点(hotspots )和影象地图(image maps )被广泛的使用,热点是图像上带有超级链接的一块区域,同一副图上可以有几个热点链接到不同的地址,这就是影象地图。
浏览量:3
下载量:0
时间:
当使用Fireworks设计了一幅完整的设计效果图之后,如果要将这份完美的网页放到网上,浏览器下载一幅较大的图像需要较长的时间,会造成用户不必要的等待。怎么使用fireworks切片呢?通下面读文网小编给大家整理了关于使用fireworks切片的方法,希望大家喜欢。
矩形切片:这是比较常用的切片方式,用于按矩形对图像进行切分。
多边形切片:用来创建不规则形状的切片,比如试图为非矩形的图形添加图像交互式效果时,可以通过非矩形切片来创建切片效果。
对于网页图像的切片来说,一般还是以矩形切片为主,要创建矩形切片,单击绘图工具栏中的工具,选择该工具后,在需要进行切片的地方绘制矩形,就可以创建一个切片对象。
注意:从切片对象延伸的线是切片辅助线,它确定导出时将文档拆分成的单独图像文件的边界。默认情况下,这些辅助线为红色。
切片的辅助线用于定位和对齐切片,这个功能非常实用,否则切片就会显示得比较混乱。当拖动以绘制切片时,可以调整切片的位置。在按住鼠标按钮的同时,只需按住空格键,然后将切片拖动到画布上的另一个位置。释放空格键以继续绘制切片,切片效果如图14.55所示。
除了直接绘制切片外,还可以选择某一个图像区域,比如选择文字内容,然后单击主菜单中的“编辑|插入|矩形切片”菜单项,来根据选择的区域创建一个矩形切片,这样就可以根据内容的大小来精确地创建切片区域。例如图14.56中根据选择工具创建了多个选择内容的切片。
如果选择了多个绘图区域,单击菜单中的插入矩形切片,Fireworks会弹出如图14.57所示的对话框,询问用户是创建单一的切片还是多重切片。
单一切片是指将所选的区域合并为单一的矩形,而多重切片将为每一个选区创建一个切片。在设置了切片之后,使用选择工具选择切片,在属性面板中可以设置切片的类型和链接,如图14.58所示。
默认情况下,切片显示为淡绿色,通过切片的属性面板,可以更改切片的颜色。切片的默认类型为前景图像,这是指切片在输出HTML时,HTML代码的编写方式。可以将其调整为HTML背景,比如对于颜色比较接近的图像,就可以调整为切片的背景图像。HTML类型的切片指定浏览器中出现普通HTML文本的区域。HTML切片不导出图像,它导出出现在由切片定义的表格单元格中的HTML文本。
多边形切片用来创建具有多边形效果的切片图像,它实际上是通过JavaScript代码来实现的多边形效果。选择多边形切片工具,在要创建多边形热点的图像上进行单击以创建多边形的点,多边形切片的创建效果如图14.59所示。
切片创建完成后,要查看和编辑网页上的切片,可以通过图层面板中的网页层实现。层面板上可以显示和隐藏切片,更改切片和切片辅助线,图层面板的显示如图14.60所示。
看过“如何使用fireworks切片“
浏览量:3
下载量:0
时间:
切片在制作网页的过程中占有很重要的地位,切片的成功与否直接决定日后网页制作的进度快慢和网站运行的速度,只有通过大量的练习才能体会切片的含义。下面是读文网小编为大家整理的Fireworks中一些切片方法,希望大家喜欢~
拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。具体说来,拖放变换图像方法使您可以确定指针经过一个切片时该切片所发生的变化。最终结果通常称为变换图像。变换图像是在网页浏览器中当指针经过其上方移动时,其外观发生更改的图形。
当选定切片时,一个带有十字的圆圈出现在切片的中央。这称为行为手柄。
通过从触发切片拖动行为手柄并将其放置在目标切片上,可以轻松地创建变换图像和交换图像效果。触发器和目标可以是同一切片。
热点也具有用于结合变换图像效果的行为手柄。
教程结束,以上就是Fireworks使切片具有简单的交互效果方法,希望大家看完本篇教程能熟练掌握拖放变换图像方法,
浏览量:3
下载量:0
时间:
当试图将交互性附加到非矩形图像时,矩形切片可能无法满足需要。例如,如果打算将变换图像行为附加到切片,而切片对象互相重叠或者形状不规则,则矩形切片可能会与交换图像交换出非您所要的背景图形。下面是读文网小编为大家整理的如何在Fireworks8中创建非矩形切片,希望大家喜欢~
当试图将交互性附加到非矩形图像时,矩形切片可能无法满足需要。例如,如果打算将变换图像行为附加到切片,而切片对象互相重叠或者形状不规则,则矩形切片可能会与交换图像交换出非您所要的背景图形。Fireworks 解决此问题的方法是:允许您使用"多边形切片"工具绘制任何多边形形状的切片。
您也可以在矢量路径的顶部插入切片,以便创建不规则的切片形状。
若要绘制多边形切片对象:
选择"多边形切片"工具。 单击以放置多边形的矢量点。"多边形切片"工具仅绘制直线段。 当在具有柔边的对象周围绘制多边形切片对象时,请确保包括整个对象,以免在切片图形中创建多余的实边。 若要停止使用"多边形切片"工具,请从"工具"面板中选择另一个工具。不必再次单击第一个点以关闭多边形。
注意:请小心不要过度使用多边形切片,这是因为与类似的矩形切片相比,它们需要更多的 JavaScript 代码。使用太多的多边形切片可能会增加 Web 浏览器的处理时间。
若要从矢量对象或路径创建矩形切片或多边形切片:
选择一个矢量路径。 选择"编辑">"插入">"插入矩形切片"或"插入多边形切片"(具体取决于需要的形状)。
浏览量:2
下载量:0
时间: