Horizontal menu tau khan?? Contohnya klo di blog ini tuh menu yang ada di pojok kanan atas. Jadi kita akan coba buat menu kayak gitu dengan CSS (tapi sederhana dulu ya).
Sebenernya sich cara untuk ngebuat menu kayak gitu gak pake CSS juga bisa, contohnya aja kamu bisa pake flash, trus bisa juga pake HTML aja. Tapi yang lebih banyak di pakai untuk saat ini ya yang pake CSS, karena katanya sich lebih search engine friendly. Selengkapnya..
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..
Sebenernya ada banyak cara biar halaman web yang kita buat terlihat berada di tengah-tengah browser. Tapi saya akan jelasin satu cara aja yang sering dipake sama para web designer, dan cara ini lebih kompatibel di kebanyakan browser.
Kita mulai ya… Coba kamu salin kode ini ke notepad trus simpen dengan nama tengah.html
<!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>Tengah</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<h1>berada di tengah browser khan</h1>
</div>
</body>
</html>
Buat kamu yang masih sering gunain tabel untuk ngedesain layout, sebaiknya mulai dari sekarang tinggalin kebiasaan kamu yang gak baek itu dan mulailah beralih ke CSS.
Kenapa?
Make tabel itu gak praktis, menyusahkan, agak maksa, denger-denger kurang search engine friendly dan yang paling penting saat ini banyak perusahaan yang menginginkan situsnya didesain dengan meminimalisir penggunaan tabel (tableless), so, daripada kamu kehilangan orderan lebih baik hijrah ke CSS…
Buat kamu yang baru belajar web design, pasti bingung apa yang saya tulis di atas… hehe…
Mari saya jelaskan… Selengkapnya..
Kemaren-maren, saya dah jelasin sedikit tentang background. Nah, sekarang saatnya kita bicara tentang layout.
Misalkan kamu mo bikin mading/poster nich.. Pas kamu ngebikin mading/poster tersebut kamu pasti mikirin ehm… layoutnya gimana ya?? Ehm..di sebelah sini mo di kasih apa ya, sebelah situ isinya apa ya, Yap, memang dalam desain mendesain sesuatu itu yang pertama kali dipikirin itu biasanya layoutnya mo gimana..
Begitu juga dalam mendesain sebuah web, kamu juga harus mikirin layoutnya gimana. Misal headernya mo ditaruh di mana, trus sidebarnya di mana, menunya, contentnya. Yah macem-macem dech…
Dalam CSS sendiri ada banyak property yang bisa digunakan untuk membuat layout dari web. Dan biasanya gak semua property itu dipake. Para web designer biasanya hanya memakai property yang diperlukan aja dan antara satu web designer dengan yang lain biasanya ada perbedaan dalam penggunaannya. Yah tergantung kreativitas masing-masinglah…
Property-property untuk layout gak akan saya jelasin di postingan ini, karena takutnya ntar postingan ini malah jadi kepanjangan,hehe (bilang aja males…) tapi akan saya jelasin sambil praktek di postingan-postingan selanjutnya…
Oke kembali ke layout lagi ya… Sebenernya sich ada beberapa layout standar. Standar disini maksudnya sering dipake orang-orang… ini contohnya (klo gak keliatan gambarnya di klik aja biar gede) :
Klo kamu liat emang layout-layout itu sangat standar sekali ya.. blog saya ini juga tergolong yang standar juga…
Tapi klo kamu kreatif kamu bisa bikin layout yang aneh-aneh, tapi harus tetap user friendly ya…
Hai, Saya Hisman Nata Saputra, panggil aja Hisman. Makasih ya dah mau mampir.
O iya,tampilan terbaik blog ini bisa kamu liat kalo kamu pake browser firefox ato opera. -more-
background belajar CSS belajar HTML blog blogku jadi buat layout tanpa tabel CSS desain blog sendiri desain web desain web pake flash flash fokus gak jelas horizontal menu HTML kenalan dengan CSS kenalan sama HTML layout menu ngedesain web peletakkan CSS saatnya fokus selector di CSS skill dasar webdesigner tabel tentang background web webdesign
