Desain Web dengan CSS

ak4037

New member
1. Apa itu CSS ?
CSS atau Cascading Stylesheet adalah Suatu bahasa yang di khususkan untuk mengatur gaya layout atau tampilan dari sebuah halaman web. CSS digunakan oleh web designer dan juga pengakses halaman web, untuk mendefinisikan warna, huruf, layout dan aspek-aspek penyajian dokumen lainnya. CSS merupakan pemisah antara isi dokumen yang ditulis dengan bahasa HTML atau bahasa lain seperti PHP, Perl dan lain sebagainya, dengan bentuk tampilan dokumen yang ditulis dalam CSS.

Dengan CSS akses ke halaman Website menjadi lebih cepat dalam hal loading content, lebih fleksibel, memudahkan untuk penulisan halaman dan struktur isi. Dalam Implementasinya, CSS didefinisikan melalui kode-kode style sheet yang dapat disertakan pada file HTML itu sendiri, atau terpisah dari file HTML dengan file yang berekstensi .css, sebagai penanda bahwa file tersebut adalah file CSS. Setelah itu, file CSS dapat direferensi oleh file HTML.

2. Keuntungan Menggunakan Style Sheet
Ada banyak alasan mengapa kita perlu menggunakan style sheet. Alasan pertama, dan yang paling jelas adalah HTML tidak di desain untuk mengatur tata gaya tampilan sebuah halaman web. HTML hanya digunakan sebagai bentuk standar data, atau bahasa yang dikirimkan pada browser untuk menampilkan halaman web. Alasan-alasan lain yang mendukung perlunya menggunakan style sheet adalah :

Adanya rekomendasi untuk memisahkan antara isi halaman web, dengan tata pengaturan gaya/ layout halaman web
Dapat dengan mudah mengubah tampilan dokumen web secara keseluruhan, hanya dengan mendefinisikan beberapa aturan pada style sheet.
Penggunaan yang berbeda, dapat memiliki gaya tampilan yang berbeda.
Style sheet dapat digunakan secara berulang-ulang, pada banyak dokumen Web.
Halaman web dan situs lebih mudah untuk dipelihara.
Style sheet dapat digunakan pada berbagai browser.
Dokumen atau halaman web dapat ditampilkan secara cepat pada komputer klien.
Style sheet hanya membutuhkan sumber daya komputer klien yang minimal, untuk memproses dan menampilkannya.
Jadi mengapa tidak, untuk mempercantik dengan mudah halaman web kita gunakanlah CSS selain bahasanya tidak rumit juga mudah dipahami bagi pemula.

Link terkait :

http://www.w3c.org/TR/REC-CSS2/
http://www.w3schools.com/css/
 
nyalin dr mn tuh????
331667ie33gendtd.gif


ha..ha.. ga pa2 lah....... lumayan......
331678ffbgjdyq9t.gif


CSS itu sangat membantu bwat layout2 di web jaman skrg.......
kayak di Friendster, Multiply, dll.....

MySpace juga yah....

jd, kalo punya profile di websites diatas,
gampang deh ngiasnya
487316srdaj2fmox.gif




 
Last edited:
nyalin dr mn tuh????
331667ie33gendtd.gif


ha..ha.. ga pa2 lah....... lumayan......
331678ffbgjdyq9t.gif


CSS itu sangat membantu bwat layout2 di web jaman skrg.......
kayak di Friendster, Multiply, dll.....

MySpace juga yah....

jd, kalo punya profile di websites diatas,
gampang deh ngiasnya
487316srdaj2fmox.gif





nyalin dari blog ku mbak...

Saya coba angkat di forum ini supaya yang pada jago CSS bisa ikut berbagi di sini...
 
Last edited:
Sintaks CSS2
Secara mudah Sintaks dari pendefinisian CSS2 dapat dirumuskan sebagai berikut :

selector { property: nilai; }

Selector merupakan nama elemen yang ingin diatur attributnya, atau bisa juga merupakan nama kelas yang mendefinisikan sebuah aturan. Jika menggunakan nama elemen, aturan style sheet tersebut akan langsung diimplementasikan pada elemen tersebut, ktika elemen ditampilkan pada browser. Jika menggunakan nama kelas, maka aturan style sheet akan diimplementasikan jika kelas tersebut digunakan oleh elemen melalui atribut id atau class.

Contoh:

Aturan menggunakan nama elemen :

h1 { font-size: 14px;
color: blue;
}

Pada aturan ini elemen h1 akan mengikuti aturan dari style sheet di atas, lihat bawah

HTML:
<h1 style="font-size: 14px; color: blue;">Nama Elemen</h1>


Aturan Menggunakan Nama Kelas :

#content { font-family: arial, verdana, helvetica;
tex-align: left;
padding: 5px 5px 10px 5px;
?dst
}

implementasinya sebagai berikut :

<div id=?content?>?.isi dari content?</div>

Dengan demikian aturan dengan menggunakan nama kelas id akan diterapkan pada tag tersebut.
 
Em...Udh lamaaa bget gak ngulik" CSS...

Bagi smua yg mau bkin website (yg layoutnya dibikin sendiri) q saranin hrus bisa bkin CSS, knapa???Karena bsa ngehemat space slaen itu juga mempermudah dlam penyettingan yg dgunakan secara b'ulang"...

Jd kudu belajar yg bener ya...
Sbnrnya buku gak perlu" bget kok, yg penting kalian ngliat aja CSS yg udfah jadi, pelajari, analisis perintah" yg memungkinakan digunakan untuk CSS..Klo emang punya lmyan Uang/CD bajakan, bsa kok pake dreamweaver lumayan ngebantu klo gak pake Frontpage... Try it oN!!!
 
Back
Top