正在加载图片...
四、动态交互图像的制作 在网页中,浏览者通常看到的图像有两种:初始状态的图像和与之发生交互行为的图像 比如:按钮、导航条、弹出菜单、翻转图等动态效果,本节主要介绍利用Fireworks制作动 态交互图像。 1、切片和热点的应用 ·使用切片 为了获取较高的下载速度,通常将网页中存在的较大图像切分成多个图片,即切片,在下载 网页时对整幅图像的下载变为对多幅小图片的下载,虽然图像大小没有改变,但图像的下载 速度会明显加快。同时切片还是建立交互响应的基础,利用切片可以制作动态交互图像。切 片的形状有:矩形、多边形两种。 ●使用热点 热点通常用来建立图像映射,所谓图像映射,就是在一幅图像中创建多个链接区域,通过单 击不同的链接区域,可以跳转到不同的UL地址。热点的形状有矩形、椭圆形、多边形三 动。 2、创建按钮、导航栏及弹出式菜单 美观,常常在网页中添加按钮、导航条及弹出式菜单,比如:当 鼠标经过按钮时,按钮图像会改变颜色、形状、甚至发出声音吸引访客的点击。 ·创建技钮 一可控为中浅的孩机垫是元件牛的一种。利用校钮元件不但可以微出式样新颗的校钮外:并一 没置在网页上的超级链接功能。按钮有“释放”、“滑过”、 “按下”和“按下时滑过”4个状态。 ·创建导航条 导航条是指一组分别指向不同结接地址的按钮,常这些按钮在外观上保持一致,通过复制 按钮的方法快速制作导航条,然后选择各个按钮设置不同的文本、超级链接等。 ·创建弹出式菜单 弹出菜单主要应用于导航条中栏目存在子栏目的情况。当鼠标指向导航条中某个按钮或热区 时,会出现相应的弹出菜单,显示子栏目的内容,在弹出菜单中,单击相应的子栏目,即可 直接链接到子栏目所在的页面。 3、制作交换图像 为了使网页丰富多彩,网页设计者采用各种手段来增强网页本身动态效果和人机交互的 特性,翻转图像是最常用的一种手段。所谓“翻转图像”,是指当用户浏览网页时,鼠标移 动到图像上,该图像产生变化。这里主要讲二种翻转效果:“简单翻转图像”、“不相交翻转 图像”。四、动态交互图像的制作 在网页中,浏览者通常看到的图像有两种:初始状态的图像和与之发生交互行为的图像, 比如:按钮、导航条、弹出菜单、翻转图等动态效果,本节主要介绍利用 Fireworks 制作动 态交互图像。 1、切片和热点的应用 ⚫ 使用切片 为了获取较高的下载速度,通常将网页中存在的较大图像切分成多个图片,即切片,在下载 网页时对整幅图像的下载变为对多幅小图片的下载,虽然图像大小没有改变,但图像的下载 速度会明显加快。同时切片还是建立交互响应的基础,利用切片可以制作动态交互图像。切 片的形状有:矩形、多边形两种。 ⚫ 使用热点 热点通常用来建立图像映射,所谓图像映射,就是在一幅图像中创建多个链接区域,通过单 击不同的链接区域,可以跳转到不同的 URL 地址。热点的形状有矩形、椭圆形、多边形三 种。 2、创建按钮、导航栏及弹出式菜单 为了使网页更加生动、美观,常常在网页中添加按钮、导航条及弹出式菜单,比如:当 鼠标经过按钮时,按钮图像会改变颜色、形状、甚至发出声音吸引访客的点击。 ⚫ 创建按钮 Fireworks 中的按钮,是元件中的一种,利用按钮元件不但可以做出式样新颖的按钮外,并 且可直接为按钮加上热点区域,设置在网页上的超级链接功能。按钮有“释放”、“滑过”、 “按下”和“按下时滑过”4 个状态。 ⚫ 创建导航条 导航条是指一组分别指向不同链接地址的按钮,通常这些按钮在外观上保持一致,通过复制 按钮的方法快速制作导航条,然后选择各个按钮设置不同的文本、超级链接等。 ⚫ 创建弹出式菜单 弹出菜单主要应用于导航条中栏目存在子栏目的情况。当鼠标指向导航条中某个按钮或热区 时,会出现相应的弹出菜单,显示子栏目的内容,在弹出菜单中,单击相应的子栏目,即可 直接链接到子栏目所在的页面。 3、制作交换图像 为了使网页丰富多彩,网页设计者采用各种手段来增强网页本身动态效果和人机交互的 特性,翻转图像是最常用的一种手段。所谓“翻转图像”,是指当用户浏览网页时,鼠标移 动到图像上,该图像产生变化。这里主要讲二种翻转效果:“简单翻转图像”、“不相交翻转 图像
<<向上翻页向下翻页>>
©2008-现在 cucdc.com 高等教育资讯网 版权所有