About
about us
Privacy
privacy policy
Contact
contact us
Blogger
blog this!
Web Designs Visual Basic Access Blog Blog Roll

Dasar CSS

Filed under Web Design
new blogger edit icon Add New Comment
Kirimkan Ini lewat Email BlogThis!Bagikan ke X Berbagi ke Facebook

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 <tr> dan <td> 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>, <tr> dan <td>
  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>.

classical

Blog Archive

  • ▼ 2011(7)
    • ►  Desember(1)
    • ▼ November(6)
      • Menghubungkan Facebook Page dengan Blog
      • Mengenal Microsoft Access
      • Mengenal Visual Basic
      • Membuat Halaman Statis Pada Blog
      • Mengenal HTML
      • Dasar CSS

Popular Posts

  • Membuat Halaman Statis Pada Blog
    Membuat Halaman Statis / Static Page di Blogger Blogspot Berikut langkah – langkah membuat halaman statis di blogger blogspot. 1. Login di ...
  • Mengenal HTML
    Se belum kita mengenal lebih lanjut tentang Pemprograman berbasis Web alangkah baiknya kita mulai dengan mengenal HTML Pengertian HTML H...
  • Dasar CSS
    Apa itu CSS? CSS = Cascading Style Sheets ( Bahasa lembar Gaya ). CSS merupakan bahasa yang digunakan untuk mengatur tampilan suatu dokum...
  • Menghubungkan Facebook Page dengan Blog
    Terkadang kita ingin Blog kita lebih dikenal orang, menghubungkan Facebook dengan Blog juga termasuk salah cara agar Blog kita lebih dik...
  • Mengenal Visual Basic
    Microsoft Visual Basic (sering disingkat sebagai VB saja) merupakan sebuah bahasa pemrograman yang bersifat event driven dan menawarkan Inte...
  • Mengenal Microsoft Access
    Microsoft Access (atau Microsoft Office Access) adalah sebuah program aplikasi basis data komputer relasional yang ditujukan untuk kalang...
  • Menghubungkan Twitter ke situs anda
     Cara mudah mengkoneksikan twitter anda ke blog yang anda punya, semoga dapat bermanfaat, langsung saja ikuti langkah-langkah berikut:
  • NEW POSTS
  • COMMENTS
  • flickr

    Get your Flickr ID!

facebook

About Me

Foto Saya
jalu
Wonosobo, Jawa Tengah, Indonesia
Lihat profil lengkapku

Me on Twitter

Total Pageviews

Sparkline

flag counter

free counters

Follower

Copyright 2010 All Rights Reserved. Powered by Blogger.
reborn
Save the Queen! blogspot theme by
BloggerTemplatesWidgets.com