Not:

Adobe Muse artık yeni özellikler eklemeyecek ve 26 Mart 2020'de desteği sonlandıracak. Ayrıntılı bilgi ve yardım için bkz. Adobe Muse hizmet sonu sayfası.

Dinamik tasarım, Adobe Muse Şubat 2016 sürümünde ve sonraki sürümlerde desteklenmektedir. Şubat 2016 sürümünden önceki sürümlerde oluşturduğunuz web sitelerini, dinamik tasarıma dönüştürebilirsiniz.

Neden uyumlu mizanpaja geçmeliyim?

Alternatif mizanpaj kullanan mevcut bir Adobe Muse projeniz varsa projenizi uyumlu mizanpaja taşıyabilirsiniz. Ancak alternatif mizanpajlarla çalışmaya devam etmek istiyorsanız bunu da yapabilirsiniz.  

Genelde uyumlu siteler için yüksek miktarda kod yazmak ve karmaşık şablonlar kullanmak gerekir. Adobe Muse ilk defa, hiçbir kod yazmadan ve hiçbir ızgara veya şablon kullanmadan uyumlu siteler oluşturma özelliğini sunuyor. Üstelik tek bir dosya kullanarak mizanpajı her aygıtta ve her ekran boyutunda iyi duran, tamamen uyumlu siteler oluşturabilirsiniz. Ayrı mizanpajlar geçmişte kaldı!

Adobe Muse'un dinamik tasarımıyla metninizi ve görüntülerinizi güncellemek de çok rahattır. Aynı değişikliği her bir mizanpaja uygulamak için saatlerinizi harcamanız gerekmez. Bunlara ek olarak, site içeriğinizi tarayıcılardan düzenlemenizi sağlayan In-Browser Editing uygulaması da uyumlu mizanpajı destekler.

Adobe Muse, sitenizi tasarlarken size çeşitli esneklikler sunar. Belirli kesme noktalarındaki belirli nesneleri göstermeyi veya gizlemeyi seçebilirsiniz. Örneğin, siteniz mobil aygıtlarda görüntülenirken dokunmatik kullanıma uygun menü seçeneklerinin gösterilmesini seçebilirsiniz. Ayrıca nesneleri bir konuma sabitleyebilir veya belirli kesme noktalarındaki nesneleri yeniden konumlandırabilirsiniz.

Mevcut Adobe Muse sitelerinizi uyumlu mizanpaja geçirmeyi öğrenmek için makaleyi okumaya devam edin. Sitenizi dinamik tasarıma geçirin ve web sitelerinizi geleceğe hazır hale getirin.

Alternatif mizanpajlar uyumlu mizanpaja nasıl geçirilir?

Web sitenizi uyumlu mizanpaja geçirmeden önce, Adobe Muse'da uyumlu web tasarımıyla ilgili genel bilgiler almak isteyebilirsiniz.

