Web Design

Merancang Website mempertimbangkan Resolusi Layar

Umumnya saat ini  website memiliki layar dengan resolusi 1024×768 atau lebih tinggi, hal tersebut seiring dengan berjalannya waktu dan kualitas layar monitor dimana banyak orang beralih ke resolusi yang lebih tinggi. Oleh karena itu sangat penting merancang situs web dengan mempertimbangkan menggunakan semua resolusi.

Dalam merancang website terkait dengan resolusi layar, ada beberapa langkah yang perlu diperhatikan:

Langkah 1: Tentukan layar dengan Resolusi terendah

Sebelum Anda memulai memutuskan pada resolusi layar dengan ukuran  terendah. Harus diapstikan juga bahwa situs yang dirancang dengan resolusi rendah tapi dapat dilihat secara nyaman. Resolusi terendah yang ideal saat ini adalah 800 x 600, walapun masih ada resolusi dibawahnya yakni 640 x 480 tetapi website dengan resolusi tersebut sudah sangat jarang.

Langkah 2: Desain Situs Web Anda Pada Resolusi ini

Jika sudah diputuskan dengan resolusi tertentu, maka rancangan semua grafis harus berdasarkan atau sesuai dengan resolusi yang sudah dipilih tersebut.  Desain grafis dalam bentuk gambar harus dikonversi ke format HTML .

Langkah 3: Pastikan semua tabel Anda diukur berdasarkan persentase

Langkah ini adalah trik untuk mengembangkan situs web untuk semua resolusi. Pemilihan ukuran tabel dengan persentase menjadikan lebih fleksibel dibandingan dengan pixel yang menjadikan ukuran layar akan statis. Jadi jika membuat tabel maka harus memberikan nilai lebar dan tinggi dengan 100% atau 95% (jika menginginkan ruang kosong 5%).

Langkah 4: Gunakan pixel dalam cell tabel kecuali cell yang digunakan untuk Konten/keterangan/Penjelasan

Dengan cara tersebut maka tampilan tabel akan bagus. Menggunakan ukuran pixel dalam cell tabel dikarenakan sudah diketahui berapa panjang karakter yang ada dalam suatu kolom tabel, sehingga rancangan lebar kolom sudah diketahui.

Langkah 5: Masukkan Gambar dan Konten

Setelah merancang tabel berikutnya memasukkan gambar dan konten. Misalnya posisi logo di kiri atas, tombol navigasi di bagian kiri atau kanan atas.  Untuk layout yang lebih kompleks perlu menggunakan latar belakang  dalam situs web. Pastikan ukuran web untuk semua resolusi layar sehingga harus memeprhatikan gambar/teks yang terletak di sudut atas kanan atau kiri juga yang disudut bawah.

Langkah 6: Uji situs untuk semua resolusi

Langkah terakhir adalah untuk menguji situs dengan semua resolusi  800 x 600, 1024×768 atau lebih tinggi jika mungkin.  Bagaimana Hasilnya?

http://www.entheosweb.com

Iklan
Standar