Praktikum Pemrograman Web1 Modul 4 (CSS Casscading Style Sheet)
LAPORAN PRAKTIKUM
PEMROGRAMAN WEB 1
MODUL 4
"CSS (Casscading Style Sheet)"
Di Susun Oleh :
Nama : Deni Nurfazar
NIM : 20160920121
Kelas : SI-2016 C
LABORATORIUM FAKULTAS KOMPUTER
UNIVERSITAS KUNINGAN
TAHUN AKADEMIK
2017/2018
--------------------------------------------------------------------------------------------------------------------------
Post Test
Buatlah design WEB untuk menampilkan gambar dengan CSS seperti pada buku modul
Untuk membuat form login pertama kita buat terlebih dahulu script htmlnya, berikut ini script nya:
![]() |
Script CSS |
![]() |
Hasil Running CSS |
Penjelasan :
Untuk membuat CSS menampilkan gambar seperti didalam tabel maka kita buat scriptnya untuk ukuran gambar, ukuran border, warna border serta text.
untuk ukuran tiap kotak digunakaan "padding". setelah itu masukkan gambar yang akan ditampilkan degan memperhatikan nama setiap gambar harus sama dengan file gambar tersebut bersama formatnya. contoh : Gambar1.jpg
Tugas
1. Buatlah design WEB dengan menggunakan CSS seperti pada buku modul.
Berikut Script CSS nya :
![]() |
Script CSS header & menu |
![]() |
Tampilan CSS Header dan Menu |
Penjelasan :
untuk membuat header dan menu pada CSS maka kita buatkan menu didalam tabel. Dimana di dalam tabel tersebut hanya membutuhkan "<th></th>" dimana tag th berfungsi sebagai penamaan baris. dimana baris pertama untuk Home, baris kedua untuk news dan seterusnya.
Komentar
Posting Komentar