Tata letak halaman web dapat dilakukan dengan dua cara berbeda:
- Fixed Width Layouts - Ini adalah tata letak di mana lebar seluruh halaman diatur dengan nilai numerik tertentu.
- Layout Cair - Ini adalah tata letak di mana lebar seluruh halaman fleksibel tergantung pada seberapa lebar browser pemirsa.
Ada alasan bagus untuk menggunakan kedua metode tata letak, tetapi tanpa memahami kedua manfaat relatif dan kekurangan masing-masing metode, Anda tidak dapat membuat keputusan yang baik tentang yang akan digunakan untuk halaman Web Anda.
Memperbaiki Layout Lebar
Tata letak tetap adalah tata letak yang dimulai dengan ukuran tertentu, yang ditentukan oleh perancang Web . Mereka tetap selebar itu, terlepas dari ukuran jendela browser yang melihat halaman. Layout lebar tetap memungkinkan desainer lebih mengontrol langsung bagaimana tampilan halaman dalam kebanyakan situasi. Mereka sering disukai oleh desainer dengan latar belakang cetak, karena memungkinkan desainer untuk membuat penyesuaian kecil pada tata letak dan membuatnya tetap konsisten di seluruh browser dan komputer.
Layout Cair
Tata letak cair adalah tata letak yang didasarkan pada persentase ukuran jendela browser saat ini. Mereka melenturkan dengan ukuran jendela, bahkan jika penampil saat ini mengubah ukuran browser mereka saat mereka melihat situs. Layout lebar cair memungkinkan penggunaan ruang yang sangat efisien yang disediakan oleh jendela browser Web tertentu atau resolusi layar. Mereka sering disukai oleh perancang yang memiliki banyak informasi untuk dilacak dalam ruang sekecil mungkin, karena mereka tetap konsisten dalam ukuran dan bobot halaman relatif terlepas dari siapa yang melihat halaman.
Apa yang ada di Stake?
Metode yang dipilih untuk desain Situs Web Anda akan berdampak pada lebih dari sekadar desain Anda. Tergantung pada yang Anda pilih, Anda akan mempengaruhi kemampuan pembaca Anda untuk memindai teks Anda, menemukan apa yang mereka cari atau kadang-kadang bahkan menggunakan situs Anda. Selain itu, gaya tata letak akan memengaruhi upaya Anda dalam memasarkan situs Web Anda melalui pencitraan merek, ketersediaan real estat, dan estetika situs Anda.
Manfaat Layout Lebar Tetap
- Tata letak lebar yang tetap memungkinkan perancang untuk membuat halaman yang akan terlihat sama tidak peduli siapa yang melihatnya.
- Elemen lebar tetap seperti gambar tidak akan mengalahkan teks pada monitor yang lebih kecil karena lebar seluruh halaman akan menyertakan elemen-elemen tersebut.
- Panjang pemindaian tidak akan terpengaruh oleh segmen besar teks, tidak peduli seberapa lebar browser Web.
Manfaat Tata Letak Cair
- Tata letak lebar cairan mengembang dan kontrak untuk mengisi ruang yang tersedia.
- Semua real estat yang tersedia digunakan, memungkinkan desainer untuk menampilkan lebih banyak konten di monitor yang lebih besar, tetapi masih tetap layak pada layar yang lebih kecil.
- Tata letak cair memberikan konsistensi dalam lebar relatif, memungkinkan halaman untuk merespons lebih dinamis untuk pembatasan yang dikenakan pelanggan seperti ukuran font yang lebih besar.
Kelemahan untuk Memperbaiki Layout Lebar
- Tata letak lebar tetap dapat menyebabkan gulir horizontal di jendela browser yang lebih kecil. Dan kebanyakan orang tidak suka menggulir secara horizontal.
- Mereka juga dapat menghasilkan hamparan besar spasi di monitor yang lebih besar, sehingga banyak ruang yang tidak terpakai dan lebih banyak bergulir secara vertikal daripada yang mungkin diperlukan.
- Fixed width layout tidak menangani perubahan pelanggan ke ukuran font dengan sangat baik. Untuk peningkatan kecil dalam ukuran font, mereka bisa baik-baik saja, tetapi untuk peningkatan yang lebih besar, tata letak dapat dikompromikan.
Kelemahan pada Tata Letak Cair
- Tata letak cair memungkinkan sangat sedikit kontrol yang tepat atas lebar berbagai elemen halaman.
- Mereka dapat menghasilkan kolom teks yang terlalu lebar untuk dipindai dengan nyaman, atau pada browser yang lebih kecil terlalu kecil untuk kata-kata muncul dengan jelas.
- Tata letak cair dapat memiliki masalah ketika elemen lebar tetap, seperti gambar, ditempatkan di dalam kolom cair. Jika kolom diberikan tanpa ruang yang cukup untuk gambar, beberapa browser akan meningkatkan lebar kolom, mengabaikan instruksi perancang, sementara browser lain akan menyebabkan tumpang tindih dalam teks dan gambar untuk mencapai persentase yang benar.
Kesimpulan
Banyak situs yang memiliki banyak informasi yang perlu mereka sampaikan sebagai ruang kecil mungkin akan berfungsi dengan baik dengan tata letak cair. Hal ini memungkinkan mereka untuk mengambil keuntungan dari semua real estat yang disediakan oleh monitor yang lebih besar sementara tidak memendekkan layar yang lebih kecil.
Situs yang memerlukan kontrol yang tepat tentang bagaimana tampilan halaman dalam setiap situasi akan baik-baik menggunakan tata letak lebar tetap. Ini memberikan jaminan lebih bahwa branding situs Web Anda konsisten dan jelas tidak peduli apa ukuran monitor yang dilihatnya.
Preferensi Tata Letak
Banyak yang lebih suka pendekatan campuran. Mereka tidak suka menggunakan tata letak cair untuk blok teks yang besar, karena itu dapat membuat teks tidak dapat dibaca pada monitor kecil atau tidak dapat disimpan pada yang besar. Jadi mereka cenderung membuat kolom utama halaman dengan lebar tetap, tetapi membuat header, footer, dan kolom samping lebih fleksibel untuk mengambil real estat yang tersisa dan tidak kehilangan kapasitas browser yang lebih besar.
Beberapa situs menggunakan skrip untuk menentukan ukuran jendela browser Anda dan kemudian mengubah elemen tampilan yang sesuai. Misalnya, jika Anda membuka situs semacam itu di jendela yang sangat luas, Anda mungkin mendapatkan kolom tautan tambahan di sisi kiri, yang mungkin tidak dilihat oleh pelanggan dengan monitor yang lebih kecil. Selain itu, teks yang melingkupi iklan tergantung pada seberapa lebar jendela browser Anda. Jika itu cukup lebar, situs akan membungkus teks di sekitarnya, jika tidak, itu akan menampilkan teks artikel di bawah iklan. Meskipun sebagian besar situs tidak memerlukan tingkat kerumitan ini, situs ini menunjukkan cara untuk memanfaatkan layar yang lebih besar tanpa memengaruhi tampilan pada layar yang lebih kecil.