Dua Tipe Layout Disain Web

Juma't, 06/05/2005 Internet 1752 hits


Ada dua macam tipe tampilan tata letak didalam dunia web disain, yaitu fixed width dan variable width.

Fixed width adalah tampilan web dengan komposisi yang tetap dan tidak berubah di semua resolusi monitor pengunjung

Contoh http://www.mamboawards.com/ Variable width adalah tampilan web dengan komposisi yang berubah mengikuti perubahan resolusi monitor pengunjung.

Contoh http://www.mamboserver.com

Mendesain website dengan fixed width
Mendesain website dengan fixed width berarti kita harus bersiap-siap dengan presisi yang pas. Di awal, kita mungkin sedikit akan dipusingkan dengan angka-angka berikut presisi ukuran.

Apa bila kita memulai dengan sebuah table, kita harus siap dengan angka-angka pembagian colom yang pas.

Misalnya kita membuat sebuah table dengan ukuran 780 pixel, yang kemudian dibagi menjadi 3 kolom, penjumlahan ketiga kolom ini harus sama dengan 780 untuk mengurangi resiko rusaknya layout.

Hal yang terpenting adalah pada penempatan gambar ( atau objek lainnya seperti flash). Penempatan gambar harus disesuaikan dengan besarnya alokasi yang tersedia, karena pemakaian ukuran gambar yang tidak pas akan merusak semua aturan besar / lebar yang telah dideklarasikan pada table anda. Hal yang sama juga terjadi apabila kita memulai sebuah layout dengan tidak menggunakan table (tableless/menggunakan CSS).

Tampilan seperti ini banyak dipergunakan pada situs-situs yang lebih mengedepankan aspek estetis dan keindahan dari website tersebut, seperti website profil perusahaan, studio disain dll.

Mendesain website dengan variable width
Mendesain website dengan variable width kadang cenderung lebih mudah karena kita hanya bermain main persentase dan browser akan megatur/resize semua layout sesuai dengan resolusi monitor.

Tantangan pada mendesain variable width ini adalah pada perubahan tampilan yang kadang-kadang menampilkan tampilan yang tidak lagi manis lagi diresolusi yang berbeda.

Sebagai contoh, Misalnya Anda membuat sebuah web dengan variable width, maka anda mungkin akan menyaksikan kolom-kolom pada table anda akan melebar ketika dibuka pada monitor di resolusi tinggi, dan kemudian mepet-mepet di resolusi monitor yang lebih kecil sehingga Anda harus melakukan tuning lebih

banyak lagi disekitar bagaimana caranya supaya web Anda tetap indah ketika di strecth di semua Resolusi monitor.

Tampilan seperti ini biasanya dipakai pada web yang lebih mengedepankan isi atau content, berusaha memanfaatkan semua ruang yang ada dan mempunyai tingkat interaksi dengan pengunjungnya yang tinggi sehingga membutuhkan layout dengan fleksibelitas tinggi (forum).

Tipe desain seperti ini banyak dipakai pada situs2 komunitas , forum dan informasi.

: tanpa label



Silakan beri komentar :)

Tahukah ANDA ?
Kepercayaan bahwa bayam dapat memberikan sumber tenaga yang besar, seperti yang dipopulerkan oleh Popeye the Sailorman, ternyata berdasarkan pada suatu kekeliruan. Kekeliruan ini muncul di tahun 1870, ketika sebuah tabel gizi yang sangat populer di Amerika, menyatakan bahwa bayam memiliki 10 kali lebih banyak zat besi dibanding sayuran lainnya. Kekeliruan…

Cangehgar: Kadaharan Haram


MUTIARA HADIST

Dari Ibnu Umar R.a. Berkata: Rasulullah Saw Bersabda, "Kamu Sekalian Adalah Pemimpin Dan Kamu Akan Ditanya Mengenai Kepemimpinanmu. Imam (Penguasa) Adalah Pemimpin Dan Akan Ditanya Mengenai Kepemimpinannya. Seorang Laki-laki Adalah Pemimpin Keluarganya Dan Bertanggung Jawab Mengenai Kepemimpinannya. Istri Adalah Pemimpin Rumah Tangga Suaminya Dan Bertanggung Jawab Atas Kepemimpinannya. Pelayan (buruh) Adalah Pemeliharaharta Majikannya Dan Akan Ditanya Mengenai Pemeliharaannya. Maka Kamu Sekalian Adalah Pemimpin Dan Masing-masing Bertanggung Jawab Atas Kepemimpinannya."

Jadilah Pemimpin Bukan Penguasa

Hosting, VPS & Server

Kini saatnya memiliki website/blog professional dan memiliki prestise baik untuk pribadi maupun instansi/perusahaan. Layanan VPS maupun Dedicated Server dengan harga yang terjangkau

Learn More

Web Desain

Memerlukan layanan Jasa pembuatan website ? Jangan ragu untuk menggunakan layanan GaluhWeb yang telah digunakan oleh puluhan Pelanggan. Ayo tunggu apalagi ?

Learn More

Domain

Gunakan identitas bisnis atau blog dengan domain yang keren. Harga murah dengan fitur melimpah. Buruan daftarkan domain anda sebelum keduluan yang lain :)

Learn More