Pengenalan CSS

Apa itu CSS (Cascading Style Sheet)?

Sebelum anda melangkah jauh, penting untuk mengetahui istilah Style Sheet terlebih dahulu. Style sheet adalah text sederhana dengan eksitensi (.css) yang ditulis menurut aturan bahasa pemrograman yang merujuk rekomendasi dari W3C (World Wide Web Consortium)/www.w3.org, yang merupakan badan gabungan dari pemilik web, universitas, perusahaan (seperti : Microsoft, Nestcape, Aple, Opera, Mozilla dan Macromedia) tak luput juga para ahli dalam bidang web.

W3C dapat dikatakan sebagai acuan atau pedoman dalam menentukan teknologi paling mutakhir pada web, tujuannya adalah untuk mengurangi kekacauan kode pada sebuah web serta mempermudah akses web oleh user dari berbagai macam browser.

Rekomendasi yang dikeluarkan W3C merupakan standardisasi dari pengembang web, web desain  dan programming web.

Jika web yang sudah menggunakan kode yang sudah sesuai standarisasi W3C, maka web tersebut akan mudah diakses oleh berbagai macam browser.

Bila anda sudah mempunyai website alangkah baiknya anda memvalidasinya pada W3C apakah sudah memenuhi standar dari W3C, untuk alamatnya silahkan buka link : www.jigsaw.w3.org/css-validator.

Apa yang menjadi keuntungan menggunakan CSS

Pernah salah seorang siswa saya bertanya kepada saya,

"Pak, dengan HTML kan kita sudah bisa membuat website !, mengapa koq saya perlu belajar CSS pula, toh bahasanya kan hampir sama dengan HTML ?".

Saya balik bertanya:

"Itu jika kamu membuat web hanya beberapa halaman saja, coba jika kamu membuat web dengan banyak halaman, apakah kamu selalu membuat setting satu persatu pada halaman web?".

Memang, anda bisa membuat suatu web hanya dengan mengandalkan kode HTML saja tanpa menggunakan CSS, tapi apakah anda sanggup untuk membuat ratusan bahkan ribuan halaman website hanya dengan HTML saja ?, tentu jawabannya tidak !, belum ditambah jika ada masalah dalam pengaksesan oleh user yang menggunakan browser yang berbeda.

Salah satu keuntungan dari menggunakan CSS adalah anda bisa membuat ratusan bahkan ribuan halaman website hanya dengan satu kali penulisan bahasa CSS.

Anda cukup menggunakan satu setting saja pada seluruh halaman website anda.
Sebagai contoh : Anda akan membuat Heading 1 (h1) pada halaman web anda dengan Font Arial dan berwarna Merah, jika tanpa menggunakan CSS anda harus menulis satu persatu halaman web anda yang ada Heading 1, tetapi jika menggunakan CSS, anda cukup satu kali saja membuat penulisan, dan selanjutnya anda hanya tinggal menulis artikel nya saja.
Keuntungan lainnya dalam menggunakan CSS adalah karena CSS sudah menjadi elemen penting dalam pembuatan web yang sesuai dengan teknologi web 2.0 atau web modern yang sudah menjadi tren saat ini dan beberapa tahun yang akan datang.
Memang dengan CSS adalah solusi tepat dalam membuat suatu website.

Fungsi HTML dan CSS pada halaman Web

Menurut rekomendasi dari W3C, untuk pembuatan suatu website, untuk menjadi kerangka dari web tersebut anda perlu menggunakan HTML dan untuk desain dari website anda dituntut untuk menggunakan CSS.

Sebagai contoh :

Jika anda akan membuat suatu artikel web dengan align center, maka pada penulisan HTML anda tidak dianjurkan untuk membuat tag "align" tetapi cukup hanya menulis artikelnya saja dan untuk membuat supaya artikel tersebut sesuai dengan desain, maka anda menggunakan CSS.

Kesimpulannya adalah :

HTML untuk membangun dasar kerangka dan penulisan artikel saja . Dan CSS berfungsi untuk mendesain halaman website.