图形的小技巧_图形图像_新闻_云联天下-智慧云谷-智慧家居-物联网-智能家居,智能家居系统,智能家居加盟解决方案-智慧云谷云计算有限公司-智慧家居接口|传感器接口|智能开关接口|工业控制接口

首页→技术资料→图形图像→图形的小技巧

【字号：大中小】【背景色

】

图形的小技巧

网址来源:http://www.kehui.net发布时间: 2002-08-09 07:26:20

　

正确地制作网页图形，您必需熟悉一些绘图程式（从专业的Adobe Photoshop到便宜的商业应用软体或共用软

体）。假如您想要动态的影像，您就必需知道如何使用一些动画程式。

这些都和HTML标签无关，对嘛？对的。但仍有一些小技巧是利用IMG标签，使您的网页看起来更棒，载入也很

快。

1、定义图形大小

　　为了给予快速载入的印象，可以在您的图形<IMG>标签中，加入width和height的属性（以像素为单位），就像

下面这样：

<IMG SRC="logo.gif" WIDTH="150" HEIGHT="170">

　　这些程式码为影像在网页中留下了位置，如此可以允许在影像还没有完全载入完毕时，网页文字可以载入。文

字的出现可以给人一种错觉，好像整个网页的载入变快了－－这会给读者不同的感受。为了更好的效果，请确定使

用<IMG>标签的ALT属性。

2、提供替代文字

　　您可能认为您的网页影像是全世界最酷的，然而有些浏览器不支援图形－－有些浏览者会关掉自动影像载入以

加速下载。用<IMG>标签的ALT属性，为您的影像提供替代文字；可以让每一个人都能了解您的影像要展示些什么东

西，即使他们并未真的看到您的影像。只要在影像标签中加上下面的指令：

<IMG SRC="logo.gif" ALT="解释">

将影像关掉的浏览者会看到这样：

　　额外的利益：浏览器在影像下载完全前，会插入ALT中的文字。因此，即使使用者影像开关是打开的，在影像

载入完全前，他们也可以看到ALT中的文字。而微软IE3.0及其以上版本的使用者，当他们的游标滑过影像时，也可

以看到ALT文字突然冒出。

3、图形化的引导指示

　　除了用一般文字的选单作为您的网站导航，您可以将小影像集合在一起，来制做一个工具箱。例如，下面展示

的工具箱，就是把一些小的GIF档放在表格中。

　　将表格的BORDER、CELLSPACING、CELLPADDING属性设为0，让每一个个别影像之间的隙缝消失，所以它们就变

成一个单一无接缝的影像。还有呢！工具箱内的影像已被浏览器储存在快取记忆体中，如果它们在好几个页面出现

（很多工具列都是如此），它们是从快取记忆体中载入，而不是每次都从伺服器中载入－－这样可以让您的浏览者

节省一些下载的时间。

　　给聪明人的忠告：当您要用影像作导航的链结，请确定它们看起来真的像链结。一个小把戏是把您的影像，做

成像是突出的按钮。请别客气确定在影像中加一些引导字如「滑鼠请按这里」或「前往」。

4、用GIF格式控制内容位置

　　假如您想控制元件在网页上出现的位置－－精确到像素，只要使用一个透明的GIF档，大概只有1平方像素大

小。有两种方法可以使用它：第一，您可以藉著<IMG>标签的WIDTH和HEIGHT属性，将GIF档伸展到您需要的高度和

宽度：

<IMG WIDTH="10" SRC="logo.gif">这段文章缩排10像素。

执行结果像这样：

这段文字缩排10像素。

　　另外一个方法是使用<IMG>标签的HSPACE和VSPACE属性，这些属性可以让影像留下水平和垂直的空白空间（以

像素为单位）。因此若要将一行文字缩排到刚好11像素，您可以用下面这个程式码：

<IMG HSPACE="5" SRC="logo.gif">这段文字缩排11像素。

这会在GIF图档的两侧留下5像素的填充区，再加上GIF档的1像素，可以产生共11个像素的缩排，就像这样：

这段文字缩排11像素。

以上这两种技术下载的时间都很短，因为只有一个小小的GIF档需要下载。

光头小丸子

备案证号：37020020091219

钯碳回收硝酸银回收银浆回收银焊条回收回收银浆氯化钯回收氯化钯回收氧化钯回收回收硝酸钯钯水回收价格海绵钯回收钯炭回收价格回收镀金板深圳钯碳回收镇江氯化钯回收杭州钯浆回收银浆回收多少钱回收钯碳公司硝酸银的价格那里有回收金氯化钯回收价格江苏擦银布回收硝酸银价格德州钯粉回收银铜回收回收钯粉回收铂碳催化剂佛山钯碳回收金盐回收价格海绵钯回收钯碳高价回收钯回收价格钯炭回收