Day: 18/06/2009

Lebar halaman pada web

7-1-700Dalam mendesain halaman web kita mengenal ada 2 tipe halaman web; yang pertama Fixed page width dan yang kedua adalah Flexible page width.

Pemilihan tipe dari lebar halaman web tergantung kepada jenis konten web itu sendiri. Ada yang bagus bila menggunakan Fixed page width ada juga yang mengharuskan menggunakan Flexible page width.  Saya akan membahas Flexible page width terlebih dahulu, mengapa? karena Flexible page width sedang banyak dibicarakan para developer web.  Tipe ini digunakan dikarenakan :

  • Dapat digunakan berbagai ukuran display screen, dari small cell phones to wide cinema displays
  • Flexible medium designed to accommodate different users and a variety of display devices.

Flexible page seperti fluid (dapat beradaptasi)

  • Dibutuhkan pemahaman HTML yang kuat
  • Diharuskan dapat diimplementasikan  across platforms and browsers
  • Menggunakan % untuk menentukan ukuran element pada halaman

contohKesimpulanya tipe yang satu ini dapat beradaptasi diberbagai media dan diberbagai resolusi layar monitor.

Tipe yang kedua adalah Fixed page width, tipe ini digunakan untuk menjadikan layout dari web stabil dalam posisi pada halaman web. Biasanya developer memilih tipe ini bila halaman web kita memiliki banyak komponen dan mengharuskan peletakan komponen tersebut stabil (tidak berubah-ubah).

Tipe ini biasanya digunakan untuk mendesain halaman web berita.

Keuntungan tipe ini adalah :

  • Page layout akan stabil, walaupun digunakan oleh berbagai ukuran screen window dan browser
  • Posisi elemen akan tetap baik ukuran huruf, paragraf, ukuran gambar

Kerugianya

  • Pada layar yang besar akan terdapat space kosong yang banyak
  • Pada layar yang kecil harus menggunakan horizontal scroll untuk melihat halaman keseluruhan.
  • Untuk memperbesar ukuran font akan menghasilkan hasil yang kurang baik

contoh2