Scribd Logo
Unggah

Selamat datang di Scribd!

  • MULTIMEDIA HTML

    Diunggah oleh

    Anisa Nuzul N
    184 tayangan5 halaman
    Dokumen ini memberikan instruksi tentang cara membuat list dan menampilkan file multimedia seperti gambar, audio, dan video pada halaman HTML. Peserta didik diajak membuat halaman web sederhana menggunakan HTML yang menampilkan list ekstrakurikuler dan jurusan beserta file multimedia. Kemudian menjelaskan penggunaan tag-tag HTML terkait dan mengumpulkan hasilnya.

    Deskripsi Asli:

    Judul Asli

    LKPD - 3 Menampilkan multimedia pada HTML Kelas XI SIJA (1)

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Dokumen ini memberikan instruksi tentang cara membuat list dan menampilkan file multimedia seperti gambar, audio, dan video pada halaman HTML. Peserta didik diajak membuat halaman web sederhana menggunakan HTML yang menampilkan list ekstrakurikuler dan jurusan beserta file multimedia. Kemudian menjelaskan penggunaan tag-tag HTML terkait dan mengumpulkan hasilnya.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    184 tayangan5 halaman

    MULTIMEDIA HTML

    Diunggah oleh

    Anisa Nuzul N
    Dokumen ini memberikan instruksi tentang cara membuat list dan menampilkan file multimedia seperti gambar, audio, dan video pada halaman HTML. Peserta didik diajak membuat halaman web sederhana menggunakan HTML yang menampilkan list ekstrakurikuler dan jurusan beserta file multimedia. Kemudian menjelaskan penggunaan tag-tag HTML terkait dan mengumpulkan hasilnya.

    Hak Cipta:

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

    Kegiatan Praktek Materi Membuat List dan Menampilkan

    File Format Multimedia pada HTML

    Topik : Bagaimana menampilkan file-file multimedia pada HTML?

    Tujuan: Setelah selesai mempelajari LPKD-3 ini diharapkan kalian mampu:

    1. Membuat list pada HTML


    2. Memahami kode program untuk membuat list pada HTML
    3. Menyisipkan file-file multimedia seperti image, audio dan video pada HTML.
    4. Memahami kode program untuk menampikan multimedia pada halaman HTML
    dengan benar.
    5. Memperbaiki kesalahan (error) pada blok kode HTML.

    A. Peralatan
    1. PC atau Laptop
    2. Software Visual Studio Code atau Text Editor sejenis lainnya

    B. Kegiatan
    1. Buatlah sebuah halaman web HTML seperti gambar di bawah ini:
    2. Jalankan aplikasi Visual Studio Code atau text Editor lain yang dimiliki lalu buat sebuah file
    berekstensi HTML dan simpan dengan nama multimedia.html
    3. Siapkan tiga buah folder dengan nama Musics, Audios, Videos yang masing-masing berisi:
    a) Folder Images berisi file gambar
    b) Folder Audios berisi file audio dengan format MP3
    c) Folder Videos berisi file video dengan format MP4
    4. Ketikan kode-kode HTML berikut ini:
    Peringatan : Harus diketikan tidak boleh dicopy-pastekan agar paham jika ada kesalahan
    pengetikan !

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-
    scale=1.0">
    <title>Multimedia</title>
    </head>

    <body>
    <table width="1000" cellspacing="0" cellpadding="10" border="0" a
    lign="center">
    <tr>
    <td colspan="2" background="Images/bgHeader SMKN 1.png" h
    eight="230" alt="Header">
    <!-
    - <img src="Images/bgHeader.jpg" alt="Image Header"> -->
    </td>
    </tr>
    <tr>
    <td width="30%" bgcolor="#fbe7ab">
    Ekstra Kulikuler :
    <ol type="A" start="1">
    <li>Bulu Tangkis</li>
    <li>Footsal</li>
    <li>Paskibra</li>
    <li>Silat</li>
    <li>Karate</li>
    <Li>Kungfu</Li>
    </ol>
    Jurusan :
    <ul type="circle">
    <li>Rekayasa Perangkat Lunak (RPL)</li>
    <li>OTKP</li>
    </ul>
    </td>
    <td width="70%" bgcolor="#fbe7ab" align="justify">
    <p align="center"><img src="Images/Pemandangan.jpg" a
    lt="Pemandangan" width="50%"></p>

    Lorem ipsum dolor sit amet consectetur adipisicing el


    it. Reiciendis, consequuntur quos. Praesentium,
    possimus culpa ab magnam eveniet, quia debitis omnis
    eligendi non accusamus accusantium soluta.
    Perferendis est cumque fuga adipisci non quibusdam? Q
    ui, voluptates iure. Vitae, unde dolorem illo
    excepturi deserunt in iure ex sequi quod adipisci fac
    ilis amet ratione sit, nisi eos atque quae?
    Aspernatur voluptatem saepe deserunt reprehenderit ve
    ritatis magnam sapiente officiis, labore minus
    tempore, fugit quibusdam hic nobis? Itaque voluptas a
    periam ex ut et. Nisi perspiciatis possimus labore
    eos architecto soluta, cumque repudiandae. Amet, cons
    equuntur autem. Omnis nobis aspernatur ullam
    delectus similique quaerat rem accusamus, nemo error.
    <br><br>
    <audio controls>
    <source src="Musics/Menepi - Ngatmombilung (Guyon
    Waton Cover).mp3" type="audio/mpeg">
    Maaf Browser Yang Anda Gunakan Tidak Support HTML
    5 File Audio Mp3 ini
    </audio>
    <br><br>
    <video controls>
    <source src="Videos/Nabila Maharani.mp4" type="vi
    deo/mp4">
    Maaf Browser Yang Anda Gunakan Tidak Support HTML
    5 File Audio Mp4 ini
    </video>
    </td>
    </tr>
    <tr>
    <td colspan="2" background="images/bgFooter SMKN 1.png" h
    eight="30"></td>
    </tr>
    </table>
    </body>
    </html>

    5. Pahami tag-tag untuk membuat list dan menyisipkan file multimedia serta pahami layout
    menggunakan tablenya.
    6. Screen Shoot halaman HTML hasil modifikasi tersebut dan pastekan di Microsoft word.
    7. Jelaskan penggunaan tag dan atribut html yaitu list (order list dan unorder list), img, audio dan
    video.
    8. Simpan file word dengan nama dan kelas masing-masing peserta didik.
    9. Upload file word tugas tadi ke LMS pada Pengumpulan Tugas KD 4 Multimedia.

    C. Penilaian
    Rubrik Penilaian
    Amat
    Kurang Cukup Baik
    No Komponen Penilaian Baik
    (1) (2) (3)
    (4)
    1. Pemahaman pembuatan file html
    2. Kesesuaian desain dengan penugasan
    3. Pemahaman kegunaan dari tag-tag html
    4. Waktu penyelesaian atau pengumpulan tugas

    Skor: Kurang bernilai 1, Cukup bernilai 2, Baik bernilai 3 dan Amat Baik bernilai 4

    Nilai Akhir = (Jumlah Skor / 16) x 100

    D. Tempat Pengerjaan

    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………
    …………………………………………………………………………………………………………………………………………………………

    Anda mungkin juga menyukai