DASAR-DASAR CSS

CSS adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman WEB yang ditulis dengan HTML dan XHTML.

CSS memiliki kekurangan, kekurangan dan kelebihan yaitu :
Kelebihan
1.Memisahkan desain dengan konten halaman web.
2.Mengatur desain seefisien mungkin.
3.Jika kita ingin mengubah suatu tema halaman web, cukup modifikasi pada css saja.
4.Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML.
5.Lebih mudah didownload karena lebih ringan ukuran filenya.
6.Satu CSS dapat digunakan banyak halaman web.

Kekurangan
1.Tampilan pada browser berbeda-beda.
2.Kadang juga terdapat browser yang tidak support CSS (browser lama).
3.Harus tahu cara menggunakannya.
4.dibutuhkan waktu lebih lama dalam membuatnya.
5.Belum lagi ada bug/error dalam CSS.

Cascading Style Sheet atau yang disingkat menjadi CSS itu adalah suatu script yang digunakan dalam HTML untuk beberapa keperluan seperti :
1.Menentukan jenis Font atau Huruf.
2.Menentukan ukuran Font.
3.Menentukan background halaman web
4.Merubah tampilan kursor.
5.Merubah tampilan SCROLL BAR dari browser dan form.
6.Merubah tampilan link dari suatu hyperlink.
7.Memasukan animasi.
8.Menempatkan sebuah objek tertentu pada lokasi tertentu di halaman browser.

Dasar penulisan script css ini sebenarnya di adopsi dari bahasa pemrograman JAVA, maka oleh sebab itu semua perintah dalam css juga mengacu pada hirarki pemrograman bahasa JAVA. Boleh dikatakan hampir semua design web yang ada didunia maya menggunakan css sebagai salah satu bagian aplikasinya.
membuat script css, maka script tersebut berlaku untuk semua perintah yang ada dihalaman web yang menggunakan css tersebut.
Beberapa keuntungan yang di dapat dengan menggunakan css antara lain :
1.Ukuran font menjadi standar di semua browser sesuai dengan yang kita kehendaki.
2.Dapat dipanggil dimana saja dalam tag atau perintah HTML. dengan perintah class="kode css".
3.Script HTML yang dibuat menjadi ringkas dan mudah di rubah bila ada kesalahan.
4.Design web menjadi lebih profesional, dan terstruktur.
Untuk membuat script css tidaklah sulit, Anda tinggal menulisakan perintah-perintah css diantara tanda kurung kurawal dan perintah-perintah nya dipisahkan dengan tanda titik koma. Setiap perintah dalam css harus diberi initial yang diletakkan di depan perintah css sebelum tanda kurung kurawal dibuat, kecuali bila perintah css dituliskan langsung pada tag maka initial ini tidak perlu dibuat.

Perintah-perintah CSS :

I . Untuk penanganan font dan teks
1.font-size: - Perintah ini digunakan untuk menentukan ukuran huruf yang digunakan. Satuan nya dinyatakan dengan pixel.
2.font-family: - Perintah ini digunakan untuk menentukan jenis huruf yang digunakan seperti : arial, helvetica, sans serif, verdana dan sebagainya.
3.font-style: - Perintah ini digunakan untuk menentukan tampilan dari suatu font yang dinyatakan dengan normal, atau bold.
4.font-weight: - Perintah ini sama seperti font-style diatas, hanya saja biasanya digunakan untuk link dan perubahan nya ketika mouse mendekati link tersebut.
5.text-decoration: - Perintah ini digunakan untuk memberikan efek pada suatu teks seperti underline, italic dan sebagainya.
6.text-transform: - Peritah ini digunakan untuk merubah bentuk suatu font, misalkan anda mengingin kan suatu teks tetap dijadikan huruf besar semuanya atau sebaliknya. Untuk huruf kecil digunakan lowercase , untuk huruf besar digunakan uppercase
7.text-align: - Perintah ini untuk mendeklarasikan secara umum posisi teks atau margin dalam suatu bidang.
8.color: - Perintah ini digunakan untuk menentukan warna dari font yang dikehendaki, penulisan warna digunakan kode warna dalam heksa.

Membuat Chicklet

Umumnya ukuran chicklet adalah 80 x 15 px, bisa juga lebih atau kurang dari ukuran tersebut. Adapun langkah-langkah dalam membuat chicklet menggunakan GIMP antara lain:

Pertama, pastikan program GIMP dalam keadaan terbuka dan siap digunakan, lalu klik menu “File” – “New”, pada jendela “ukuran image” yang terbuka, masukkan angka pada width: 78 pixels dan height 13 pixels, klik OK.

next , perbesar tampilan image dengan klik tombol zoom hingga 400%. letak tombol berada pada jendela gambar bagian bawah.


next, Klik tombol Rectangle Select Tool, untuk membuat seleksi pada gambar. Seleksi area gambar Anda kira-kira 3/4 bagian di bagian kanan.

next, klik tombol Bucket Fill Tool untuk mengisi area yang Anda seleksi sebelumnya dengan warna biru atau warna yang disukai. Untuk mengganti warna, silakan klik warna foreground pada toolbox GIMP dan pilih warna yang disukai.

next, klik tombol Text Tool untuk membuat tulisan judul blog. Sebagai contoh, blog memiliki nama “tica”, maka buatlah tulisan “GM” pada area putih dan tulisan “tica” di bagian kanan yang sebelumnya sudah diwarnai. Warna tulisan “GM” adalah biru (atau warna lain yang disukai) dan warna tulisan “tica” adalah putih.

next, klik menu Filter, lalu sorot Decor dan klik Add Border. Pada jendela boder yang muncul, ketikkan 1 pixel untuk x dan 1 pixel untuk y. Pilihan warna sesuaikan dengan warna yang disukai.

next, langkah terkahir, simpan hasil kerja dengan nama yang diinginkan dengan menekan tombol Ctrl+S. Berikutnya silakan disimpan ulang dengan cara klik menu File – Save As, pada jendela yang muncul, gantikan ekstensi file .xcf dengan .jpg atau .gif atau .png. Bila muncul konfirmasi penyimpanan file, klik OK dst.