设为首页
加入收藏
联系站长
首页 | 骨科文章中心 | 骨科资源下载 | 骨科图片中心 | 留 言 本 | 骨科论坛 | 网站管理 | 职工邮箱 | 会议报名 | 
您现在的位置: 齐鲁骨科网 >> 骨科文章中心 >> 人才培养 >> 骨科教学 >> 正文 用户登录 新用户注册
  • 常用办公软件教程

  • flash 3 教程:高级使用

  • flash 3 教程:基本操作

  • flash 3 教程:轻松起步

  • Fireworks 3 教程:自动…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:新手…

  • PhotoShop5.5教程:第四…

  • Fireworks 3 教程:网页强化       ★★★
    Fireworks 3 教程:网页强化
    作者:佚名 文章来源:洪恩在线 点击数: 更新时间:2004-1-6


    第一节:设置网页超连接

    一、 设置热区

      Fireworks 3提供了三种热区设置工具:矩形热区工具 ,圆形热区工具 以及多边形热区工具

      下面我们就运用这三种工具分别为图片设置热区:

      打开一副图片:llt.gif,单击矩形热区工具 ,然后拖动鼠标就可以为人物(李白)设置一个热区(如图1),但是设置的热区只能缩放,而无法倾斜和变形;

    热区

    图1 热区

    切换至圆形热区工具 ,拖动鼠标为小亭子设置一个热区,单击“变形工具”,拖动手柄适当地改变一下热区的大小,我们就发现圆形热区产生了多个控制点,接下来选取“细部选取工具”,拖曳这些控制点,使热区能够符合背景图形的造型(如图2)

    变换热区形状

    图2 变换热区形状

    切换至多边形热区工具 ,以点选的方式,来产生多边形的每一个控制点,如此我们就可以为诗句勾勒出一个多边形的热区(如图3)

    多边形热区

    图3 多边形热区

      如果我们想隐藏热区该怎么办呢?其实Fireworks 3预设了一个图层----Web Layer层专门用来存放热区;当Web Layer层最左方出现眼睛图标(如图4)时,表示该层处于显示状态,如果想隐藏热区,只需单击眼睛使它消失即可。

    Layers浮动面板

    图4 Layers浮动面板

      Web Layer层是一个十分特殊的图层,我们无法更改它的名字,也无法删除该图层,但是可以任意调整该层的位置。

    二、 设置URL链接

      完成热区设置后,我们就需要指定该热区所链接的URL,这样浏览者单击鼠标后,才能开启指定的网页画面。

      下面我们就为人物“李白”添加一个链接:单击该热区,然后开启“Object”面板,在链接栏中输入它的URL:http://www.hongen.com/edu/dgkt/index1.htm;我们还可以在“<alt>”栏中为此链接加上说明文字:每日诗词;为了让浏览者在打开热区链接后,还保持有原来的页面,我们可以将Link target选项选为:_blank ,这样单击热区后,会打开一个新的窗口。另外,单击“Shape”下拉列表按钮和热区颜色下拉列表按钮我们可以选择热区的形状和颜色。(如图5)

    热区链接设置

    图5 热区链接设置

    三、 善用URL面板

      当网页中有很多链接时,利用“Object”面板一一输入就十分麻烦,这时我们就可以利用URL面板快速地为热区指定链接。

      在“Library”选项中所显示的是目前使用的URL资料库(URLs.htm),该资料库所包含的URL都会列在下方的清单中,如果我们是第一次使用URL面板,则清单中并无任何URL资料。(如图6)

    URL浮动面板

    图6 URL浮动面板

      那么我们如何将URL输入到资料库中呢?

      1.从无到有输入URL 单击新建按钮(如图7),弹出“New URL”窗口,输入URL后,单击“ok”按钮即可。

    输入URL

    图7 输入URL

      2.从已有的URL来建立新的URL 选择想要修改的URL,然后单击“URL”面板右上角的如图按钮,在弹出菜单中选择“Add URL”,将弹出“New URL”窗口,修改完URL后,单击“ok”按钮即可。(如图8)

    添加URL

    图8 添加URL

      3.输入网页中的URL 我们可以将某个网页中所有链接导入到目前的资料库中。 首先选择“选项”菜单中的“Import URLs”指令,然后在弹出的“打开”窗口中选择我们想要导入的html文件:index.htm,单击“打开”按钮即可。

      4.将热区的URL加入资料库

      如果想把用“Object”添加的URL导入到资料库中,我们只需选取“选项”菜单中的“Add Used URLs to Library”指令即可。

      现在我们就可以为热区添加链接了,单击热区,然后选取资料库中相应的URL即可,是不是很简单!此外,我们还可以配合“Object”面板来检查URL是否添加正确。

     

     


    第二节:大图的切割

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

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

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

      首先打开我们要切割的图片,然后选择“Slice Tool” 工具,拖动十字架光标在图片左上角拖曳出如图的切割区域,这样图片就被分割成了三个区域。

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

    切割图片示例

    图1 切割图片示例

      如果我们不想在切割图片的时候产生链接区块,那么我们只需在选取“Slice Tool” 工具后,直接在图片中单击鼠标即可产生切割区域。

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

    调整切割区域

    图2 调整切割区域

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

      其实,切割区域也存放在Web Layer层中,同样我们单击眼睛使它消失即可将切割区域隐藏;另外,单击图标 ,也可以将切割区域隐藏,单击图标 ,可以将切割区域显示。

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

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

    输入文字

    图3 输入文字

       

     


    第三节:文件内容的设定和转存

      在前两节所介绍的热区链接和大图切割,其最终的目的还是要将它们转存为指定的格式,从而应用于网页中,而在转存前,我们需要设定一下转存的模式。

    [1] [2] 下一页  

    文章录入:zbzcs    责任编辑:zbzcs 
  • 上一篇文章: Fireworks 3 教程:网页进阶处理

  • 下一篇文章: Fireworks 3 教程:网页高手
  • 【字体: 】【发表评论】【告诉好友】【打印此文】【关闭窗口
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)