第三篇
HTML教學
網頁研習室 第五節
網頁圖片
 
圖檔特殊用法及注意事項
請參考下一步驟電子報內更多的相關課程學習資料。
請參考下一步驟電子報內更多的相關課程學習資料。
請注意:
同樣大小的一張大圖與數張小圖片,載入速度絕對不一樣。
請注意:
網路上有小部份的使用者
因上網使用速率較慢,可能會將瀏覽器的多媒體顯示功能關閉。
高檔圖片預載效果:讓低解析度圖先快速載入網頁,然後再慢慢變成高解析度全彩照片 進入學習
影像地圖標籤:不錯的圖檔不規則超連結標籤,有時間一定要試試看,或許以後您會用上 進入學習
用 PhotoImpact 製作透明圖:透明圖製作教學,讓圖片也能透空,達到特殊用圖效果 進入學習
用 PhotoImpact 分割大圖:圖檔如果過大,最好將他分割成幾小塊,以加快載入時顯示速度 進入學習
使用圖片標籤注意事項:
圖片檔案超過 300 Kb 以上,應先分割處理為數張小圖片,這樣才能加快載入時顯示速度
每一頁切勿放置過多圖檔,每一小圖檔請控制於 10 kb 左右,每頁大小總量也請控制於 300 kb 以內。
善用 ALT="文字說明" 功能,以避免圖片無法顯示或部份習慣關閉圖片功能之網友使用
請養成加設 Height 與 Width 這兩個屬性習慣,這樣會加快瀏覽器排版及縮短下載時間。
學會如何用使用 ACDSee 看圖軟體,查看圖片種類、尺寸等資訊。
學會如何用使用 PhotoImpact 繪圖軟,基本的製作、修圖等技巧。
網站除了要有內容外,整體的圖片與色彩搭配組合,會影響訪客對此網站的第一個感覺。
善用路徑(目錄)觀念(後面超連結會教您),妥為分類,以利以管理及後續網頁維護。
注意:GIF、JPG、PNG 檔名及副檔名,請務必使用英文小寫。
我蒐集很多國內外圖庫網站,供您參用請參考,詳電子報內更多的相關課程學習資料。