Pentingnya Menggunakan CSS?

Banyak sekali dari teman-teman saya yang alergi atau malas ketika melihat hasil desain saya yang “agak” bagus itu menggunakan css. Ya, karena selain memang belum diajarkan oleh Dosen kami, codingan css juga berbeda dengan html biasa.
Padahal jika mereka mengetahui manfaat dari css, tentunya mereka akan merasa ketagihan dan akan segera terbiasa menggunakan css
.

Nah, pada postingan kali ini saya akan menjelaskan, kenapa sih kita (web developer) harus atau disarankan menggunakan css dalam desainnya?
CSS, ibarat pemanis dan hiasan jika diibaratkan kita akan membuat kue. Tanpa adanya pemanis dan hiasan, pasti kuenya kurang terlihat menarik. Sama dengan halnya website, coba banyangkan kita mendesain suatu website hanya dengan mengandalkan tag-tag HTML standar dan biasa saja. Selain tidak lolos dari valid w3, tampilan pun terlihat kurang maksimal. Coba bandingkan dengan CSS, yang mampu mempercantik dan memperindah suatu tampilan website hanya dengan syntax-syntax yang sederhana saja.
Kelebihan dari CSS itu sendiri apa?

dapat melakukan apa yang tidak bisa dilakukan oleh Tag HTML biasa
Effisien dan sangat maksimal dalam hal codingannya
simple dan elegan.
dan masih banyak lagi kelebihannya..

Apakah ada kekurangannya?

Tidak semua browser mempunyai aturan yang sama dalam hal css ini
Tampilan di masing-masing browser berbeda, jadi harus di cek satu-satu di masing-masing browser. Terutama IE!
dan beberapa kekurangan lainya yang melibat browser, especially IE

Oke, sebagai contoh adalah sebagai berikut.
Jika kita ingin membuat font seperti ini :
Tulisan ini bewarna merah
Tulisan ini bewarna hijau
Tulisan ini bewarna merah
jika di HTML biasa tanpa menggunakan CSS adalah sbb :

<html>
<head>
<title>Tulisan Bewarna</title>
</head>
<body>
<p><font color="red">Tulisan ini bewarna merah</font></p>
<p><font color="green">Tulisan ini bewarna hijau</font></p>
<p><font color="red">Tulisan ini bewarna merah</font></p>
</body>
</html>

Nah terlihat cukup banyak dan kurang effisien bukan? Mari bandingkan dengan CSS :

<html>
<head>
<title>Tulisan Bewarna dengan CSS</title>
<style type="text/css">
#red {color:red;}
#green {color:green;}
</style>
</head>
<body>
<p id="red">Tulisan ini bewarna Merah</p>
<p id="green">Tulisan ini bewarna Hijau</p>
<p id="red">Tulisan ini bewarna Merah</p>
</body>
</html>

Lihatlah dalam percodingannya cukup effisien dan tidak melakukan pengulangan yang cukup banyak bukan?

Itulah alasan mengapa kita disarankan untuk menggunakan css dalam hal desainnya. Contoh diatas masih baru contoh dasar dari suatu css.

Ingin lebih banyak belajar tentang CSS? silahkan kunjungi refrensinya disini.

Semoga Tutorial kali ini pun bermanfaat bagi anda yang membutuhkannya.

Sumber:http://tukangbolos.com/

1 komentar:

Jefry mengatakan...: css bisa makin memperindah tampilan blog kita; 30 November 2012 pukul 08.06

Posting Komentar

Komentar anda Tentang Topik Di Atas

Study With Me

Menu Artikel

Recent Post

Daftar Teman

Study With Me Traffic Feed