Syntax bisa diartikan sebagai bentuk kode. Jadi Syntax CSS bisa berarti bentuk kode CSS. Kode CSS berbeda dengan kode HTML. Kode CSS tidaklah sulit.
Contoh syntax CSS. Image from photobucket
Kode CSS hanya dibagi menjadi 3 bagian, yaitu selector, property, dan value.
selector {
property : value;
}
Selector adalah elemen HTML yang akan diberikan style. Property adalah atribut dari suatu elemen HTML yang ingin anda tentukan stylenya, sedangkan Value adalah nilai dari atribut tersebut. Untuk memberikan gambaran yang lebih jelas, berikut contoh kodenya:
body {
background-color:#cccccc;
font-family: "Calibri", Verdana, Tahoma;
}
Kode CSS diatas bisa berarti elemen body (tag <body>) akan ditampilkan dengan warna background abu-abu (#cccccc adalah kode warna untuk abu-abu), dan pada perintah berikutnya kita menentukan agar elemen body menggunakan font Calibri. Jika font Calibri tidak ada pada komputer user, maka gunakan font Verdana, begitu seterusnya. Penulisan font Calibri menggunakan petik dua adalah karena font Calibri bukan merupakan font standart dalam CSS. Font yang tidak standart dalam CSS sebaiknya diberi tanda petik dua.
Selengkapnya »
CSS Merupakan singkatan dari Cascading Style Sheet. Dengan CSS, Anda bisa memisahkan antara desain tampilan website dengan konten/isi website.
Cascading StyleSheet. Image from Adobe Design Center
HTML/xHTML sebenernya digunakan untuk memberi tahu browser bagaimana sebuah tag HTML ditampilkan di browser. Misalnya saja tag HTML <i>Teks miring</i>, tag tersebut sama artinya dengan “Halo web browser, teks ini tolong dicetak miring”. Dengan begitu, web browser yang Anda gunakan akan menampilkan teks secara miring(italic). Contoh lainnya, tag HTML <b>halo semua</b>, sama artinya dengan “Browser, tolong teks halo,semua ditampilkan dengan cetak tebal” yang selanjutnya web browser akan menampilkannya dengan cetak tebal.
Tapi bagaimana jika Anda ingin menampilkan teks tersebut agar tampil dengan teks yang miring dan bercetak tebal? Jika menggunakan HTML, solusinya adalah menuliskan tag HTML sebagai berikut :
<i><b>teks ini blod dan italic</b></i>
Yup, masalah selesai dengan tag tersebut. Tapi bagaimana jika Anda memiliki banyak teks yang harus dicetak tebal sekaligus miring? Apakah dengan menuliskan tag HTML seperti contoh diatas? Bisa saja tapi sangat tidak direkomandasikan dan tidak ada orang yang melakukan hal seperti itu. Selain karena harus mengetikkan berulang-ulang, juga akan memperbesar ukuran file HTML. Solusi untuk permasalahan diatas adalah dengan menggunakan CSS.
Selengkapnya »
Ada banyak software yang tersedia untuk men-develop aplikasi web. Baik yang berbayar ataupun yang gratis. Berikut beberapa software yang cukup terkenal karena kemampuannya, dan tentu saja banyak penggunanya :
Dreamweaver
Rasanya semua orang pasti sudah kenal dengan yang namanya Adobe Dreamweaver. Pada versi terbarunya yaitu CS4, Dreamweaver memiliki tampilan yang lebih menarik. Dan beberapa fitur tambahan seperti Subversion, untuk keperluan versioning control system. Dan yang paling membedakan Dreamweaver CS4 dengan versi sebelumnya adalah fitur yang lebih men-support Javascript/AJAX. Tidak hanya Spry seperti pada versi CS3.
Informasi lain tentang Dreamweaver:
Selengkapnya »
Dipublikasikan tanggal 7 December 2008
Kategori:
Software | Tags:
IDE,
PHP
Google Reader adalah aplikasi berbasiskan web dari Google untuk membantu Anda mengelola feed langganan Anda. Sebenarnya banyak aplikasi untuk berlangganan feed, dan Google Reader adalah salah satunya. Saya sendiri menggunakan aplikasi desktop Mozilla Thunderbird. Pada panduan berikut ini saya menggunakan browser Firefox.
Selengkapnya »
Apakah Anda sering mendengar istilah feed, RSS, atau Atom ? Sebenarnya RSS dan Atom itu termasuk dalam feed. Lalu apa itu feed ? beberapa pengguna Internet mungkin sudah ada yang tahu apa itu feed, bahkan mungkin sudah ada yang memanfaatkannya. Bagi yang belum tahu apa itu feed, berikut saya berikan penjelasan tentang apa itu feed dan bagaimana cara memanfaatkannya.
Feed adalah sebuah format data bertipe XML yang digunakan untuk memberi tahu pengunjung tentang update terbaru dari sebuah website secara berkala.
Cara lama
Selengkapnya »
Warna adalah elemen terpenting dari sebuah desain. Dalam mendesain halaman web. pemilihan warna harus dilakukan hati-hati agar bisa menghasilkan desain akhir yang menarik. Inspirasi warna bisa didapat dari manapun. Salah satunya dengan menggunakan tools yang ada di internet. Ada yang berbasiskan aplikasi desktop dan ada juga yang berbasiskan website. Untuk lebih mempermudah dalam mencari inspirasi warna, kami persembahkan daftar website penghasil warna dimana inspirasi warna bisa didapat.
Well styled color scheme
Menghasilkan skema dan palet warna dari satu warna dasar. Tersedia banyak mode skema warna.
Selengkapnya »
Telah terbit majalah yang mengulas berbagai hal seputar web dalam format weblog. Untuk sementara, belum ada tulisan yang bisa dibaca karena masih tahap setting blog.
Nantinya, blog ini akan berisi tulisan-tulisan yang membahas segala hal yang berhubungan dengan web. Mulai dari desain, kode, hingga hal-hal yang berbau server.
Kategori
Tag