A.
TUJUAN
Memahami dan mengetahui fungsi dari CSS (Cascading Style Sheet) sebagai bahasa
pemograman guna mengatur desain dan layout
web.
B.
LANDASAN TEORI
CSS (Cascading
Style Sheet) adalah sebuah cara untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS dapat menciptakan
halaman yang tampak sama dengan resolusi layar dari pengunjung yangberbeda
tanpa memerlukan suatu tabel. Dengan CSS, akan lebih mudah melakukan setting tampilan
keseluruhan web hanya dengan menggantikan atribut-atribut atau perintah dalam style CSS dengan atribut yang dinginkan
tanpa harus mengubah satu per satu atribut tiap elemen yang ada dala situs yang
dibuat.
C.
ALAT DAN BAHAN
1.
Satu buah PC
2.
Aplikasi Notepad
3.
Web browser
4.
Lembar kerja percobaan
D.
LANGKAH-LANGKAH PRAKTIKUM
1.
Membuat folder di Dekstop dengan memberi nama
folder dengan NIM
2.
Untuk menyimpan file dengan ekstensi css , tulis nama file dengan ekstensi “.css”
3.
Untuk menyimpan file dengan ekstensi html , tulis nama file dengan ekstensi “.html”
E.
Percobaan 1
(Border)
Langkah-langkah praktikum :
1.
Buka Aplikasi Notepad.
2.
Ketikkan script berikut ke dalam notepad.
Hasil :
Percobaan 2 (Gambar)
Langkah-langkah praktikum :
1. Letakkan sebuah file gambar ber-ekstensi .jpg didalam folder yang dibuat, beri nama file gambar tersebut dengan nama gambar.jpg
2. Buka apikasi Notepad
3. Ketik script berikut :
Hasil :
Percobaan 3 (Bayangan)
Langkah-langkah praktikum :
1. Buka aplikasi Notepad
2. Ketik script berikut :
Hasil :
Percobaan 4 (Hyperlink)
Langkah-langkah praktikum :
1. Buka aplikasi Notepad
2. Ketikkan Script :
Hasil :
Percobaan 5 (Form Menggunakan Eksternal Style)
Langkah-langkah praktikum :
1. Buka aplikasi Notepad
2. Ketikkan script berikut :
3. Simpan file dengan nama style.css
4. Buka kembali lembar kerja baru di Notepad, Kemudian ketikkan script berikut :
Hasil:
TUGAS
1. Membuat border form pada percobaan 5 menggunakan salah satu style border pada percobaan 1
ketikan script di bawah ini :
Tidak ada komentar:
Posting Komentar