Multimedia pada Halaman Web
•Download as PPT, PDF•
1 like•1,887 views
Dokumen ini membahas tentang penggunaan multimedia pada halaman web, termasuk format tampilan gambar, audio, video, dan animasi menggunakan tag-tag seperti <img>, <bgsound>, <embed>, dan <map>. Tag-tag tersebut digunakan untuk menampilkan berbagai jenis file seperti gambar, audio, video, serta memungkinkan interaksi dengan bagian-bagian tertentu pada gambar.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Multimedia pada Halaman Web
Similar to Multimedia pada Halaman Web (20)
More from SMK Kartika XX-1 Makassar
More from SMK Kartika XX-1 Makassar (17)
Multimedia pada Halaman Web
- 1. MULTIMEDIA PADA HALAMAN WEB Surya R. Labetubun SMK Kartika XX-1 Makassar
- 2. APA YANG AKAN DIPELAJARI • Format Tampilan Gambar • Format Tampilan File Audio • Format Tampilan Video dan Animasi • Format Tampilan Gambar dengan MAP
- 3. Format Tampilan Gambar Tag <img> digunakan untuk menampilkan gambar pada dokumen HTML.
- 4. Tag <img> termasuk salah satu dari empty element, maksudnya memiliki attribut tetapi tidak memiliki tag penutup. Browser menampilkan gambar sesuai letak tag <img> pada dokumen HTML yang dibuat.
- 5. Syntax dari HTML image <img src='url'/> Penjelasan : <img> adalah tag pembuka. src adalah attribut yang digunakan sebagai informasi darimana url letak gambar yang akan ditampilkan tersimpan.
- 6. Cobalah copykan gambar ke dalam satu folder file html yang anda buat untuk menampilkan gambar. Letakkan kode berikut di tengah tag <body>.
- 7. <img src="hery.jpg" /> hery merupakan nama filenya. .jpg merupakan ekstensi file. Jika diluar folder maka beri tanda ../nama_folder/filename.jpg.
- 8. Background Sound Tag <bgsound> memungkinkan suara dimainkan di latar belakang. Dapat diterapkan baik pada audio maupun video.
- 9. Atribut yang digunakan pada tag bgsound berupa src dan loop. Src digunakan untuk menentukan nama file suara atau video. Sedangkan loop digunakan untuk mengulang sebanyak nilai yang ditentukan apabila suara telah habis diputar.
- 10. <html> <head> <title>musik</title> </head> <body> Ingin mendengarkan background music<br> <bgsound src = “E:lagumidi musicZodiac.mid” loop = “2”> </body> </html>
- 11. Format Tampilan File Audio, Video, dan Animasi Untuk bisa menampilkan audio dan video digunakan elemen HTML "embed". <embed> merupakan tag dari HTML embed.
- 12. Berikut adalah contoh sederhana penggunaan elemen ini untuk memainkan file audio berformat midi. <embed src="nama_file.mid" width="100%" height="60" > </embed>
- 13. Tipe-tipe media Video Tag <embed> mendukung tipe-tipe berikut : .swf adalah file yang dibuat dengan macromedia flash. .wmv adalah file format dari Windows Media Video. .mov adalah file format dari Quick Time milik Apple. .mpeg adalah file format yang dibuat oleh Moving Pictures Expert Group.
- 14. Format Tampilan Gambar dengan Map Tag map dalam pengkodean html memang disediakan untuk mengkayakan konten dalam sebuah website. Seperti website dangan konten berisi peta yang bisa disorot dan diklik pada bagian-bagian tertentu. Disinilah tag map ini digunakan.
- 15. <img src="petaku.jpg" width="400" height="300" alt="Peta" usemap="#petaku"> <map name="petaku"> <area shape="rect" coords="33,37,147,128" href="bingkai_foto.htm" alt="Bingkai_Foto" title="Bingkai_Foto">
- 16. <area shape="circle" coords="293,83,57" href="bola.htm" alt="Bola" title="Bola"> <area shape="poly" coords="164,156,219,161,243,207,24 3,235,267,259,193,288,118,257,118, 241,142,233,140,208" href="rumah.htm" alt="Rumah" title="Rumah"> </map>
- 17. Hasil