Web sayfası düzeni iki farklı yaklaşımdan birini izler:
- 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üleyenin tarayıcısının genişliğine bağlı olarak tüm sayfanın genişliğinin esnek olduğu düzenlerdir.
Her iki yerleşim yöntemini de kullanmanın iyi nedenleri vardır, ancak her ikisini de anlamadan her yöntemin faydaları ve eksiklikleri, web'iniz için hangisini kullanacağınız konusunda iyi bir karar veremiyorsunuz. sayfa.
Sabit Genişlik Düzenleri
Sabit düzenler, web tasarımcısı tarafından şart koşulan belirli bir boyutla başlayan düzenlerdir. Sayfayı görüntüleyen tarayıcı penceresinin boyutundan bağımsız olarak bu genişlikte kalırlar. Sabit genişlikli mizanpajlar, tasarımcının çoğu durumda sayfanın nasıl görüneceği üzerinde daha doğrudan kontrol sahibi olmasını sağlar. Tasarımcının düzende küçük ayarlamalar yapmasına ve tarayıcılarda ve bilgisayarlarda tutarlı kalmasını sağladıklarından, genellikle baskı arka planı olan tasarımcılar tarafından tercih edilirler.
Sıvı Düzenler
Akışkan düzenler, geçerli tarayıcı penceresinin boyutunun yüzdelerine dayanan düzenlerdir. Mevcut görüntüleyici siteyi görüntülerken tarayıcı boyutunu değiştirse bile, pencerenin boyutuyla birlikte esnerler. Sıvı genişlikli düzenler, herhangi bir tarayıcı penceresi tarafından sağlanan alanın verimli bir şekilde kullanılmasına veya ekran çözünürlüğü. Genellikle çok fazla bilgiye sahip olan tasarımcılar tarafından çok az alanda karşılaşılabilecek kadar tercih edilirler. kimin görüntülediğinden bağımsız olarak boyut ve göreli sayfa ağırlıkları açısından tutarlı kaldıkları için mümkündür. sayfa.
Ne tehlikede?
Sizin web sitesi tasarımı seni etkiler sitenin yanıt verebilirliği ve uyarlanabilirliği. Hangisini seçtiğinize bağlı olarak, okuyucularınızın metninizi tarama, aradıklarını bulma ve hatta bazen sitenizi kullanma becerilerine yardımcı olabilir veya engellenebilir. Sitenizin genel marka kimliği de risk altında olabilir, özellikle marka standartlarınız önce yazdır mantığı modelini izliyorsa.
Sabit Genişlikli Düzenlerin Faydaları
Sabit genişlikli bir düzen, bazı durumlarda yardımcı olur.
- Sabit genişlikli bir düzen, tasarımcının, onlara kim bakarsa baksın aynı görünecek sayfalar oluşturmasına olanak tanır.
- Görüntüler gibi sabit genişlikli öğeler, tüm sayfanın genişliği bu öğeleri içereceğinden, daha küçük monitörlerde metne baskın çıkmayacaktır.
- Tarayıcı ne kadar geniş olursa olsun, tarama uzunluğu büyük metin parçalarından etkilenmeyecektir.
Sıvı Düzenlerin Faydaları
Sıvı bir düzen, diğer durumlarda en iyi sonucu verir.
- Sıvı genişlikli bir düzen, mevcut alanı doldurmak için genişler ve daralır.
- Mevcut tüm gayrimenkuller kullanılır, bu da tasarımcının daha büyük monitörlerde daha fazla içerik görüntülemesine izin verir, ancak yine de daha küçük ekranlarda uygulanabilir kalır.
- Sıvı mizanpajlar, göreli genişliklerde tutarlılık sağlayarak, bir sayfanın daha büyük yazı tipi boyutları gibi müşteri tarafından dayatılan kısıtlamalara daha dinamik bir şekilde yanıt vermesine olanak tanır.
Sabit Genişlik Düzenlerinin Dezavantajları
Ancak, sabit bir formatın maliyeti yoktur.
- Sabit genişlikli düzenler, daha küçük tarayıcı pencerelerinde yatay kaydırmayı zorlar. Çoğu insan yatay olarak kaydırmayı sevmez.
- Daha büyük monitörlerde büyük boşluklar bırakırlar, bu da çok fazla kullanılmayan alan ve aksi takdirde gerekli olabilecekten daha fazla dikey kaydırma ile sonuçlanır.
- Sabit genişlikli düzenler, yazı tipi boyutlarında müşteri değişikliklerini çok iyi işlemez. Yazı tipi boyutundaki küçük artışlar için sorun olmayabilir, ancak daha büyük artışlar için mizanpaj tehlikeye girebilir.
Sıvı Düzenlerin Dezavantajları
Sıvı düzenlerin de dezavantajları vardır.
- Sıvı düzenler, sayfanın çeşitli öğelerinin genişliği üzerinde çok az hassas kontrol sağlar.
- Bunlar, ya rahatça taranamayacak kadar geniş metin sütunlarına ya da daha küçük tarayıcılarda kelimelerin net bir şekilde görüntülenemeyeceği kadar küçük sütunlara neden olabilir.
- Bir görüntü gibi sabit genişlikte bir öğe bir sıvı sütununun içine yerleştirildiğinde sıvı düzenleri hatası. Sütun görüntü için yeterli alan olmadan oluşturulursa, bazı tarayıcılar sütun genişliğini artırır, tasarımcının talimatlarını dikkate almazken, diğer tarayıcılar doğru sonucu elde etmek için metin ve resimlerdeki çakışmaları zorlar. yüzdeler.
Düzen Tercihi ve Karma Yaklaşımlar
Bazı tasarımcılar bu kavramları harmanlamayı tercih ediyor. Büyük metin blokları için sıvı düzenleri kullanmaktan hoşlanmazlar, çünkü bu yapı metni küçük bir monitörde okunamaz veya büyük bir monitörde taranamaz hale getirir. Bu nedenle, sayfaların ana sütunlarını sabit bir genişlikte yapma eğilimindedirler, ancak üstbilgileri, altbilgileri ve yanları oluştururlar. kalan gayrimenkulü almak ve daha büyük kapasiteyi kaybetmemek için sütunlar daha esnek tarayıcılar.
Bazı siteler, tarayıcı pencerenizin boyutunu belirlemek için komut dosyaları kullanır ve ardından görüntüleme öğelerini buna göre değiştirir. Örneğin, böyle bir siteyi çok geniş bir pencerede açarsanız, sol tarafta daha küçük monitörlere sahip ziyaretçilerin göremeyebileceği ek bir bağlantı sütunu alabilirsiniz. Ayrıca, reklamların etrafındaki metin sarma, tarayıcı pencerenizin ne kadar geniş olduğuna bağlıdır. Yeterince genişse, site metni etrafına sarar, aksi takdirde makale metnini reklamın altında görüntüler. Çoğu site bu karmaşıklık düzeyine ihtiyaç duymasa da, daha küçük ekranlardaki görüntüyü etkilemeden daha büyük ekranlardan yararlanmanın bir yolunu gösterir.