Pengguna internet menggunakan berbagai macam monitor dengan resolusi layar yang berbeda. Oleh karena itu, salah satu tugas pengembang web adalah kebutuhan untuk membuat dan mengoptimalkan situs agar dapat ditampilkan dengan benar di monitor dengan resolusi apa pun.
instruksi
Langkah 1
Rancang situs web Anda dengan resolusi terendah yang dapat digunakan - 800 * 600 piksel dan gunakan tata letak tetap. Tetapi dengan pendekatan ini, ada satu kelemahan - bagi pengguna yang memiliki monitor layar lebar, bidang lebar akan muncul di layar saat melihat situs Anda.
Langkah 2
Gunakan tata letak yang cair. Dalam hal ini, halaman akan diregangkan secara horizontal pada monitor tersebut, yang resolusinya lebih tinggi daripada yang digunakan dalam pengembangan. Tetapi pendekatan ini paling baik digunakan saat membuat situs dengan banyak informasi tekstual dan jumlah grafik minimum. Ini karena beberapa elemen, seperti gambar atau komponen pihak ketiga, akan terdistorsi saat mengubah ukuran pada monitor yang berbeda.
Langkah 3
Yang paling benar, tetapi pada saat yang sama dan lebih kompleks dari sudut pandang implementasi, adalah penggunaan tata letak adaptif. Ini adalah versi yang lebih kompleks dari tata letak karet, yang memungkinkan untuk mengubah jumlah kolom dengan informasi saat menggunakan kode program.
Langkah 4
Tetapi tata letak apa pun yang dipilih untuk pengembangan situs, lakukan tata letaknya pada resolusi layar 1024 * 768 piksel. Ini adalah resolusi yang paling umum.
Langkah 5
Juga, untuk tampilan situs yang benar pada monitor dengan resolusi berbeda, ikuti beberapa aturan. Cobalah untuk menyimpan konten utama halaman pada satu layar untuk menghindari pengguliran. Tempatkan informasi teks dalam kolom sempit sehingga tidak "menyebar" di seluruh lebar layar. Pantau keseluruhan desain halaman sehingga semuanya proporsional.
Langkah 6
Saat mendesain desain Anda, hitung persentase, bukan kuantitas, dari lebar dan tinggi halaman. Kemudian halaman akan diubah ukurannya secara proporsional baik pada monitor konvensional maupun pada monitor layar lebar.
