feedburner
Enter your email address:

Delivered by FeedBurner

feedburner count

Apa itu CSS & Konsep Dasar CSS

Apa itu CSS?

CSS = Cascading Style Sheets ( Bahasa lembar Gaya ). CSS merupakan bahasa yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa di artikan secara bebas sebagai : CSS merupakan bahasa yang digunakan untuk mengatur tampilan / desain suatu halaman HTML.

Dulu, 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 dan diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly.
Desain dengan tabel :

1. Buat desainnya. menggunakan .psd ( photoshop ) atau .cdr ( coreldraw )
2. buat tabelnya. menggunakana tag <table>, dan
3. potong – potong desain sesuai dengan kolom pada tabel, lalu “selipkan” desain pada kolom tabel menggunakan sebagai elemen image tabel atau background.

Dengan CSS, cara kerja ini dirubah. Anda membuat halaman HTML, lalu anda berikan identitas pada bagian2 tertentu dengan tag <div> baik itu menggunakan atribut id <div id=”"> atau class <div class=”">. Lalu anda buat satu file css, bisa di selipkan pada bagian <head> atau dalam file berbeda dan di hubungkan dengan tag <link rel=”stylesheet” type=”text/css” href=”">. File CSS tadi memberikan nilai dan definisi pada bagian tertentu dari halaman html tadi yang diberikan identitas melalu tag <div>.





3 comments:
gravatar
coder said...
October 16, 2015 at 10:52 PM  

Rekomendasi Artikel Terkait ==> DASAR CSS (CASCADING STYLE SHEETS FUNDAMENTALS)

gravatar
As Shop said...
November 23, 2015 at 10:18 AM  

Terimakasih artikelnya bermanfaat banget,

Kamu butuh tutorial dalam menggunakan beberapa aplikasi komputer? Seperti office, adobe, programming dan lain-lain? Kunjungi kumpulan tutorial-tutorial gratis

gravatar
moo said...
March 15, 2016 at 2:47 PM  

jadi tau nih heheh kunjungi juga komputerpartner

Post a Comment