Dokumen tersebut membahas tentang format berbagai file media seperti gambar, audio, video, dan animasi untuk ditampilkan di halaman web. Termasuk cara memasukkan gambar dan audio, menentukan ukuran gambar, memberikan keterangan pada gambar, serta menggunakan plugin dan image map.

1. Pemrog Web
& Perangkat
Bergerak
Oleh : jejaktutorial.com

2. 


χ
Format
File Video
& Animasi
Format Gambar
dengan Map
Format
Gambar &
File Audio

3. 


χ
a. Memasukkan
Gambar ke dalam
halaman web
b. Menggabungkan
gambar dan Teks
c. Memperkecil dan
memperbesar
ukuran gambar
d. Memberi
keterangan pada
gambar

4. 


χ
File gambar atau image
yang dapat disimpan
dibedakan menjadi dua
yaitu Internal resource
dan eksternal resource
(hotlink).
FILE
GAMBAR
Internal
resource
Eksternal
resource

5. 


χ
alt
src
title width
Height

6. 


χ
Cara yang diperlukan untuk memasukkan atau menambahkan gambar ke
dalam suatu halaman web sangatlah mudah. HTLM menyediakan Tag
khusus untuk keperluan ini yaitu <img>, dan atribut yang digunakan adalah
src.
Bentuk umum penggunaan Tag <img>
<img src=“namafile”>

7. 


χ
Menggabungkan atau penyisipkan gambar di dalam suatu teks atau
paragraf tertentu, tedapat pilihan posisi gambar yang harus diperhatikan,
sebagai berikut :
Secara
vertikal
Teks bisa berada sejajar
dengan bagian atas gambar
Teks bisa berada sejajar
dengan bagian tengah
gambar
Teks bisa sejajar dengan
bagian bawah gambar.
Secara
horizontal
Gambar bisa berada
dibagian kiri teks atau
paragraf.
Gambar bisa berada
dibagian kanan teks atau
paragraf.

8. 


χ
Gambar yang ditampilkan pada halaman dokumen HTML terkadang tidak
memiliki ukuran gambar yang sama dengan ukuran yang sebenarnya. Untuk
menghasilkan gambar dengan kualitas yang mirip aslinya, penentuan
ukuran juga menjadi hal yang penting untuk diperhatikan.
Penggunaan atribut width & height
<img src=“namafile” width=“500” height=“400”>

9. 


χ
Agar lebih terkesan informatif, dapat memberikan keterangan yang relevan
dan seperlunya terhadap gambar yang ditampilkan. Untuk memberikan
keterangan semacam ini, dapat menggunakan atribut ALT dan TITLE.
ALT
<img src=“namafile” alt=“keterangan”>
TITLE
<img src=“namafile” title=“keterangan”>

10. 


χ
a. Format tampilan
file audio
b. Menyajikan audio
dalam tampilan web
c. Plug-in Audio

11. 


χ
Kebanyakan file audio diputar melalui sebuah plugin, misalnya flash.
Namun, browser yang berbeda mungkin memiliki berbagai plugin. HTML5
mendifinisikan elemen baru yang menentukan cara standar untuk
menanamkan file audio pada halaman web : elemen <audio>...</audio>.
Untuk memasukkan suara pada HTML, dapat menggunakan tag <audio>.
Format suara yang telah di dukung HTML5 adalah MP3, WAV dan OGG.

12. 


χ
File audio seperti mp3 dapat dibuat melalui tag <audio>...</audio>. Berikut
adalah format lengkap untuk memainkan musik ke dalam aplikasi web.
Format audio
<audio controls>
<source src=“nama file” type=“audio/mp3”>
</audio>

13. 


χ
Plugin merupakan sebuah program komputer kecil yang memperluas fungsi
standar dari sebuah browser. Plugin dapat ditambahkan ke halaman HTML
menggunakan tag <object> atau tag <embed>.

14. 


χ
1. Format tampilan file video
• Tag yang digunakan untuk menampilkan
video adalah <video>...</video>
2. Format tampilan animasi
• File animasi dapat ditampilkan pada halaman
web dengan cara di embed-kan. <embed
src=“nama file”>

15. 


χ
Gambar dengan map memungkinkan untuk memasang beberapa link dalam
satu gambar. Hal tersebut dapat memudahkan dalam memanggil sebuah
halaman web dengan hanya menempatkan sekelompok gambar menjadi
satu gambar. Untuk membuat image map, harus ditambahkan atribut
USEMAP pada tag image.
Format gambar dengan map
<img src = “directori gambar/ nama gambar”
usemap=“#planetmap”>