广

Fireworks教程

  • Photoshop教程
  • Fireworks教程
  • Illustrator教程
  • Coreldraw教程
  • ArtiosCAD教程
  • 3Dsmax教程
  • Painter教程
  • 首页 > 学习 > 设计软件 > Fireworks

    Firework教程:网页切片应用详解

    2018-10-11 11:16:53 次阅读 稿源:互联网
    处理 SSI 文件时出错

      2. 创建多边形切片

      如图5所示,打开一幅图像,可以利用多边形切片工具在多边形的每个顶点单击制作多边形切片,如图6所示。

    Firework教程:网页切片应用详解
    图5打开图像

    Firework教程:网页切片应用详解
    图6 创建多边形切片

      由上图可见,图像中的切片向导仍然是水平和垂直的,生成的切片文件也还是矩形的。实际上多边形切片的形状主要是用于设置相应的行为触发区域的。如果切片对象被设置了链接,那么在浏览器中显示的时候,只有点击到多边形区域时才会实现链接跳转,而在这个切片的其他区域则不会出现链接跳转。

       同理,如果切片和对象区域完全符合或者说用户是基于路径对象制作切片,只需点击“编辑”菜单,再选择“Insert”->“Slice”即可。

       三、编辑切片

      和热区的编辑非常类似,如果要选取切片,可以利用指针工具、部分选定工具来选中它,也可以使用层面板来进行;选中切片之后,若要移动切片可以利用鼠标、方向键或者属性面板的位置值。

      默认情况下热区是透明的绿色,如果需要改变热切片的颜色,只需要在图7所示的切片属性面板中的切片颜色框中选择所需要的颜色即可。

    Firework教程:网页切片应用详解
    (图7 切片属性面板 图片较大,请点击图片观看大图)

       在切片属性面板中,类型栏的下拉菜单中有图像和HTML两项,选择HTML会出现图8所示的面板,点击按钮,在图9所示的弹出窗口中设置HTML代码可以创建一个文本链接。

    Firework教程:网页切片应用详解
    (图8 将切片类型改为HTML 图片较大,请点击图片观看大图)

    Firework教程:网页切片应用详解
    图9 Edit HTML Slice对话框

    Firework教程:网页切片应用详解
    (图10 选择优化方式 图片较大,请点击图片观看大图)

       此外,在属性面板的优化下拉列表中还有几类优化方式,我们可以依据实际情况选择一种优化方式,如图10所示。

       可以利用工具箱上的隐藏切片和热点工具来将选中的切片隐藏起来,需要显示切片的时候单击显示切片和热点工具即可将切片显示出来。如同热区的显示和隐藏一样,我们同样还可以利用层面板上的眼睛图标显示和隐藏该切片。

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    处理 SSI 文件时出错
    处理 SSI 文件时出错
    处理 SSI 文件时出错