第五次上課：首頁製作(加入圖片)

■理論

一般網路上所使用的圖檔大多為 JPG 及 GIF 格式，這兩種格式的圖檔都有檔案小以方便網路傳輸下載的優點。

JPG圖檔：可顯示全彩圖片，採用破壞性壓縮法使圖檔檔案變小，壓縮的愈多，檔案愈小，但圖片失真的情況也愈嚴重。此種圖檔格式多適用於照片影像.但是無法去背景色的透明圖。

GIF圖檔：最多只能顯示256色，它是以減色的方式來使檔案變小，而不是用破壞性壓縮法，因此畫面不會失真。適用於顏色少、沒有羽化漸層的圖檔，如線條、按鈕、商標、卡通圖畫等圖案。另外，GIF圖檔也可以製作動畫圖檔及去背景色的透明圖，這是JPG圖檔無法作到的。因此在選擇圖檔的格式時，可以針對圖案本身的特性及傳輸速度來考慮輸出何種格式。

未去背圖

去背圖

■加入背景圖片或顏色(不可以是圖案.否則會變磁磚圖)

1. 加入背景圖片（注意淺底深字.深字淺底）

右鍵/頁面屬性/背景影像/選取images/*.gif/確定

注意:

網頁加入背景圖片或顏色.只能二選一.若使用兩者.則以背景圖片優先

■網頁標題(若無設定會出現無標題文件)

右鍵/頁面屬性/標題編碼方式

■網頁超連結去底線(可更改連結的顏色)

右鍵/頁面屬性/連結

■加入圖片

1.將滑鼠移至常用的影像工具列

2.點選圖形並設定圖形屬性（超連結.替代文字.大小.位置.）

3.選index.htm的圖做超連結連結檔案選取frameset.htm按確定

注意

在插入圖檔時，為避免網頁上傳後發生掉圖現象，有下列幾點要注意：

(1) 圖檔要存放在 images 下的資料夾中.盡量不要與網頁放在一起.否則會不好管理

(2) 圖檔要以英文命名。

(3)尺寸大的圖可以縮小.但檔案不變.尺寸小的圖放大後會有鋸齒狀(因為為點矩陣圖)

(4) 新開啟的網頁要先存檔後再來插入圖檔、作編輯的動作

補充

網站/資源(可觀看網站內的多媒體素材如圖.動畫等)