Web sayfası düzeni iki farklı şekilde yapılabilir:
- Sabit Genişlik Düzenleri - Bunlar, tüm sayfanın genişliğinin belirli bir sayısal değerle ayarlandığı düzenlerdir.
- Sıvı Düzenler - Bunlar, görüntüleyicinin tarayıcısının ne kadar geniş olduğuna bağlı olarak tüm sayfanın genişliğinin esnek olduğu düzenlerdir.
Her iki mizanpaj yöntemini kullanmanın iyi nedenleri vardır, ancak her bir yöntemin göreceli yararlarını ve eksikliklerini anlamadan, Web sayfanız için hangisinin kullanılacağına dair iyi bir karar veremezsiniz.
Sabit Genişlik Yerleşimleri
Sabit düzenler, Web tasarımcısı tarafından belirlenen belirli bir boyutla başlayan düzenlerdir. Sayfayı görüntüleyen tarayıcı penceresinin boyutuna bakılmaksızın, bu genişlikte kalırlar. Sabit genişlik düzenleri, bir tasarımcının sayfanın çoğu durumda nasıl görüneceği konusunda daha doğrudan bir kontrol sağlar. Tasarımcıların genellikle arka plana sahip tasarımcılar tarafından tercih edilir, çünkü tasarımcının düzende dakika ayarlaması yapmasına ve tarayıcılarda ve bilgisayarlarda tutarlı kalmasını sağlar.
Sıvı Yerleşimler
Sıvı düzenler, mevcut tarayıcı penceresinin boyutunun yüzdelerini temel alan düzenlerdir. Mevcut görüntüleyici, siteyi görüntülerken tarayıcı boyutlarını değiştirse bile, pencerenin boyutuna göre esnektirler. Sıvı genişlik düzenleri, herhangi bir Web tarayıcı penceresi veya ekran çözünürlüğü tarafından sağlanan alanın çok verimli kullanılmasını sağlar. Çoğu kişi, sayfayı kimin görüntülediğine bakılmaksızın, boyut ve göreli sayfa ağırlıklarında tutarlı kaldıklarından, mümkün olduğunca az yer kaplamak için çok fazla bilgiye sahip tasarımcılar tarafından tercih edilir.
Stake'de ne var?
Web Sitesi tasarımınız için seçilen yöntem, tasarımınızdan daha fazlasını etkileyecektir. Hangisini seçeceğinize bağlı olarak, okuyucularınızın metninizi tarama, aradıklarını bulma veya bazen sitenizi kullanma yeteneğini etkileyeceksiniz. Ayrıca, düzen stili, Web sitenizi markalaştırma, emlak kullanılabilirliği ve sitenizin estetiği ile pazarlamanız için çabalarınızı etkileyecektir.
Sabit Genişlik Yerleşimlerinin Faydaları
- Sabit genişlik düzeni, tasarımcıya kimin baktığı önemli değil aynı görünecek sayfalar oluşturmasını sağlar.
- Resimler gibi sabit genişlik elemanları, daha küçük monitörlerde metni zorlamaz, çünkü tüm sayfanın genişliği bu öğeleri içerecektir.
- Web tarayıcısının genişliği ne olursa olsun, tarama uzunluğu büyük metin bölümlerinden etkilenmez.
Sıvı Yerleşimlerin Faydaları
- Bir sıvı genişliği düzeni mevcut alanı doldurmak için genişler ve daralır.
- Kullanılabilir tüm emlak kullanılırken, tasarımcının daha büyük ekranlarda daha fazla içerik göstermesine izin verir, ancak yine de daha küçük ekranlarda canlı kalır.
- Sıvı düzenler, göreceli genişliklerde tutarlılık sağlar ve bir sayfanın daha büyük yazı tipi boyutları gibi müşteri tarafından uygulanan kısıtlamalara daha dinamik bir şekilde yanıt vermesini sağlar.
Sabit Genişlik Yerleşimlerine Dezavantajları
- Sabit genişlik düzenleri, daha küçük tarayıcı pencerelerinde yatay kaydırmaya neden olabilir. Ve çoğu insan yatay olarak kaydırmayı sevmez.
- Ayrıca, büyük monitörlerde büyük boşluk genişlikleri ile sonuçlanabilir, bu da çok fazla kullanılmayan alan ve aksi takdirde gerekenden daha fazla dikey kaydırma sağlar.
- Sabit genişlik düzenleri, müşteri değişikliklerini yazı tipi boyutlarına çok iyi işlemez. Yazı tipi boyutundaki küçük artışlar için, bunlar iyi olabilir, ancak daha büyük artışlar için düzende bozukluk olabilir.
Sıvı Yerleşimlere Dezavantajları
- Sıvı düzenler, sayfanın çeşitli öğelerinin genişliği üzerinde çok az hassas kontrol sağlar.
- Bunlar, rahatça taramak için çok geniş olan metin sütunlarına veya sözcüklerin açıkça gösterilmesi için çok küçük tarayıcılara neden olabilir.
- Sıvı düzenler, bir görüntü gibi bir sabit genişlik elemanı bir sıvı sütunun içine yerleştirildiğinde sorun yaşayabilir. Sütun, görüntü için yeterli alan olmaksızın oluşturulmuşsa, bazı tarayıcılar, tasarımcının yönergelerini göz ardı ederek sütun genişliğini artıracak, diğer tarayıcılar ise doğru yüzdelere ulaşmak için metin ve resimlerde çakışmalara neden olacaktır.
Sonuç
Mümkün olan en az miktarda yer almaları gereken çok fazla bilgiye sahip birçok site, bir sıvı düzeni ile iyi çalışır. Bu, daha küçük ekranları kısaltmayarak daha büyük monitörlerin sağladığı tüm gayrimenkullerden faydalanmalarını sağlar.
Sayfaların her durumda nasıl göründüğünün hassas kontrolü gerektiren siteler, sabit genişlikli bir düzen kullanmak için iyi sonuç verir. Bu, Web sitenizin markasının, hangi boyutta görüntülendiğine bakılmaksızın tutarlı ve net olduğunu daha fazla garanti eder.
Düzen Tercihi
Birçoğu karışık bir yaklaşımı tercih ediyor. Büyük metin blokları için sıvı mizanpaj kullanmaktan hoşlanmazlar, çünkü bu metinleri küçük bir monitörde okunamaz hale getirebilir veya büyük ölçüde taranamaz hale getirebilir. Bu nedenle, sayfaların ana sütunlarını sabit bir genişlikte oluşturmaya eğilimlidirler, ancak üst sıraları, altbilgileri ve yan sütunları, kalan emlakları almak ve daha büyük tarayıcıların kapasitesini kaybetmek için daha esnek hale getirirler.
Bazı siteler tarayıcı pencere boyutunu belirlemek için komut dosyaları kullanır ve ardından görüntü öğelerini buna göre değiştirir. Örneğin, böyle bir siteyi çok geniş bir pencerede açarsanız, sol taraftaki daha küçük monitörlere sahip müşterilerin göremeyeceği ek bir bağlantı sütunu alabilirsiniz. Ayrıca, reklamların etrafına sarılmış metin, tarayıcı pencerenizin ne kadar geniş olduğuna bağlıdır. Yeterince genişse, site etrafındaki metni kaydırır, aksi halde makale metnini reklamın altında görüntüler. Çoğu site bu karmaşıklığa gerek duymasa da, ekranı daha küçük ekranlarda etkilemeden daha büyük ekranlardan yararlanmanın bir yolunu gösterir.