Rabu, 30 Desember 2009

About CSS


Bayangkan saja anda memiliki website dengan 1000 halaman, bayangkan juga jika anda ingin mengganti huruf pada text blog anda, pasti membuang-buang waktu. Tetapi jika nada menggunakan CSS pasti anda tidak akan pusing.
Pertama-tama apa sih CSS itu?. CSS merupakan kependekan dari Cascading Style Sheet yang memungkinkan kita untuk mendesain (style) tampilan dokumen (terutama HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS).

LEMBAR PENGATURAN (STYLEESHEET)
Kode-kode CSS bisa diketik pada lembar notepad pada windows, yang kemudian disimpan dengan format CSS.
Bagian awal ketikkan seperti berikut:
/*
Stylesheet Name: Simple Blue
*/
untuk memberi nama lembar stylesheet. Sebenarnya tidak diberi namapun tidak jadi masalah, hal ini diberikan untuk kemudahan saja. Kemudian simpan dahulu lembar ini dengan nama layout.css (titik dan css diketik langsung pada form ‘File Name’). Simpan di folder ’simple-Blue’.
1. BODY
Body adalah bagian dari struktur dalam HTML yang akan memuat semua format dan informasi yang akan ditampilkan pada sebuah website/blog.
2. MAIN
Bagian utama yang mengatur lebar dan letak blog.
3. HEADER
Di bagian ini akan disetting dua buah header yang masing-masing akan memuat image ‘header1.gif’ dengan nama CSS #header1 dan ‘header2.gif’ dengan #header2. Posisinya berada paling atas blog.
4. CONTENT
Pada bagian ini tempat untuk mengatur posisi dan tampilan posting.
5. SIDEBAR
Sidebar mengatur posisi dan format semua kelengkapan blog, seperti menu, links, about me dsb.
6. FOOTER
Bagian paling bawah dari blog yg biasanya memuat copyright atau keterangan lainnya.
7. LINK TEXT
Setting untuk link text saat normal, adalah tanpa dekorasi text dan berwarna biru
8. h1,h2,dan h3
- h1 digunakan untuk kode judul posting.
- h2 digunakan untuk kode tanggal posing.
- h3 digunakan untuk kode judul-judul pada area sidebar.
KELEBIHAN DAN KEKURANGAN CSS
Lha kali ini kita akan berbicara kelebihan dan kekurangan CSS apa saja kelebihanya?
1. Dapat memisahkan desain dengan konten halaman web.
2. Dapat mengatur desain seefisien mungkin dan bagus.
3. Apabila kita ingin mengubah suatu tema halaman web, cukup modifikasinya pada css saja.
4. Memunculkan sesuatu yang tidak dapat dilakukan oleh HTML.
5. Mudah didownloadnya karena lebih ringan ukuran filenya.
6. Satu CSS dapat digunakan banyak halaman web.

Lha itu tadi kelebihannya dan sekarang kita akan berbicara kekurangannya, karena tidak ada yang sempurna didunia ini.

1. Tampilan pada browser dapat berbeda-beda.
2. Terdapat browser yang tidak support CSS (browser lama).
3. Harus tahu cara menggunakannya dan mengerti.
4. Membutuhkan waktu lebih lama dalam membuatnya.
5. Belum lagi jika ada bug/error dalam CSS.

Read More..