Sitenizi uyumlu mizanpaja geçirmeye başlamak için:

  1. Mevcut web sitenizi açın.

  2. Web sitenizin her bir sayfasını açıp Sayfa > Sayfa Özellikleri'ni tıklatın.

    Sayfa özelliklerini tıklatın
  3. Mizanpaj sekmesinde, Sabit Genişlik ayarını Değişken Genişlik olarak değiştirin. Ayrıca bu pencerede Minimum ve Maksimum Sayfa Genişliği, Kenar Boşlukları ve Dolguları da ayarlayabilirsiniz.

    Tamam'ı tıklatın.

    Sabit Genişlik ayarını Değişken Genişlik olarak değiştirin
    Sayfa Özellikleri penceresinde Sabit Genişlik ayarını Değişken Genişlik olarak değiştirin.

  4. Eklediğiniz tüm yeni sayfaların da değişken olduğundan emin olmak için Dosya > Site Özellikleri'ni tıklatın. Bu pencerede, Sabit Genişlik ayarını Değişken Genişlik olarak değiştirin.

  5. Mizanpajınız için maksimum sayfa genişliğini, minimum genişliği ve minimum yüksekliği seçin.

  6. Tamam'ı tıklatın.

  7. Sayfalarınızı Değişken Genişlikte açmak için kalıp sayfaya ve bireysel sayfalara gidin.

    Dinamik tasarımı etkili bir şekilde kullanmak için kaydırma efektlerini devre dışı bırakın. Belirli sayfalar için kaydırma efektlerini korumak istiyorsanız bu sayfalar için Sabit Genişlik ile devam edin.

    Sayfaları Değişken Genişlikte açtığınızda, sayfadaki nesneler varsayılan olarak Sabit Genişlik ayarlarına sahip olur. Nesneler sola iğnelenmiş durumdadır.

  8. Tarayıcı genişliğiyle orantılı şekilde yeniden boyutlandırılabilmeleri için nesneleri akıcı hale getirin. Akıcı olması gereken nesnelerin her birini sağ tıklatın ve Uyumlu seçeneğini belirleyin.

    Nesnelerin akıcı olmasını istiyorsanız iğnelemeyi kaldırın. İğnelemeyi kaldırmak için nesneyi sağ tıklatın ve Sayfaya İğnele > Akıcı'yı seçin.

  9. Kaydırma imlecini kullanarak sayfanızı farklı tarayıcı genişliklerinde görüntüleyin.

    Bazı widget'ların değişken olmadığını fark edeceksiniz. Bu widget'ların tasarımı kestiği yerlerde, bu sayfa genişliklerine kesme noktaları ekleyin. Ardından, widget'ı bu kesme noktasına göre yeniden boyutlandırabilir ya da bu kesme noktası için gizleyebilirsiniz.

    Varsayılan olarak, önceki sürümlerde oluşturulmuş bir web sitesiyle çalıştığınızda kesme noktası çubuğu görünmez. Kesme noktalarını göstermek için Görünüm > Kesme Noktalarını Göster'i tıklatın.

    Görünüm menüsü aracılığıyla kesme noktalarını gösterme
    Görünüm > Kesme Noktalarını Göster'i tıklatın.

    Not:

    Dinamik tasarımda mizanpajınızı planlarken sayfalarınızın mizanpajını öncelikle en büyük sayfaya göre yapın. Ardından, kaydırma imlecini kullanarak sayfaları farklı tarayıcı genişliklerinde görüntüleyin. Tasarımınız kesilirse bu genişliklere kesme noktaları ekleyin. Ardından, bu kesme noktalarında mizanpajınızı ayarlayın.

    Kural olarak, kesme noktalarını kullanıcının aygıtlarının ekran boyutuna göre değil, sitenizin mizanpajına göre ekleyin.

  10. Tüm tarayıcı genişliklerinde her şeyin mükemmel yerleştirilmiş şekilde görünmesi için nesnelerin boyutunu ve konumunu ayarlayın ve metni formatlayın. Uyumlu mizanpajda nesnelerin mizanpajını yapma hakkında bilgi için bkz. Uyumlu web tasarımında nesnelerin mizanpajını yapma.

    Not:

    Nesnelerin mizanpajını yaparken, nesneler arasındaki mesafeyi ve nesneyle tarayıcının kenarı arasındaki mesafeyi kontrol edin. Kesme noktaları arasında oluşan tasarım sorunlarına çözüm bulmak için nesne yerleşimlerini düzenlemeniz veya daha fazla kesme noktası eklemeniz gerekebilir.

  11. Tüm kesme noktalarında metninizin hizalanmasını ve okunabilirliğini kontrol edin. Metin kutusunu yeniden hizalamak veya metni belirli sayfa genişliklerine göre formatlamak isterseniz bkz. Uyumlu mizanpajlarda metni formatlama.

  12. Değişiklikleri önizlemek için kaydırma imlecini belirli kesme noktalarına sürükleyin veya değişiklikleri bir web tarayıcısında önizleyin.

  13. Web sitenizin, diğer aygıtlar için oluşturduğunuz tüm alternatif mizanpajlarını silin. Uyumlu web tasarımı, tüm aygıtlar için oluşturduğunu siteyi tek bir tuvale geçirip burada korumanızı sağlar.

Uyumlu web siteniz artık yayınlanmaya hazır!

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi