firework热点和切片的定义,混合模式颜色模式的区别

firework热点和切片的定义,混合模式颜色模式的区别,第1张

图片上增加一个热点, 就是在图片上圈出一个范围, 这个范围是用来做超链接的.

就是说假如你在图片上放了一个矩形的热点,并设置了它的链接网址, 那么当你把这个图片放到网页上, 浏览者访问这个网页, 把光标放到该图片的矩形区域上时, 光标就会变成指示超链接的手形, 此时单击鼠标, 就会打开这个超链接指向的网页.

切片就是把图片切成一片片的多个部分, 各部分合在一起就是一张完整的图片, 分开就是图片的一部分.

将图片做成切片有一个好处:

将图片随网页发布到网络上, 如果图片较大, 在网络上传输得很慢, 浏览者一时只看到网页的文字而看不到图片, 就会感觉这个网页的内容很枯燥, 同时他们也没有耐心等待这个图片显示出来.

如果将图片做成切片发布到网上情况就不同了, 因为切片只是图片的一部分, 即使图片很大, 但是切片可能做得很小, 在网上传输的不是整幅图片而是切片, 这些切片最终合并成一张图片.浏览者在打开网页时,在很短时间内不仅看到了文字内容,还看到了图片的一部分----切片, 而且后续的切片陆续显示出来, 最终显示的是一张完整的图片,会减少枯燥感.

同时, 这种做法与一次性显示整张图片比, 总共所花的进间并不会减少,但是切片是陆续显示出来的, 而一次性显示图片图片是一次显示出来的, 要等很久图片才出来, 因此浏览者会对切片的做法感到更适应, 或者说,好像图片完全显示的时间减短了.

1、打开dweamweaver插入任意图形文件对其进行裁剪 *** 作制作热点。

2、利用网页制作三剑客firework进行裁剪图形创建热点。

3、将图形裁剪后,对需要加入热点文字的图形文件输入文字即可完成创建文字图层。

<img src="/i/eg_planets.jpg" usemap="#planetmap" alt="Planets" border="0">

<map id="planetmap" name="planetmap">

<area shape="circle" coords="180,139,14" href="/example/html/venus.html" target="_blank" alt="Venus">

<area shape="circle" coords="129,161,10" href="/example/html/mercur.html" target="_blank" alt="Mercury">

<area shape="rect" coords="0,0,110,260" href="/example/html/sun.html" target="_blank" alt="Sun">

</map>

参考:http://www.w3school.com.cn/tags/att_area_coords.asp

就不能与时俱进用点高级点的编辑器吗?


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11511594.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存