Adobe Muse'da Üstbilgiler ve Altbilgiler Oluşturma

Adobe Muse, bir web sayfası için çok basit bir şekilde Üstbilgiler ve Altbilgiler oluşturmanızı sağlar. Üstbilgi ve altbilgi öğelerinin görünümünü birbiriyle aynı şekilde ayarlayarak web siteniz için tutarlı bir görünüm elde etmek iyi bir uygulamadır. Adobe Muse'daki Kalıp sayfanızda Üstbilgi ve Altbilgi öğelerini tanımlayarak bu tutarlı görünümü elde edebilirsiniz. Kalıp Sayfanın güncellenmesi, değişikliklerin web sitenizdeki tüm sayfalarda uygulanmasını sağlar.

HTML ve CSS ile bir web sitesi oluştururken, her bir sayfanın yüksekliği her sayfada görüntülenen benzersiz içeriğe göre değişir. Muse'da her sayfadaki benzersiz içeriğe göre site sayfalarının farklı yüksekliklerde görüntülenmesini sağlayan özellikler bulunmaktadır. Sayfaların yüksekliği her ne olursa olsun, bölgeleri üstbilgi daima üst tarafta, altbilgi içeriği ise daima sayfa içeriğinin alt kısmında görüntülenecek şekilde ayarlayabilirsiniz.

Sayfanızın üstbilgi ve altbilgi bölgelerini tanımlamaya başlamadan önce, üstbilgi ve altbilgi kılavuzlarının görüntülendiğinden emin olun. Kılavuzlar görüntülenmiyorsa Görünüm > Üstbilgi ve Altbilgiyi Göster'i seçin.

Dilerseniz Kontrol panelindeki Görünüm menüsünü kullanarak da Üstbilgi ve Altbilgi kılavuzlarını etkinleştirebilirsiniz.

Dilerseniz, tarayıcı penceresi alanının dışında, çalışma alanının sol tarafını da sağ tıklatabilirsiniz. Açılan bağlam menüsünde Üstbilgi ve Altbilgiyi Göster seçeneğini etkinleştirin.

Üstbilgi ve altbilgi kılavuzlarının yerini değiştirebilmek için cetvelin etkin olması gereklidir. Cetvel, kılavuzları tam piksel konumuna göre ayarlamanızı sağlar. Cetvel kılavuzları da (yeni bir site oluştururken ayarladığınız sütun sayısını görüntüleyen) varsayılan olarak gösterilir.

Beş adet mavi renkli yatay kılavuz sayfanın enine yayılır. Bu beş kılavuz, üst kısımdan başlayarak, sayfanın üst kısmını, üstbilginin en alt kenarını, altbilginin en üst kenarını, web sayfasının alt kısmını ve tarayıcı penceresinin alt kısmını tanımlamak için kullanılır. Bu alanları belirlemek için kılavuzları sürükledikçe, bir araç ipucu her bir kılavuz ve geçerli konumu hakkında açıklama verir. Sayfanın büyüklüğünü artırmak faydalı olabilir; böylece, bu araç ipuçlarından yararlanarak kılavuzlara yakınlaşabilir ve daha doğru bir şekilde yerleştirebilirsiniz.

Ortadaki üç kılavuz, üstbilgi ve altbilgi alanlarında görüntülenecek içeriği tanımlar. Geri kalan ortadaki bölge, benzersiz sayfa içeriğini ekleyeceğiniz alandır; orta kısımdaki bu alan, her bir sayfaya yerleştirilen öğelerin yüksekliğine uyacak şekilde genişler.

Sayfadaki dikdörtgenleri ve öğeleri de seçebilirsiniz. Seçilen öğelerin sınırlayıcı kutularını kullanmak, üstbilgi ve altbilgi alanlarını ayarlarken kılavuzları hizalamanız bakımından oldukça yararlıdır.

Üstbilgi ve altbilgi öğelerini tanımlamak için şunları yapın:

1. Sayfanın Alt Kısmı kılavuzu ile Tarayıcının Alt Kısmı kılavuzunu alttaki resimde gösterilen şekilde sayfanın en alt kısmındaki aynı konuma, altbilgi dikdörtgeninin hemen altına sürükleyin.

2. Altbilgide, döşenmiş arka plan görüntüsünü içeren dikdörtgeni seçin. Altbilgi dikdörtgeninin üst kısmıyla hizalanana kadar Altbilgi kılavuzunu sürükleyin.
3. Sayfanın Üst Kısmı kılavuzunu en üstte bırakın (Y: 0 px konumunda). Üstbilgi kılavuzunu istediğiniz düzeye doğru sürükleyin.

Üstbilgi içeriği, sayfanın üst kısmı ile Üstbilgi kılavuzunun arasındaki alanda görüntülenir.

Kılavuzları üstbilgi ve altbilgi içeriğine uyacak şekilde yeniden ayarlamanız gerektiğinde tasarım aşamasında dilediğiniz zaman A-Kalıp sayfasına geri dönebilirsiniz.

Plan görünümüne geri dönmek için Plan bağlantısını veya katiesCafe etiketli sekmeyi tıklatın.

Sitedeki tüm sayfa minik resimleri, artık bağlantılı A-Kalıp sayfasına eklediğiniz tasarım öğelerini görüntüler.

Bir site tasarlarken dilediğiniz zaman kalıp sayfada yaptığınız değişiklikler bağlantılı sayfaları otomatik olarak günceller. Bir kalıp sayfayı sitenin görünümünü değiştirecek şekilde güncelleyebildiğiniz için kalıp sayfalar sitenin güncellenmesini veya bakımının yapılmasını kolaylaştırır.

Sitenin logosu sitedeki her sayfada görüneceği için kalıp sayfada üstbilgi alanına logo yerleştirmek iyi bir fikirdir.

Bundan sonraki adımda, bir sonraki bölümde ekleyeceğiniz Menü Çubuğu widget'ının arka plan grafiği olarak görev yapacak başka bir görüntü yerleştireceğiz.

Yapışkan Altbilgi seçeneğini kullanarak bir web sayfasına Altbilgi öğesi ekleyebilirsiniz. Yapışkan Altbilgi, büyük masaüstü monitörleri kullanan kullanıcılar için özel olarak tasarlanmıştır. Yapışkan Altbilgi seçeneği etkinleştirildiğinde, tarayıcı penceresi web sayfası tasarımdan çok daha büyük olsa bile altbilgi istenilen konumda kalır.

Muse'da bir site oluştururken kullanabileceğiniz Yapışkan Altbilgi seçeneği Yeni Site iletişim kutusunda (Dosya > Yeni Site) bulunur. Yapışkan Altbilgi seçeneğine Sayfa Özellikleri (Sayfa > Sayfa Özellikleri) ve Site Özellikleri (Dosya > Site Özellikleri)
iletişim kutularından da ulaşabilirsiniz.

Yapışkan Altbilgi seçeneği varsayılan olarak etkindir. Genel anlamda, site tasarlarken en iyi uygulama Yapışkan Altbilgiler özelliğini kullanmaktır. Ancak, sayfa boylarının istenenden daha uzun şekilde görüntülendiğini fark ederseniz (bir sitede az sayfa içeriği olması ve sayfaların oldukça kısa olması nedeniyle) Sayfa Özellikleri iletişim kutusunda onay kutusunun işaretini kaldırarak seçeneği dilediğiniz zaman devre dışı bırakabilirsiniz.

Bununla birlikte, tüm web sitesinde seçeneği devre dışı bırakmak istediğinizde Site Özellikleri iletişim kutusunda seçeneği işaretini kaldırabilirsiniz.