DUA TIPE LAYOUT DISAIN WEB

  • putragaluh
  • Juma't, 06/05/2005
  • Internet
  • 2057 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

KOMENTAR

Muslim Yang Saling Membunuh

Dari Abu Bakrah (Nufa'i) Bin Al Harits Ats Tsaqafy Berkata: Rasulullah Saw Bersabda, "Apabila Dua Orang Muslim Berhadapan Dengan Pedang Masing-masing Maka Pembunuh Dan Terbunuh Keduanya Sama-sama Masuk Neraka. Abu Bakrah Bertanya, "Ya Rasulullah, Yang Membunuh Jelas Masuk Neraka Tetapi Mengapa Yang Terbunuh Juga Demikian? Rasulullah Saw Menjawab, "Karena Ia Juga Memiliki Niat Sungguh-sungguh Akan Membunuh Lawannya."

Layanan SSD Web Hosting

Fitur Hosting Lengkap, Cloudlinux, Apache/Nginx/Litespeed PHP Multiversion, MariaDB, Remote Backup DNS Cluster, Immunify360, Secure dan Stabil

Layanan Web Desain

Percayakan pembuatan website anda kepada GaluhWeb.com baik untuk instansi, perusahaan ataupun personal. Lebih dari 100 project telah membuktikannya.

Layanan VPS & Dedicated Server

Dapatkan kontrol penuh untuk mengelola bisnis, blog, aplikasi dengan layanan Virtual Private Server atau Dedicated Server. Ayo naik level sekarang bersama GaluhWeb.com !

Value Added Service

Dapatkan juga layanan tambahan lainnya seperti Nama Domain, Mail Hosting, Streaming Hosting, Sitelock, SSL dan masih banyak lagi.

GaluhWeb.com