Sabtu, 20 November 2010

Cascading Style Sheet [CSS]

BISMILLAH

Ini adalah pertama kali zihny belajar  Cascading Style Sheet (CSS), berhubung jurusan zihny adalah MULTIMEDIA, so ada pelajaran web design. Web Design adalah pelajaran kesukaan zihny semenjak di SMK. Hari ini belajar CSS oleh pak Adam, di lab MULTIMEDIA 2. Setiap pelajaran yang menyangkut MULTIMEDIA zihny harus bawa latop yang beratnya 3 kg. Hah? Tapi bener looh, bukan Cuma itu aja, zihny harus bawa chargernya, belum buku pelajaran, bekal makan siang (maklum full day at school), di hutung-hitung. Hufttt sudahlah yang penting niat belajar . Oke sekarang zihny mau ngasih liat hasil belajar CSS. Dimulai dari :

Penejelasan dari pa Adam tentang definisi CSS ialah mempermudah,memperindah tampilan situs/halaman web.
Sekarang zihny harus buat yang pertama kali adalah seperti ini:
Hasil dari kode yang di buat di atas adalah seperti ini
Jadi intinya apabila kita ingin tulisan dengan jenis italic/bold/underline sudah di setting sedemikian rupa agar di halaman tersebut mengikuti aturan yang telah dibuat di antara <style type></style type>. Jadi setiap ada tulisan yang berjenis italic/bold/underline akan sama dengan jenisnya masing-masing. Tapi italic,bold dan underline akan saling berbeda karna settingan yang tidak sama. Kita tidak usah menggunakan code <font> lagi, acik kan !!!
Sekarang lanjut ke yang berikutnya, coba buat kode seperti berikut


Membuat kode seperti ini bertujuan untuk menjadikan hasil italic dan bold sama sedangkan underline tetap berbeda sendiri. Hasilnya seperti ini :
Naah. Liat hasilnya, italic dan bold sama-sama berwarna merah sedangkan underline hijau sendiri , berbeda.(menggabungkan)

Heem mungkin kalian berfikir hanya bisa untuk warna. Eitzz jangan salah bukan warna saja yang bisa, tapi jenis huruf, ukuran huruf dan masih banyak lagi. Sekarang coba buat code seperti ini

Naah. Liat hasilnya, italic dan bold sama-sama berwarna merah sedangkan underline hijau sendiri , berbeda.(menggabungkan)

Heem mungkin kalian berfikir hanya bisa untuk warna. Eitzz jangan salah bukan warna saja yang bisa, tapi jenis huruf, ukuran huruf dan masih banyak lagi. Sekarang coba buat code seperti ini

Naah. Liat hasilnya, italic dan bold sama-sama berwarna merah sedangkan underline hijau sendiri , berbeda.(menggabungkan)

Heem mungkin kalian berfikir hanya bisa untuk warna. Eitzz jangan salah bukan warna saja yang bisa, tapi jenis huruf, ukuran huruf dan masih banyak lagi. Sekarang coba buat code seperti ini

Naah. Liat hasilnya, italic dan bold sama-sama berwarna merah sedangkan underline hijau sendiri , berbeda.(menggabungkan)

Heem mungkin kalian berfikir hanya bisa untuk warna. Eitzz jangan salah bukan warna saja yang bisa, tapi jenis huruf, ukuran huruf dan masih banyak lagi. Sekarang coba buat code seperti ini
Kita menggunakan text decoration untuk menampilkan yang lain. Mudah kan hasilnya seperti ini
Gak bisa ngeblink yaa. Tapi apabila di coba bisa, sampai sini cukup menarik bukan ? tapi ada yang lain looh.

Ada cara mudah agar kita tidak usah repot-repot buat kode di setiap link yaitu dengan menggunakan code berikut   

 
Nah, sampai sini semoga cukup jelas.
Owhy sebelum pak Adam mengakhiri  pelajaran pak Adam memberi soal seperti ini
1.     Jelaskan definisi CSS !
2.     CSS ditulis diantara tag apa ?
3.     Tulis Tag CSS yang benar !
4.     Tulis dengan benar Tag link CSS
5.     Tulis dengan benar tag css/atribut <b> dengan color=red,text-decoration;blink !
Untung aja masih nyantol dikit di otak jadi zihny bisa jawab soal-soal itu(semoga benar).

Yapp mungkin ini saja semoga yang di jelaskan mudah di pahami :D, maaf jika ada kesalahan (maklum masih belajar), karena kesalahan dari manusia dan kesempurnaan hanyalah milik ALLAH SWT.
Wassalam.


ZIHNY <3  10 multimediaONE (KESEMUTAN)

Tidak ada komentar:

Posting Komentar

LinkWithin

Related Posts Plugin for WordPress, Blogger...