" /> Layout Halaman Web - TN Mikro
Home > Pemrograman Web > Pembuatan Halaman Web > Layout Halaman Web

Layout Halaman Web

Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman web web baik juga. Dengan desain halaman web yang baik dan tepat akan membuat pengunjung merasa nyaman dengan tampilan (layout) halaman web tersebut, dan tetap dapat fokus pada isi (content). Desain halaman web tidak mengganggu kejelasan bagian isi. Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik, mudah dan informatif.

Pengunjung merasa bahwa setiap halaman dari situs merupakan satu kesatuan. Setiap halaman memiliki posisi dan kesamaan tampilan (layout), yang berbeda hanya isi (content). Adanya layout tata letak yang baik dapat membuat halaman lebih cantik dan seimbang, terutama enak dilihat dan mudah dibaca. Desain layout suatu halaman web meliputi penyusunan:
– pembagian tempat pada halaman
– pengaturan jarak sepasi
– pengelompokan teks dan grafik
– serta penekanan pada suatu bagian tertentu

Beberapa model layout yang biasa digunakan dalam mendesain suatu halaman web, diantaranya adalah
– Top Index
 digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine
image
Gambar 10.2 model layout top index

Navigasi atau daftar isi berada dibagian atas dari halaman web, seperti pada berikut merupakan tampilan dari www.google.com
image
Gambar 10.3 contoh halaman web dengan layout top index

– Bottom Index
 Biasanya digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal

– Left Index
 Digunakan untuk layar dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian pada halaman utama

– Layout Split
 Merupakan model yang banyak dipakai, karena terjaga keseimbangan dalam halaman web

– Alternating Index
 digunakan untuk halaman yang banyak menampilkan grafik, foto dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain – lain.