İnternet kullanıcıları, farklı ekran çözünürlüklerine sahip çok çeşitli monitörler kullanır. Bu nedenle, web geliştiricilerinin görevlerinden biri, herhangi bir çözünürlükte monitörlerde doğru görüntülenmesi için bir site oluşturma ve optimize etme ihtiyacıdır.
Talimatlar
Aşama 1
Web sitenizi en düşük kullanılabilir çözünürlükle tasarlayın - 800 * 600 piksel ve sabit bir düzen kullanın. Ancak bu yaklaşımın bir dezavantajı var - geniş ekran monitörleri olan kullanıcılar için sitenizi görüntülerken ekranda geniş alanlar görünecektir.
Adım 2
Akışkan bir düzen kullanın. Bu durumda, çözünürlüğü geliştirmede kullanılandan daha yüksek olan monitörlerde sayfalar yatay olarak uzatılacaktır. Ancak bu yaklaşım en iyi, çok sayıda metin bilgisi ve minimum miktarda grafik içeren siteler oluştururken kullanılır. Bunun nedeni, resimler veya üçüncü taraf bileşenler gibi bazı öğelerin farklı monitörlerde yeniden boyutlandırılırken bozulacak olmasıdır.
Aşama 3
En doğru, ancak aynı zamanda ve uygulama açısından daha karmaşık olanı, uyarlanabilir bir düzenin kullanılmasıdır. Bu, program kodunu kullanırken bilgi içeren sütun sayısını değiştirmeyi mümkün kılan kauçuk düzeninin daha karmaşık bir versiyonudur.
4. Adım
Ancak sitenin gelişimi için hangi düzen seçilirse seçilsin, düzenini 1024 * 768 piksel ekran çözünürlüğünde yapın. Bu en yaygın çözünürlüktür.
Adım 5
Ayrıca sitenin farklı çözünürlükteki monitörlerde doğru görüntülenmesi için bazı kurallara uyunuz. Kaydırmayı önlemek için sayfanın ana içeriğini tek bir ekranda tutmaya çalışın. Metin bilgilerini ekranın tüm genişliği boyunca "yayılmaması" için dar bir sütuna yerleştirin. Her şeyin orantılı olması için sayfaların genel tasarımını takip edin.
6. Adım
Tasarımınızı tasarlarken, sayfanın genişlik ve yüksekliğinin miktarını değil, yüzdesini hesaplayın. Ardından sayfa, hem geleneksel monitörlerde hem de geniş ekran monitörlerde orantılı olarak yeniden boyutlandırılacaktır.
