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

Postingan populer dari blog ini

Laporan Praktikum PBO Modul 1 (Class, Atribute, Method, dan Object)

Praktikum Jaringan Komputer Modul 8 (Dynamic Routing)

Praktikum Jaringan Komputer Modul 7 (Static Routing)