Wednesday, October 14, 2009

Cascading Style Sheet

Dua hari yang lalu blog ini dibuat, namun tampilannya masih standar template blogger. Nah pengennya sih tampilan blog ini bisa lebih bagus dan sesuai dengan selera ku..ha..3x. Perjalanan membawa ku ketemu dengan Markup Language (sebenarnya uda pernah ketemu sewaktu kuliah sih..) trus CSS a.k.a Cascading Style Sheet..nama CSS ini uda pernah nyampe di telinga ku sewaktu kuliah, tapi herannya waktu kuliah ga pernah ngerti-ngerti dan menguasai CSS ini.. Mungkin gara-gara ga bener2 paham dengan konsep, jadi ga tau bahwa peran CSS di dunia web saat ini sangat besar..dan karena ga tau betapa besar perannya CSS ini, kesungguhan buat belajar ga lahir..ck..ck..ck.. ~~;;

Alhamdulillah aku untungnya punya teman2 yang begitu bersemangat dan kreatif di dunia maya, sehingga secara ga sengaja aku ngeliat blog nya dia..wah benar-benar bagus menurutku. Ada banyak setting dan kutak katik kode yang akhirnya ngebuat blognya dia jadi kaya web site pribadi..plus nama blog nya itu ya namanya dia langsung..ga pake embel-embel nama blog..wah jadi bersemangat nih..(mudah2an bisa dan harus istiqamah)..trus mulai deh cari-cari artikel yang ada kaitannya dengan CSS.. dan akhirnya ketemu sebuah buku impor, bentuknya pdf. Judulnya "Pro CSS Techniques" karangan "Jeff Croft,Ian Lloyd, and Dan Rubin"
Hingga saat terkini yang uda bener-bener dibaca sampe Chapter III, sebenernya bukunya asik banget.. dan bisa langsung di coba-coba karena ada script - script contohnya, tapi ya.. rada-rada bikin ngantuk juga, soalnya pake bahasa Inggris..he..3x ^^;;
Nah, setelah membaca buku ini sampai Bab III, aku jadi paham kalau dalam membuat sebuah situs web itu konsepnya adalah semakin sedikit dan rapi kode-kode yang dibuat maka semakin baik dan reliable.
Trus trus.. yang menariknya lagi, ternyata konsep sebuah website modern saat ini berbeda dengan yang ku pahami saat kuliah dulu..Sebuah web site modern lebih terstruktur dalam konstruksinya. Menurut buku ini Sebuah web site modern yang terstruktur dengan baik itu terdiri dari : Layer Struktur - Layer Presentation - Layer Behaviour
see image (image from Pro CSS Techniques, page : 9) :
Nah dengan konsep ini, artinya :
  • Pada structure layer adalah HTML atau "markup language" yang bertanggung jawab atas konten website itu. teks,paragraf,dan format konten lainnya di atur pada layer ini (pada konsep ini markup layer tidak di gunakan untuk mengatur warna,letak teks karena ini adalah wilayah kekuasaan si "presentation layer").
  • Pada presentation layer adalah CSS (style sheet) yang bertanggung jawab atas tampilan web site ke pengunjung. mencakup layout, typhography, warna font dan efek-efek visual lainnya
  • Pada behaviour layer adalah Javascript atau Phpscript yang berperan dalam hal-hal penyimpanan data dan segala sesuatu yang melibatkan user secara aktif berinteraksi dengan website, nah anggap saja buku tamu adalah contohnya..^^
ok deh folks, segitu dulu yang bisa diserap hari ini, diperlukan pemahamn lagi dan praktik untuk bisa menguasai CSS ini..intinya lagi semangat-semangatnya belajar nih..ha..3x mohon doanya mana tau bisa jadi bisnis sampingan (ngarep mode : ON ) ^_*;;

kalo mau bukunya bisa di unduh di sini : CssPro

No comments:

Post a Comment