Desain Media Interaktif LK-10

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

Nilai

Membuat Login Form

dengan HTML dan CSS

Kompetensi Dasar

3.10 Memahami mekanisme pengolahan data pada produk multimedia interaktif

4.10 Mengolah data pada produk multimedia interaktif

Ringkasan Materi

Login form atau halaman login adalah sebuah halaman pada website yang berfungsi sebagai
pintu masuk atau gerbang untuk memasuki sebuah sistem web.

Latihan 1

1. Buka Adobe Flash Professional CS5 (Pilih Action Script 2.0)

2. Silahkan buat index.html dengan coding berikut :

3. Langkah selanjutnya ialah membuat halaman style.css dengan coding berikut :

 Desain Media Interaktif LK-10

4. Jangan lupa untuk mengcopy icon lock.png ke komputer kamu

5. Selesai. Coba buka menggunakan browser.
 Desain Media Interaktif LK-10

6. Screenshot tampilannya pada kolom dibawah ini:

Latihan 2

1. Buatlah sebuah login form mengikuti tutorial Membuat Login Form – Tipe 2
2. Setelah file disimpan, coba buka menggunakan browser.
3. Screenshot tampilannya pada kolom dibawah ini:

Latihan 3

1. Buatlah sebuah login form mengikuti tutorial Membuat Login Form – Tipe 3
2. Setelah file disimpan, coba buka menggunakan browser.
3. Screenshot tampilannya pada kolom dibawah ini:

Uji Pemahaman

1. Jelaskan perbedaan form login pada latihan 1,2 dan 3 !

<isi disini>

Kesimpulan

Apa yg bisa kamu simpulkan dari praktikum kali ini?

<isi disini>