Kemaren saya dah posting tentang cara ngebuat layout tanpa tabel, dan juga cara ngebuat menu horizontal. Nah, sekarang kita coba gabungin menu yang dah kita buat dengan layout yang udah kita buat juga. Selengkapnya..
Membuat layout web tanpa tabel
Hai,, pa kabar nich?? Dah lama gak posting nich, dua minggu lebih kayaknya ya, sorry ya, hehehe…
O iya,, selamet hari raya idul fitri ya,,mohon maaf lahir dan batin. Telat ya ngucapinnya,, gak pa2 lah daripada gak sama sekali,,
Kemaren-kemaren khan (kemaren kapan ya?) saya dah sedikit apa itu layout dan juga alasan-alasan membuat layout web tanpa tabel, masih inget khan? Klo dah lupa coba baca aja lagi postingan yang ini dan ini.
Nah,,Kali ini saya akan coba bahas tentang cara ngebuat layout web tanpa menggunakan tabel. Tapi mungkin lebih ke praktek aja ya (langsung ke contoh). Selengkapnya..
Bermain-main dikit lagi dengan background
Oke, saya sudah menjelaskan sedikit tentang background. Nah, sekarang saatnya memulai pengaplikasiannya.
Pada contoh pengaplikasian background ini kemungkinan gak akan banyak-banyak contoh. Klo kamu masih kurang, silakan explore sendiri aja ya…
Kita mulai ya…
Misal, saya punya kode HTML kayak gini:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Latihan Background</title>
</head>
<body>
<h2>Contoh Pengaplikasian Background</h2>
<div id="bg1">
</div>
<div id="bg2">
</div>
</body>
</html>
Saya akan akan mencoba menambahkan background pada tag h2 dan tag div. ini adalah kode CSSnya : Selengkapnya..
Sedikit Penjelasan Tentang Background
Yap,,kali ini saya akan bahas mengenai bagaimana menambahkan background dengan CSS. Namun, sebelumnya ini beberapa hal tentang background yang perlu kamu tau, dan mungkin kamu sudah tau hal-hal ini:
1. Background dapat berupa warna ataupun gambar, atau bahkan bisa terdiri dari dua unsur tersebut.
2. Kamu bisa ngasih background di elemen HTML manapun, kamu tinggal ubah-ubah selectornya aja.
Ada 6 property di CSS,yang bisa digunakan untuk menambahkan background pada dokumen HTML kita, yaitu background-color, background-image, background-attachment, background-position, background-repeat, dan background. Saya jelasin satu-satu ya
1. background-color
Sesuai namanya, guna dari property ini adalah memberi warna pada background. Value dari property ini ya warna-warna yang ingin diberikan pada background.
Contohnya:
body{
background-color:#000000;
}
Kode CSS di atas akan membuat tag body memiliki background berwarna hitam (#000000 = hitam).
2. background-image
Kalo property yang ini berguna untuk membuat image/gambar menjadi background. Valuenya seperti ini
url(letak gambar).
Contohnya, saya ingin membuat gambar “bg.png” menjadi background dari tag body yang terletak di folder images (folder images dan file HTMLnya ada dalam satu folder), maka CSSnya jadi seperti ini:
body{
background-image: url(images/bg.png);
}
Pake Flash?? Pikir-pikir dulu dech..
Kamu bisa menggunakan Flash? Bisa membuat animasi dengan Flash?? Dan ingin menaruhnya di website/blog kamu?? Sebaiknya dipikir baik2 dulu dech..
Lho Kenapa????
Eh.. Malah nanya,, Gini nich… sebenernya sich ngedesain web pake flash tuch menarik dan hasilnya pun pasti bagus, Tapi ada berbagai permasalahan yang membuat para webdesigner jarang yang make flash. Diantaranya ini nich:
- Gak semua browser yang di pake orang tuch support atau sudah terinstall plugin flash player di browser tersebut, dan banyak yang tidak support karena browser default (tidak diinstall plugin/addon apa2 oleh si pemakai) kebanyakan tidak support flash.
- Kalaupun browsernya sudah support, flash dapat membuat loading page menjadi lambat, nah loading page yang cepat khan salah satu syarat desain web yang baik.
- Nah, karena gak semua browser support dan loading pagenya bisa jadi lambat, flash ini dapat mengganggu kenyamanan pengunjung web kamu. Selengkapnya..
