iLMS知識社群ePortfolioeeClass學習平台空大首頁登入
(2012-10-06) 數位內容導論 第07講
by 李百麗 2012-10-06 19:22:51, 回應(0), 人氣(813)
---<img>標籤的用法---
.附屬檔名需為gif或jpg。
.語法:
<img src="圖檔檔名" alt="找不到圖檔時出現的內容。當滑鼠移到影像上方時也會出現此內容" width="圖像顯示時的寬度" height="圖像顯示時的高度" border="邊框大小">

---影像的壓縮---
.點陣圖(bitmap)是原始的影像格式,每個像素要使用24個位元儲存3原色的分量,因此需要很大的儲存容量,另外在傳送時需要較大的頻寬。
.jpg與gif都是壓縮的技術。前者可以使用在要保留鮮豔色彩的圖像,後者適用於網頁圖示。

---<img>範例---
.<img src= "banner07.jpg">
.<img src= "banner07.jpg" border=1>
.<img src= "banner07.jpg" width=300 height=400>

---<img>實例展示---
.以記事本編輯下列的內容,再以Browser開啟測試。
<img src="banner07.jpg" border=1 width=300 height=400>

---<img>的width與height的測試---
.width=pixel數
.height=pixel數

---gif動畫---
.gif檔可以有動畫效果。也有透明背景的效果。
<img src="student_0089.gif">
→Photoshop,PhotoImpact等影像處理軟體都可以編輯gif動畫。
→GIF Animator 5可以編輯gif動畫。在網路上就可以下載得到。

---GIF Animator 5簡介---
.http://skyboxs.net/2010/09/649