Adobe Muse'da, web sitenizin üstbilgi ve altbilgi bölümlerini tanımlayarak menüler, logolar, telif hakkı bildirimleri ve çok daha fazlasını ekleyin.

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ı.

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.

Bir sayfa için üstbilgi ve altbilgi ekleme

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.

Üstbilgi ve Altbilgi kılavuzlarının etkin olduğunu doğrulayın.
Üstbilgi ve Altbilgi kılavuzlarının etkin olduğunu doğrulayın.

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.

Kılavuzlar ve Cetveller ile Çalışma

Ü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.

Not:

Ziyaretçi siteyi bir tarayıcıda görüntülerken, tarayıcı penceresinin alt kısmının görüntüleme alanının en alt bölümüne denk gelmesi gerekir; tasarıma bağlı olarak, tarayıcı için bir arka plan rengi veya arka plan görüntüsü belirleyebilir ve sayfanın altındaki kılavuzu tarayıcının alt kısmının üzerine göre ayarlayarak arka plan rengi veya arka plan görüntüsünün sayfa içeriğinin en altında görünmesini sağlayabilirsiniz.

Üstbilgi ve Altbilgi öğelerini tanımlama

Ü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.
Adobe Muse'da üstbilgi ve altbilgi öğelerini tanımlama
Adobe Muse'da üstbilgi ve altbilgi öğelerini tanımlama

  1. 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.
  2. 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.

Üstbilgi alanını ayarlamak için Üstbilgi kılavuzunu sürükleme
Üstbilgi alanını ayarlamak için Üstbilgi kılavuzunu sürükleme

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.

A-Kalıp sayfasına bağlı tüm sayfalarda belirtilen üstbilgi ve altbilgiyi göz önünde bulundurun
A-Kalıp tasarımı, Plan görünümünde tüm bağlantılı sayfa minik resimlerinde görüntülenir.

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.

Bir görüntü yerleştirerek üstbilgi içeriğini doldurma

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

  1. Dosya > Yerleştir'i seçin. Dilerseniz Control+D (Windows) veya Command+D (Mac) klavye kısayollarını kullanarak bir görüntü yerleştirebilirsiniz.

  2. Açılan İçe Aktar iletişim kutusunda, Kevins_Koffee_Kart klasöründe bulunan Logo.png dosyasını bulun. Seç'i tıklatın.

  3. Seçim aracını kullanarak logoyu önceden tanımlamış olduğunuz üstbilgi alanının üst kısmına doğru sürükleyin.

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.

  1. Dosya > Yerleştir'i seçin veya işletim sisteminizin klavye kısayollarını kullanın: Control+D (Windows) veya Command+D (Mac).

  2. Kevins_Koffee_Kart klasörüne gidin ve top-nav.png adlı dosyayı bulun.

  3. Sayfanın üst bölümünü, daha önce üst bilgi olarak tanımladığınız alanı bir kez tıklatın. Görüntüyü, her sayfada esas sayfa içeriğinin üst kısmında görünecek şekilde yerleştirin.

  4. Seçim aracını kullanarak yerleştirmiş olduğunuz kahverengi şerit grafiği sürükleyin ve logodaki kırmızı bisiklet tekerleklerinin kahverengi şeridin üst kısmına değmesini sağlayın. Bu yerleştirme işlemi, bisikletin kahverengi şeridin üzerinde gittiği izlenimini verecektir.

  5. Tekrar Dosya > Yerleştir'i seçin. thedrip.png dosyasını bulup seçin. Kahverengi şeridin sağ alt kısmını bir kez tıklatarak görüntüyü orijinal boyutunda yerleştirin.

  6. Seçim aracını kullanarak damla görüntüsünün yerini değiştirin ve kahverengi şeritle hizalanarak kahvenin sağ taraftan akıyormuş izlenimi vermesini sağlayın.

    Logo ve site navigasyonu için arka plan eklendikten sonra, üstbilgi içeriğinin görünen hali.
    Logo ve site navigasyonu için arka plan eklendikten sonra, üstbilgi içeriğinin görünen hali.

    Yayındaki site örneğini kontrol ederek logonun ve üst gezinmenin doğru yerleştirilip yerleştirilmediğini görebilirsiniz.

    Bir sonraki bölümde, widget kaplarıyla çalışma yollarının açıklandığı kısa bilgilerle birlikte widget ekleme yöntemleri gösterilecektir.

Yapışkan Altbilgileri Kullanma

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.

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