Elastic, Fluid, Fixed, Hybrid Layout Web Design


FIXED
ü  Definition
Fixed Layout merupakan layout yang mempunyai “wrapper” untuk menentukan fixed width dari webpage dan komponen-komponen yang terdapat di dalamnya, yang terpenting di dalamnya adalah bahwa “wrapper” ini di set menjadi fixed width, tidak perduli walaupun pengguna menggunakan web browser yang berbeda-beda, layout, screen resolution tidak akan berubah.
ü  Advantage
o   Fixed-width layout yang lebih mudah untuk digunakan dan lebih mudah untuk menyesuaikan dalam hal desain.
o   Tidak perlu mengatur ukuran min-width atau min-height
o   Ukuran akan tetap sama pada setiap browser.
ü  Disadvantage
o   Penggunaan fixed layout dapat menciptakan ruang yang berlebihan atau ruang kosong yang sebenarnya tidak / dapat digunakan untuk conten yang lain.
o   Untuk web browser tertentu fixed layout juga kurang baik karena mungkin web browser yang lain mempunyai ukuran resolusi yang lebih kecil atau lebih besar.
FLUID
ü  Definition
Fluid Layout, juga merujuk pada liquid layout, yang mengkhususkan pada komponen-komponen yang berada di dalam persen width.  Dan mengatur screen resolution, sehingga ketika browser di kecilkan layout ini akan menyesuaikan dengan browser.
ü  Advantage
o   Fluid or Liquid Layout lebih menyesuaikan dengan pengguna browser sehingga menjadi user-friendly.
o   Jika dirancangn dengan baik maka akan dapat mengurangi ruang kosong.
ü  Disadvantage
o   Untuk gambar maupun video mungkin harus ada pengaturan ukuran yang lain.
ELASTIC
ü  Definition
Elastic Layout, merupakan layout yang dimana ukuran widthnya digunakan dengan menggunakan em dibandikan dengan menggunakan percentage atau pixel. Layout ini tidak mengikuti ukuran untuk size web browser namun akan mengikuti ukuran untuk screen size.
ü  Advantage
o   Jika di desain dengan sangat baik maka layout ini dapat memudahan para pengguna sehingga mengikuti ukuran size.
o   Tampilan layout yang baik.
ü  Disadvantage
o   Layout setiap web browser berbeda sehingga memungkinkan untuk melakukan test untuk setiap web browser agar mendapatkan hasil yang maksimal.
o   Untuk beberapa web browser tidak disupport.
HYBRID
ü  Definition
Hybrid Layout adalah kombinasi dari elastic dan liquid or fluid layout dimana kita dapat mengatur main dan sidebar menjadi layout yang berbeda.
ü  Advantage
o   Tampilan yang lebih baik karena menggunakan 2 gabungan layout.
o   Web browser dapat menyesuaikan baik screen resolution maupun size browser.
ü  Disadvantage
o   Layout setiap web browser berbeda sehingga memungkinkan untuk melakukan test untuk setiap web browser agar mendapatkan hasil yang maksimal.

o   Untuk gambar maupun video mungkin harus ada pengaturan ukuran yang lain.

Tutorial Lengkap Hosting Website Gratis Dengan Gambar

Hallo Guys.. sudah sangat lama sekali sejak terakhir kali saya melakukan posting di blogger ini... kalau saya tidak salah terakhir saya ...