Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Aplikasi Web Mobile Lebar Layar Dinamis 1 HTML. Width Attribut Salah satu pembeda dari web desktop dan web mobile adalah lebar layar yang lebih kecil.

Presentasi serupa


Presentasi berjudul: "Aplikasi Web Mobile Lebar Layar Dinamis 1 HTML. Width Attribut Salah satu pembeda dari web desktop dan web mobile adalah lebar layar yang lebih kecil."— Transcript presentasi:

1 Aplikasi Web Mobile Lebar Layar Dinamis 1 HTML

2 Width Attribut Salah satu pembeda dari web desktop dan web mobile adalah lebar layar yang lebih kecil pada web mobile. Lebar layar harus disesuaikan dengan ukuran layar. Pada setiap tag html untuk melokalisasi area (table, div, td,tr, dsb) terdapat atribut width yang digunakan untuk mengatur lebar. –Contoh Gunakan satuan % untuk mengatur lebar dinamis –Contoh

3 Percobaan 1 Install Web server di localhost Cek apakah web server localhost sudah aktif dengan memasukan alamat di web browser Install opera mobile emulator, download di

4 Percobaan 2 Buat file dengan nama tabel1.html di folder c:\appserv\www\ … yang berisi Data 1 Data2

5 Percobaan 3 Buat file dengan nama tabel2.html di folder c:\appserv\www\ … yang berisi Data 1 Data2

6 Penjelasan digunakan untuk mendefinisikan suatu tabel (buka dan tutup) digunakan untuk memulai baris dalam tabel dan menutup baris digunakan untuk memulai kolom dalam suatu baris dan menutupnya

7 Percobaan 4 Buat file dengan nama tabel3.html di folder c:\appserv\www\ … yang berisi 1 Data 1 2 Data 2

8 Percobaan 5 Buatlah halaman web berisi 2 tabel, tabel 1 dengan lebar tetap, dan tabel ke 2 dengan lebar dinamis Tabel berisi kolom nomor,nama matakuliah yang pernah anda tempuh dan nilai (minimal 5 Mata kuliah)

9 Percobaan 6 Cari informasi tentang atribut colspan pada tag. Buatlah contoh penggunaannya pada tabel dinamis

10 Percobaan 7 Cari informasi tentang atribut rowspan pada tag. Buatlah contoh penggunaannya pada tabel dinamis

11 Kesimpulan Lebar halaman dapat dibuat dinamis dengan menggunakan ukuran relatif (%), tidak menggunakan angka fix atau absolut. Tag tabel salah satu tag yang biasa digunakan untuk me-layout halaman web. Tag tabel dapat menggunakan ukuran relatif


Download ppt "Aplikasi Web Mobile Lebar Layar Dinamis 1 HTML. Width Attribut Salah satu pembeda dari web desktop dan web mobile adalah lebar layar yang lebih kecil."

Presentasi serupa


Iklan oleh Google