网页的图片.ppt

專業HTML網頁設計;第八章　網頁的圖片;圖片的格式有許多種，例如：GIF、JPEG、BMP、PCX、TIF、、等等。 瀏覽器所內定支援的只有GIF與JPEG兩種格式，如果要觀看其他格式的圖片，則需要外掛程式的輔助。 因此，建議將所有想要放到網頁上的圖片先轉換成GIF與JPEG格式。;GIF(Graphics Interchange Format)格式的圖檔將每一個像素點，使用8個位元來儲存像素點的顏色，因此最多可以顯示28=256種顏色。 由於GIF是透過儲存像素點的顏色來完成一張圖片的格式，因此，屬於點陣圖的一種(BMP也是點陣圖的一種)。;8.1.1　GIF格式圖片;8.1.2　JPEG格式圖片;屬性;8.2　插入圖片img;8.2.1 img－src屬性;8.2.2　img - alt屬性;8.2.3　img - width、height屬性;在使用此兩個屬性時，應該避免圖片因為放大或縮小導致失真的效果。動態鏈結網頁(更新網頁) 範例8-3： 內容 執行結果;8.2.4　img - border屬性;8.2.5 img - align屬性;8.2.5 img - align屬性;8.2.6　img - hspace、vspace屬性;Hspce可以設定圖片與邊文字的水平間隙，vspace則可以設定圖片與邊文字的重直間隙。 範例8-8： 內容 執行結果 ;8.3　GIF圖檔的分段顯示;8.4　圖片與超鏈結的整合;8.4.1　圖片與單一超鏈結整合;8.4.2　圖片與多方超鏈結整合;圖8-1 多方超鏈結規劃;8.4.2　圖片與多方超鏈結整合;area shape=rect coords=X1,Y1,X2,Y2 href=鏈結目標URL;8.4.2　圖片與多方超鏈結整合;8.4.2　圖片與多方超鏈結整合;8.5　圖片的整合應用;8.5　圖片的整合應用;8.5.1　圖片、超鏈結、清單的整合應用;8.5.2　圖片、超鏈結、表格的整合應用;8.5.3　表格與圖片切割的整合應用;8.5.3　表格與圖片切割的整合應用;8.6　網頁DIY;本章習題