aPa iTu CSS?? aNd bAgAImaNa cAra MeMBuat CSS??
27 Des 2009 1 Komentar
in Tutorial
Apa itu CSS? Istilah CSS sering kita dengar yang berhubungan dengan mendesain halaman web. Entah mendesain halaman blog km atau mendesain profil friendster. CSS itu kependekan dari Cascading Style Sheet (bahasa lembar gaya) yang merupakan bahasa yang digunakan untuk mengatur tampilan atau desain suatu halaman HTML.
Pada jaman dahulu kala nie…(sebenernya ga lama-lama banget sih.he..) sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan <table>. jadi dibuat dulu desainnya, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly.
Ada 3 cara lho buat memasang CSS pada dokumen HTML yaitu :
- External Style Sheet (file CSS berbeda dari file HTML)
- Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
- Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan
Menurut informasi yang aqu dapet, lebih baik di sarankan menggunakan yang cara External Style Sheet karena lebih mudah dalam mengelolanya.
Tanpa CSS:
<html> <head> <title>Belajar CSS</title> </head> <body> <h1><font face="Verdana">Belajar CSS</font></h1> </body> </html>
Jika kita menggunakan Internal CSS, maka kodenya akan menjadi:
<html>
<head>
<title>Belajar CSS</title>
<style type="text/css">
h1 { font-family: verdana; }
</style>
</head>
<body>
<h1>Belajar CSS</h1>
</body>
</html>
Didalam HTML itu kita perlu and wajib lho memanggil file CSS dengan menggunakan tag <link> yang diletakkan diantara tag <head>.
Apapun yang terjadi, berusahalah untuk selalu menggunakan External CSS dengan memisahkan file CSS dengan file HTML nya.
Untuk memanggil CSS dalam tag HTML kita perlu banget pakai atribut class untuk memanggil CSS selector. Jadi apabila semua halaman anda memanggil class title, dan jika kamu ingin mengganti font untuk semua halaman ga usah bingung, kamu cukup mengubah selector CSSnya saja.
CSS itu punya ratusan properties dan values, yang pastinya aqu ga nerangin semua coz bias-bisa pegel tangan aqu ini (he..). Aku hanya akan menerangkan yang penting-penting saja.
Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Kamu dapat menggunakan property font-family, yang mirip dengan tag <font>.
Sebagai contoh kamu ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Kamu dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat kode ini :
Jika kamu ingin menampilkan jenis huruf sans-serif gunakan kode berikut:
<h1 style="font-family: 'Times New Roman', Times, serif">Serif font</h1>
body {Arial, Verdana, Geneva, Helvetica, sans-serif}
Jika ingin menggunakan jenis huruf serif, gunakan kode berikut:
body {Times New Roman, Times, Georgia, serif}
Untuk jenis huruf untuk kode program dapat kamu gunakan kode berikut:
body {Courier New, Courier, monospace}
Selain itu CSS juga punya keunggulan lho, sbb :
1. halaman web menjadi tidak padat, hingga halaman web menjadi SEO friendly
2. kamu bisa dengan mudah mengganti tampilan web dengan cukup mengganti nilai dan definisi pada pada satu file CSS saja.
Eits, sebelum kamu menulis CSS dan ingin menerapkan harus mempunyai pengetahuan dasar tentang HTML lho jangan sampai kamu keliru gara-gara CSS. Maka dari itu sering-sering cari informasi tentang CSS.
Aqu harap artikel ini bermanfaat buat semua orang. And then abis baca artikel ini
jangan lupa tinggalkan komentar yaw… Cz aqu ini manusia ga sempurna yang perlu
masukan and perbaikan dari orang laen. See you next time…
Jan 02, 2010 @ 13:09:03
Ncos, tugasku telat 2 hari…
jadi tugasku g diterima deh…
gimana nih…
aku bingung n sedih bgt….