?? 5-6-1.cfm.htm
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>加入圖象</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體" SIZE="5"><b>
<p ALIGN="JUSTIFY">加入圖象</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">Internet上的網站可分成兩種類型,一種使用大量的圖片,一種不使用圖片。一個極端的例子是象HotWired這樣的網站,每一頁幾乎都被各種各樣的圖片占滿了。HotWired網站的這種設計使得它有非常鮮明的特色(見圖5.9)。</p>
<p ALIGN="JUSTIFY">另一個極端的例子是如Amazon books這樣的網站。Amazon的網頁上幾乎沒有什么圖片,每一頁上除了文字以外就幾乎沒有別的東西。這使得網頁傳輸顯示的速度很快(見圖5.10)</p>
<p ALIGN="JUSTIFY">哪種方法更好?這與你網點的目的有關。HotWired網點致力于向用戶提供各種特殊的圖片,因此在網頁中包含各種惹人注目的圖片能獲得完美的效果。從另一方面來說,Amazon網站的目的是出售圖書,如果一個用戶要等待很長時間來調入一個網頁,他可能就會干脆到書店去買書了。</p>
<p ALIGN="JUSTIFY">當設計你的網頁時,你可以在這兩種極端間找到一個平衡點。我好方法也有壞方法在你的網頁中加入圖片,如果您小心地選擇你的圖片類型,你既可以讓將你的網頁生動有趣,也可以用較快的速度顯示。在這一節中你將學習怎樣做到這一點。</p>
<p ALIGN="JUSTIFY"><img SRC="Image18.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image18.gif" WIDTH="590" HEIGHT="403"></p>
<b>
<p ALIGN="CENTER">圖5.9 使用大量圖片的HotWired網站</p>
</b>
<p ALIGN="JUSTIFY"><img SRC="Image18.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image18.gif" WIDTH="590" HEIGHT="403"></p>
<b>
<p ALIGN="CENTER">圖5.10 幾乎不使用圖片的Amazon網站</p>
</font>
<p ALIGN="JUSTIFY">GIF<font FACE="宋體">和</font>JPEG</p>
</b><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">環球網上最常用的圖像格式是圖像交換格式(GIF),你可以把你網頁中的任何東西都用GIF圖象來實現,包括標志、頁分隔及超鏈接。GIF有很多你應當知道的性質:</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">首先,GIF圖像可以有不同大小的調色板,在一個GIF圖像中顯示的最大色彩數為256,然而,通常建立的圖像都采用較少的調色板。減少GIF圖像的調色板大小可以顯著地減少圖像文件的大小,而越小的圖像文件調入網絡瀏覽器就越快。</p>
<p ALIGN="JUSTIFY">GIF圖象具有透明色彩,如果你不想讓你的圖像以矩形區域來顯示,你可以設定一種透明色彩,這樣你可以將你的圖像邊緣設置成任何一種形狀。當你想讓你網頁上的背景圖像或顏色透過前景圖像顯示出來,透明色彩就可以做到這一點。</p>
<p ALIGN="JUSTIFY">GIF圖像可以交錯,當瀏覽器讀入一個交錯GIF圖象時,瀏覽器可以在全部讀入這個圖像文件前就開始顯示,這就給用戶一種快速顯示的感覺。由于這個原因,你應該使用交錯GIF圖像而不是非交錯GIF圖像。</p>
<p ALIGN="JUSTIFY">最后,GIF圖象可以用來創建動畫。你可以建立在一系列圖片中循環顯示的GIF圖象,而不是單一的圖象。</p>
</blockquote>
</blockquote>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">GIF的發音是硬音或咝音的g。</p>
<p ALIGN="JUSTIFY">GIF圖象不是環球網上唯一使用的一種圖象格式。另一種格式,靜止圖象專家組(JPEG)格式也是廣泛使用的,使用JPEG格式的圖象都有jpg的擴展名。</p>
<p ALIGN="JUSTIFY">為什么有兩種圖象格式?每種格式都適用于一些特定類型的圖片。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">JPEG的發音是“jay peg“。</p>
<p ALIGN="JUSTIFY">通常在網頁上顯示照片用JPEG格式較好――JPEG適合顯示有許多不同顏色的圖象,這有下面的原因:</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">與GIF不同,JPEG圖象不局限于256種顏色,JPEG圖象可以有上百萬種色彩,當然這并不意味著所有的顯示器都能顯示這些顏色。</p>
<p ALIGN="JUSTIFY">第二個理由涉及到兩種格式對圖象數據的壓縮方式。如果你用GIF格式建立了一個有許多不同顏色的圖象,這個文件的大小就會比用JPEG格式創建的大得多。這一點是很重要的,因為網絡瀏覽器總是在讀入小文件時要快些。</p>
</blockquote>
</blockquote>
<p ALIGN="JUSTIFY">在大部分情況下,你可以用GIF格式為你的網頁創建圖象,一般GIF圖象比較小,調入比較快。它們還可以設定透明色彩,而JPEG則不具有這一特性。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">第三種圖象格式現在用得還不多,但在不久的將來可能會大量使用。World
Wide Web Consortium推出了PNG(發音ping)格式,作為GIF格式的替代品。GIF格式的一個問題是它不是公開的,它最初是由CompuServe開發的。雖然GIF格式是私有的,但你可以在你的網頁中使用GIF圖象而不用支付任何費用。</p>
</font>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -