Scribd Logo
Unggah

Selamat datang di Scribd!

  • Dmi - LK 8

    Diunggah oleh

    Aga Aprayoga
    39 tayangan5 halaman
    Lembar kerja ini membahas tentang teknik pemrograman web sederhana menggunakan HTML5 dan CSS tanpa menggunakan web server. Siswa diajarkan cara membuat file index.html dan style.css, lalu membuka file index.html di browser untuk melihat hasilnya. Siswa juga diuji pemahamannya tentang tag-tag HTML dan atribut CSS yang digunakan.

    Deskripsi Asli:

    Judul Asli

    DMI - LK 8

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Lembar kerja ini membahas tentang teknik pemrograman web sederhana menggunakan HTML5 dan CSS tanpa menggunakan web server. Siswa diajarkan cara membuat file index.html dan style.css, lalu membuka file index.html di browser untuk melihat hasilnya. Siswa juga diuji pemahamannya tentang tag-tag HTML dan atribut CSS yang digunakan.

    Hak Cipta:

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

    Dmi - LK 8

    Diunggah oleh

    Aga Aprayoga
    Lembar kerja ini membahas tentang teknik pemrograman web sederhana menggunakan HTML5 dan CSS tanpa menggunakan web server. Siswa diajarkan cara membuat file index.html dan style.css, lalu membuka file index.html di browser untuk melihat hasilnya. Siswa juga diuji pemahamannya tentang tag-tag HTML dan atribut CSS yang digunakan.

    Hak Cipta:

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

    Desain Media Interaktif LK-8

    Lembar Kerja
    Nama Siswa :
    Kelas : XI Multimedia
    Guru Pengampu : Rani Salidowati, S.Tr.Kom

    Nilai

    Teknik Pemrograman Web Sederhana

    Kompetensi Dasar

    3.8 Menerapkan teknik pemrograman (coding) pada multimedia interaktif


    4.8 Menggunakan program (coding) pada multimedia interaktif

    Ringkasan Materi

    Kita akan belajar cara membuat aplikasi web sederhana tanpa menggunakan web server seperti
    apache, hanya menggunakan javascript dan fitur canggih yang dimiliki HTML5. Pada saat ini Web
    browser sudah mendukung HTML5 yang sudah memiliki fitur seperti canvas, WebGL, local Storage
    yang digunakan untuk menyimpan data dalam bentuk key value, video dan Audio, dan masih banyak
    lagi.
    Dengan adanya fitur tersebut kita sudah bisa membangun aplikasi yang dapat diakses secara
    lokal, dan tidak perlu membutuhkan web server. Hasil Akhir dari tutorial ini akan nampak seperti
    gambar berikut ini:

    SMK Hebat - SMK Bisa

    Langkah Kerja
    Desain Media Interaktif LK-8

    1. Dengan menggunakan aplikasi Notepad/Notepad++ buatlah file index.html dengan coding


    sebagai berikut:

    2. Buat pula file style.css dengan coding :


    Desain Media Interaktif LK-8

    3. Bukalah file index.html menggunakan browser


    Desain Media Interaktif LK-8

    4. Bagaimanakan tampilan yang muncul?


    5. Capture/screenshot tampilan web yang muncul pada browser di kolom berikut
    Uji Pemahaman

    1. Jelaskan fungsi tag yang terdapat pada file index.html berikut !

    No Tag Fungsi
    1 <html> ... </html>
    2 <head> ... </head>
    3 <body> ... </body>
    4 <title> ... </title>
    5 <h1> ... </h1>
    6 <p> ... </p>
    7 <ul> ... </ul>
    8 <li> ... </li>
    9 <div> ... </div>
    10 <a> ... </a>

    2. Jelaskan fungsi atribut yang terdapat pada file style.css berikut !

    No Tag Fungsi
    1 Background
    2 Padding
    3 Height
    4 Margin
    5 Overflow
    6 Float
    7 Weight
    8 List-style-type
    9 Wrap
    10 Clear

    3. Jelaskan perbedaan file html dan css yang telah kamu buat!

    <isi disini>

    Kesimpulan

    Apa yg bisa kamu simpulkan dari praktikum kali ini? (Tulis sebanyaknya yg kamu pahami)
    SMK Hebat - SMK Bisa

    <isi disini>

    Anda mungkin juga menyukai