Dokumen ini adalah laporan praktikum basis data yang membahas tentang CSS (Cascading Style Sheets), termasuk tujuan, keuntungan, dan penulisan kode CSS. Praktikum ini mencakup tugas-tugas seperti mengubah teks dalam HTML dengan gaya CSS dan menciptakan konten yang estetik. Laporan harus diunggah dan diserahkan melalui platform e-learning setelah praktikum.

1. Laporan Praktikum Basis Data
PRAKTIKUM BASIS DATA
MODUL
CSS(Cascading Style Sheet)
Disusun Oleh :
IKLIL RAFIKA
1210651170
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2012/2013
Page 1 of 5

2. Laporan Praktikum Basis Data
I. DATA CSS
1.Maksud
Modul ini membahas tentang bahasa dasar CSS ()
2.Tujuan
2.1 Memahami konsep dasar CSS dan penggunaannya pada web.
3.Dasar Teori
CSS adalah singkatan dari Cascading Style Sheets.
CSS adalah aliran dari suatu kode ke kode lain yang saling berhubungan.
CSS merupakan kumpulan kode-kode berurutan dan saling berhubungan
untuk mengatur format / tampilan suatu halaman HTML.
4.Keuntungan CSS
- Memudahkan dalam penggantian format secara keseluruhan.
- lebih praktis
-Untuk mengubah tampilan web, tanpa mengubah layout utamanya.
5. Penulisan kode CSS:
.tengah {text-align: center;}
p.tengah {color: red;}
h1.kiri {color:blue;}
h1.tengah {color:black;}
6. Pemakaian kode CSS ke HTML:
<p class=“tengah”>Teks tengah akan berwarna merah</p>
<div class="tengah">
tengah akan berwarna hitam</h1>
</div>
<h1 class="kiri">Tag h1 kiri akan berwarna biru</h1>
II. TUGAS
1.Ubahlah teks dalam list (kandungan susu) sehingga property font (warna, jenis
font, ukurannya sama dengan paragraf pertama)
2.Ubahlah teks dalam panel menu atas menjadi link dan ketika disorot dengan
kursor, warna teks dan background-nya berubah
3. Isilah bagian sebelah kanan halaman (bagian berwarna biru) dengan suatu
konten (misalnya daftar artikel, dsb). Dan percantiklah dengan kreasi CSS anda
Page 2 of 5

3. Laporan Praktikum Basis Data
(tidak ada CSS berarti juga TIDAK ADA NILAI)
4. Tambahkanlah teks/ tulisan yang proporsional di bagian header halaman
5. Dibuat laporan ya, upload di slideshare.net dan URLnya disubmit di elearning.
Berikut Scriptnya :
Page 3 of 5

4. Laporan Praktikum Basis Data
Untuk melihat hasilnya, browse localhost/css pada web browse anda. Hasilnya akan seperti ini:
Page 4 of 5

5. Laporan Praktikum Basis Data
Page 5 of 5

6. Laporan Praktikum Basis Data
Page 5 of 5