CSS - Cascading Style Sheets Adam Arif Budiman, S.T, M.Kom
Apa itu CSS CSS merupakan bahasa yang digunakan untuk mengatur tampilan / desain suatu halaman HTML
Bayangkan jika anda memiliki website dengan 100 halaman Bayangkan jika anda memiliki website dengan 100 halaman. Bayangkan apabila anda ingin mengganti jenis huruf dari tiap website. Hal tersebut tentu saja sangat membuang waktu, tetapi jika anda menggunakan CSS untuk mendesain tampilan web, maka hal tersebut dapat dilakukan dengan mudah
Kenapa CSS Pada jaman dulu kala ketika membuat tampilan web yang menarik dan colorfull begitu rumit. Membuat gambar di photoshop, ditempelkan di halaman web, sebagai background, mengganti warna agar menarik atau merubah bentuk tulisan di web
Kenapa CSS (lanj) Jaman dulu: 1. Buat desainnya. menggunakan .psd (photoshop ) atau .cdr ( coreldraw ) 2. buat tabelnya. menggunakana tag <table>, <tr> dan <td> 3. potong – potong desain sesuai dengan kolom pada tabel, lalu “selipkan” desain pada kolom tabel menggunakan sebagai elemen image tabel atau background.
Kenapa CSS (lanj) Sekarang: buat halaman web buat css ditempelkan di halaman web → tampilan halaman web sesuai dengan css yang anda buat
Penulisan CSS Sebagai file css tersendiri dengan ekstension css (mis: warna.css, bagrond.css) yang akan dipanggil oleh halaman html Ditempelkan di halaman html Inline → hanya tag yang diberi script css saja
Cara penulisan--> file tersendiri halamanku.html ex1.css
Cara Penulisan--> ditempelkan pada source html
Cara Penulisan-->in line tag html
Cara penulisan-syntaks Selector Declaration
Cara penulisan-syntaks
Komentar dalam CSS Untuk menjelaskan script Dapat diabaikan oleh browser asal.....
Style - background
Style - list
Box
Box
FORM
FORM (lanj)
Tugas lab Buatlah halaman web sederhana yang berisi elemen CSS
Tugas Rumah Buatlah halaman web yang terdiri minimal 3 halaman yang dapat berhubungan/link satu sama lain. Topik halaman web (opsional) Pendidikan Perdagangan Image galery Dan lain lain.
pengumpulan Sebelum UTS Dikirim melalui email ariadam@gmail.com Kriteria penilaian: Memasukkan semua aspek HTML dan CSS yang sudah dipelajari