///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Fireworks

///pc/homepage/fwjch/img/000.gif" width="100" height="20">
///pc/homepage/fwjch/img/title_00.gif" width="13" height="20">  

///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">新手上路
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页基本功
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页进阶处理
///pc/homepage/fwjch/img/003.gif" width="18" height="16" align="absmiddle">网页强化
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">设置网页超连接
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">大图的切割
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">文件内容设定和转存
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">与编辑器的紧密结合
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页高手
///pc/homepage/fwjch/img/008.gif" width="18" height="16" align="absmiddle">自动化处理


/pc/bin/msg.pl?file_id=k_Fireworks04 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


第二节:大图的切割

  大家在上网的时候,可能会经常碰到这种情况:浏览某个网页的时候,大部分内容已经下载完毕,唯独一副大图迟迟不肯露面,让人等得很心烦!这也就是我们为什么要切割大图的原因了。

  把大图切割成几个小图,会大大加快图片的下载速度;另外,切割图片还可以用于链接设定。

  Fireworks 3可以轻松地将大图切割为几个小图:

  首先打开我们要切割的图片,然后选择“Slice Tool”///pc/homepage/fwjch/img/fire4014.gif" width="20" height="19"> 工具,拖动十字架光标在图片左上角拖曳出如图的切割区域,这样图片就被分割成了三个区域。

  在如图1的切割图片中,红色的线条代表的是切割线,而绿色的区块,我们可以设置URL链接,设置方法如同热区链接的设置。

///pc/homepage/fwjch/img/fire4013.gif" width="243" height="163" alt="切割图片示例">

图1 切割图片示例

  如果我们不想在切割图片的时候产生链接区块,那么我们只需在选取“Slice Tool”///pc/homepage/fwjch/img/fire4014.gif" width="20" height="19"> 工具后,直接在图片中单击鼠标即可产生切割区域。

  接下来,我们来调整一下切割区域的比例分配,选取“一般选物工具”,拖动某个切割区域(必须是拖曳产生的Image可链接区域),即可改变区域的个数和比例;另外,使用“一般选物工具”拖曳切割区域的控制点,也可以调整切割区域的比例(如图2)

///pc/homepage/fwjch/img/fire4015.gif" width="491" height="163" alt="调整切割区域">

图2 调整切割区域

  大家可能会问:热区是存放在Web Layer层的,那么切割区域存放在什么地方呢?

  其实,切割区域也存放在Web Layer层中,同样我们单击眼睛使它消失即可将切割区域隐藏;另外,单击图标 ///pc/homepage/fwjch/img/fire4017.gif" width="20" height="19"> ,也可以将切割区域隐藏,单击图标 ///pc/homepage/fwjch/img/fire4018.gif" width="20" height="19"> ,可以将切割区域显示。

  下面我们为图片添加一些文字:

  首先我们在图片的右下角拖曳出一个Image可链接区域,适当地调整它的大小和位置,然后开启“Object”面板,在“Type”选项中选择“Text”(文本),输入需要的文字(例如:li bai)即可(如图3)

///pc/homepage/fwjch/img/fire4019.gif" width="496" height="235" alt="输入文字">

图3 输入文字

上一节 下一节   

 

/pc/bin/msg.pl?file_id=k_Fireworks04 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页