Sebagian besar dari kita mungkin banyak menjumpai bahwa situs kami mungkin berbeda dalam resolusi layar yang berbeda. yang perlu dilakukan sebagai web designer adalah membuat situs yang kompatibel untuk resolusi layar yang berbeda. Para pengunjung situs/blog Anda pastinya memiliki resolusi layar yang beragam. Jadi, wajib untuk membuat situs Anda yang kompatibel untuk resolusi layar yang berbeda. Sebagai contoh, Dalam resolusi layar yang lebih rendah seperti 800 × 600 px layout website akan sempurna. Tetapi ketika Anda melihat situs anda pada resolusi layar lebih tinggi seperti 1024 × 768 px atau bahkan lebih tinggi, header website atau sidebar dapat disesuaikan dengan baik kanan atau kiri. Itu semua karena desainer mungkin telah mendesain situs untuk mendapatkan resolusi layar tertentu. Dalam resolusi layar dia (pada komputer yang digunakan untuk mendesain web), situs mungkin terlihat tampak sempurna. Tapi ketika web tesebut ke resolusi layar yang lebih tinggi, tampilan menjadi tidak sejajar.
Jadi berapa resolusi terbaik yang harus digunakan ? jawabannya beragam, tapi pada saat ini kebanyakan pengunjung sudah menggunakan resolusi tinggi (contoh:1024 × 768 px)
Karena selama ini saya pribadi sering menggunakan teknik ini pada blogger, jadi tutorial ini diimplementasikan langsung pada blogger, caranya :
step 1 : Login ke blogger.cm
step 2 : Pada Dashborad ilih menu Design lalu pilih Edit HTML.
Carilah kode-kode element seperti:
#Header
#Outer wrapper
#content wrapper
#wrapper
#Footer
Atau masih ada kode element lainnya.
Sisipan kode margin: auto; pada element-element tersebut, maka desain blog anda akan tampak static tapi flexibel mengikuti berapapun layar resolusi anda.
Bagaimana cara test tampilan yang flexibel?
Pada tampilan web normal tekan Ctrl + atau Ctrl -
Demikian semoga berguna
No comments:
Post a Comment