Scribd Logo
Unggah

Selamat datang di Scribd!

  • 4 - Multimedia Pada Halaman Web

    Diunggah oleh

    Surya R. Labetubun
    298 tayangan13 halaman
    Multimedia pada halaman web.

    Judul Asli

    4- Multimedia Pada Halaman Web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Multimedia pada halaman web.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    298 tayangan13 halaman

    4 - Multimedia Pada Halaman Web

    Diunggah oleh

    Surya R. Labetubun
    Multimedia pada halaman web.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 13

    MULTIMEDIA PADA HALAMAN WEB

    SURYA R. LABETUBUN
    APA YANG AKAN DIPELAJARI

     Format Tampilan Gambar


     Format Tampilan File Audio
     FormatTampilan Video dan
    Animasi
     Format
    Tampilan Gambar
    dengan MAP
    Format Tampilan Gambar

    Tag <img> digunakan untuk


    menampilkan gambar pada dokumen
    HTML.

    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.
    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.
    Cobalah copykan gambar
    kedalam satu folder file html yang
    anda buat untuk menampilkan
    gambar. Letakkan kode berikut
    ditengan tag <body>. Misal

    <img src="hery.jpg" />


    hery.jpg merupakan nama filenya.
    Jika diluar folder maka beri tanda
    ../nama_folder/filename.jpg.
    Background Sound

    Tag <bgsound> memungkinkan suara


    dimainkan di latar belakang. Dapat
    diterapkan baik pada audio maupun
    video. Sayangnya tag ini hanya dikenal
    di browser internet explorer.

    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.
    <html>
    <head>
    <title>musik</title>
    </head>
    <body>
    Gunakan Internet Explorer bila anda <br>
    Ingin mendengarkan background music<br>
    <bgsound src = “E:\lagu\midi
    music\Zodiac.mid” loop = “2”>
    </body>
    </html>
    Format Tampilan File Audio,
    Video, dan Animasi
    Untuk bisa menampilkan audio dan
    video digunakan elemen HTML
    "embed".

    <embed> merupakan tag dari HTML


    embed.
    Berikut adalah contoh sederhana
    penggunaan elemen ini untuk
    memainkan file audio berformat midi.

    Codingku HTML Editori


    <embed src="nama_file.mid" //ini boleh
    *.mp3 atau *.mp4width="100%"
    height="60" > </embed>
    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.
    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.
    <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">
    <area shape="circle" coords="293,83,57"
    href="bola.htm" alt="Bola" title="Bola">
    <area shape="poly"
    coords="164,156,219,161,243,207,243,235,267,25
    9,193,288,118,257,118,241,142,233,140,208"
    href="rumah.htm" alt="Rumah" title="Rumah">
    </map>
    Hasil

    Anda mungkin juga menyukai