Kullanıcı Kılavuzu İptal

Varlıklarla çalışma

 

 

Geçerli sitedeki varlıkları yönetmek için Dreamweaver'da Varlıklar panelini kullanın.

Sitenizde saklanan görüntü, film, renk, komut dosyası ve bağ gibi varlıkların takibini yapmak için Adobe Dreamweaver'ı kullanabilirsiniz. Bir varlığı, geçerli belgenin bir sayfasına eklemek için doğrudan sürükleyebilirsiniz.

Varlıkları çeşitli kaynaklardan edinebilirsiniz. Örneğin, Adobe Photoshop veya Adobe Animate CC gibi bir uygulamada varlıklar oluşturmuş, bunları bir meslektaşınızdan almış veya bir küçük resim CD'sinden veya grafik web sitesinden kopyalamış olabilirsiniz.

Dreamweaver ayrıca iki özel varlık türüne (kitaplıklar ve şablonlar) erişim sunar. Her ikisi de bağlı varlıklardır: bir kitaplık öğesini veya şablonu düzenlediğinizde, Dreamweaver bu varlıkları kullanan tüm belgeleri güncelleştirir. Kitaplık öğeleri genellikle, site logosu ve telif hakkı gibi küçük tasarım varlıklarını temsil eder. Daha büyük bir tasarım alanını kontrol etmek için bunun yerine şablon kullanın.

Geçerli sitedeki varlıkları yönetmek için Varlıklar panelini (Pencere > Varlıklar) kullanın. Varlıklar paneli sitenin, Belge penceresinde etkin belge ile ilişkilendirilmiş belgesinin varlıklarını gösterir.

Not:

Varlıklar panelinde varlıkları görüntülemek için önce yerel bir site tanımlamanız gerekir.

Canlı görünümde Varlıklar paneli
Canlı görünümde Varlıklar paneli

Tasarım ve Kod Görünümü'nde Varlıklar paneli

Varlıklar paneli, varlıkları görüntülemenin farklı yollarını sağlar:

Site listesi

Sitenizde bulunan, sitenizdeki herhangi bir belgede kullanılan renkler ve URL'ler dahil tüm varlıkları gösterir.

Sık Kullanılanlar listesi

Yalnızca sizin seçtiğiniz varlıkları gösterir.

Bu iki görünüm arasında geçiş yapmak için, önizleme alanının üstündeki Site veya Sık Kullanılanlar radyo düğmesini seçin. (Bu iki görünüm Şablonlar ve Kitaplık kategorilerinde kullanılamaz.)

Not:

Varlıklar paneli işlemlerinin çoğu her iki listede de aynı şekilde çalışır. Ancak yalnızca Sık Kullanılanlar listesinde yapabileceğiniz bazı işlemler vardır.

Her iki listede de varlıklar, aşağıdaki kategorilerden birine düşer:

Görüntüler

GIF, JPEG veya PNG formatındaki görüntü dosyaları.

Renkler

Metin, arka plan ve bağların renkleri de dahil belgelerde ve stil sayfalarında kullanılan renkler.

URL'ler

FTP, gopher, HTTP, HTTPS, JavaScript, e‑posta (mailto) ve yerel dosya (file://) bağları da dahil olmak üzere, geçerli site belgelerinizde bulunan harici bağlar.

Ortam

Adobe Flash (yalnızca SWF) dosyaları, Adobe Shockwave dosyaları, QuickTime veya MPEG dosyaları gibi ortam dosyaları.

Komut dosyaları

JavaScript veya VBScript dosyaları. HTML dosyalarındaki komut dosyaları (kendi bağımsız JavaScript veya VBScript dosyaları yerine), Varlıklar panelinde görünmez. Bu kategori yalnızca Kod ve Tasarım Görünümü'nde kullanılabilir.

Şablonlar

Birden çok sayfada kullanılan kalıp sayfa mizanpajları. Bir şablonu değiştirme otomatik olarak ona iliştirilmiş tüm sayfaları güncelleştirir. Bu kategori yalnızca Kod ve Tasarım Görünümü'nde kullanılabilir.

Kitaplık öğeleri

Birden çok sayfada kullandığınız Tasarım öğeleri; bir kitaplık öğesini değiştirdiğinizde, bu öğeyi içeren tüm sayfalar güncelleştirilir. Bu kategori yalnızca Kod ve Tasarım Görünümü'nde kullanılabilir.

Not:

Bir dosyanın Varlıklar panelinde görünmesi için şu kategorilerden birine girmesi gerekir. Başka tür dosyalar da bazen varlık olarak adlandırılır, ancak bunlar panelde gösterilmez.

Bir kategorideki varlıklar, varsayılan olarak adlarına göre alfabetik sırada sıralanırlar, ancak bunları türlerine birkaç başka ölçüte göre sıralayabilirsiniz. Ayrıca varlıkları önizleyebilir ve önizleme alanının sütunlarını yeniden boyutlandırabilirsiniz.

Tür sütunundaki Creative Cloud simgesi, karşılık gelen varlıkların Creative Cloud Libraries'den içe aktarıldığını gösterir. Creative Cloud simgesini çift tıklatarak karşılık gelen varlıkları yeniden örnekleyebilirsiniz. CC Libraries'de varlıkları yeniden kullanma hakkında daha fazla bilgi için bkz. Dreamweaver'da Creative Cloud Libraries.

Varlığı önizleme alanında görüntüleme

  1. Varlığı Varlıklar panelinde seçin.

Kategorideki varlıkları görüntüleme

  1. Varlıklar panelinin sol tarafındaki kategori simgesini tıklatın.

Varlıkları sıralama

  1. Bir sütun başlığını tıklatın.

    Örneğin görüntüleri türüne göre (GIF görüntüleri bir araya, JPEG görüntüleri bir araya vb. gelsinler diye) sıralamak için, Tür sütun başlığını tıklatın.

Sütunu yeniden boyutlandırma

  1. İki sütun başlığını ayıran çizgiyi sürükleyin.

Önizleme alanını yeniden boyutlandırma

  1. Ayırma çubuğunu (önizleme alanı ile varlık listesi arasındaki) aşağı veya yukarı sürükleyin.

Varlıklar panelini yenileme

Site listesini oluşturmak birkaç saniye alabilir çünkü Dreamweaver önce site önbelleğini okumalıdır.

Belirli değişiklikler, Varlıklar panelinde hemen görünmez. Örneğin sitenize varlık ekleyip varlığı siteden kaldırdığınızda değişiklikler, siz Site Listesini Yenile düğmesini tıklatıp site listesini yenileyinceye kadar Varlıklar panelinde görünmez. Dreamweaver dışında (örneğin Windows Gezgini veya Finder kullanarak) varlık eklediğinizde ya da kaldırdığınızda, Varlıklar panelini güncelleştirmek için site önbelleğini yeniden oluşturmanız gerekir.

Belirli bir rengin veya URL'nin sitenizdeki tek örneğini kaldırdığınızda ya da sitenizde daha önce kullanılmayan bir renk veya URL içeren yeni bir dosyayı kaydettiğinizde, bu değişiklikler siz site listesini yenileyinceye kadar Varlıklar panelinde görünmez.

  • Site listesini el ile yenilemek için Site Listesini Yenile düğmesini  tıklatın. Dreamweaver, site önbelleğini gerektiği şekilde oluşturur veya güncelleştirir.
  • Site listesini yenilemek ve site önbelleğini el ile yeniden oluşturmak için, Varlıklar listesini sağ tıklatın (Windows) veya Command tuşu basılıyken tıklatın (Macintosh), sonra Site Listesini Yenile'yi seçin.

Belgeye varlık ekleme

Varlıkların çoğunu bir belgeye, Belge penceresinde Canlı Görünüm'e, Kod Görünümü'ne veya Tasarım Görünümü'ne sürükleyerek ya da paneldeki Ekle düğmesini kullanarak ekleyebilirsiniz. Varlıkları hem liste görünümünden hem de Varlıklar panelinin önizleme bölmesinden sürükleyebilirsiniz.

Not: Önizleme bölmesinden sürükleme yöntemi yalnızca Mac'ta desteklenir.

Tasarım Görünümü'nde veya Canlı Görünüm'de renk ve URL ekleyebilirsiniz. Tasarım Görünümü'nde, seçili öğelere renk ve URL uygulayabilirsiniz.

 

  1. Belge içinde, ekleme noktasını varlığın görüntülenmesini istediğiniz yere yerleştirin.

  2. Varlıklar panelinde, soldaki varlık kategorisi düğmelerinden seçin.
    Not:

    Şablonlar hariç istediğiniz kategoriyi seçin. Şablon tüm bir belgeye uygulanır; belgeye eklenemez.

  3. Panelin en üstünde Site veya Sık Kullanılanlar'ı seçin, sonra varlığı seçin.

    Kitaplıklar için Site veya Sık Kullanılanlar listeleri yoktur; kitaplık öğesi ekliyorsanız bu adımı atlayın.

  4. Aşağıdakilerden birini yapın:
    • Varlığı panelden belgeye sürükleyin. Hem liste görünümünden hem de önizleme bölmesinden sürükleyebilirsiniz.

      Not: Windows'ta, varlıkları önizleme bölmesinden sürükleyemezsiniz.

      Komut dosyalarını Belge penceresinin başlık içeriği alanına sürükleyebilirsiniz; bu alan görünür değilse, Görünüm > Başlık İçeriği'ni seçin.

    • Varlığı panelde seçin ve Ekle'yi tıklatın.

      Eklenen varlık bir renk ise, ekleme noktasından sonra gelen metne uygulanır.

Varlıklar panelini kullanarak metne renk uygulama

Varlıklar paneli daha önceden metin, tablo kenarlıkları, arka planlar vb. öğelere uyguladığınız renkleri gösterir.

  1. Tasarım Görünümü'nde şu adımları gerçekleştirin:

    1. Belgedeki metni seçin.
    2. Varlıklar panelinde Renkler kategorisini seçin.

    3. İstediğiniz rengi seçin ve Uygula'yı tıklatın.

  2. Canlı Görünüm'de şu adımları gerçekleştirin:

    1. Varlıklar panelinde Renkler kategorisini seçin.

    2. Aşağıdakilerden birini yapın:

      • Varlıklar panelinde rengi sağ tıklatın ve sonra Renk Değerini Kopyala'yı tıklatın. Renk değeri panonuza kopyalanır. Renk değerini artık CSS Tasarımcısı'nda yapıştırabilirsiniz (Ctrl+v, Cmd+v tuş bileşimiyle).
      • Rengi önizleme bölmesinden sürükleyin ve fareyi Canlı Görünüm'de öğelerin üzerine getirin. Rengi bıraktığınızda Yeni CSS Kuralı iletişim kutusu görüntülenir ve Tamam'ı tıklattığınızda renk seçili öğeye uygulanır.
      • Varlıklar panelinde Uygula'yı tıklatın. Yeni CSS Kuralı iletişim kutusu görüntülenir ve Tamam'ı tıklattığınızda renk seçili öğeye uygulanır.

Görüntülere veya metne URL atama 

  1. Tasarım Görünümü'nde şu adımları gerçekleştirin:

    1. Metni veya görüntüyü seçin.
    2. Varlıklar panelinde, URL'nin kayıtlı olduğu yere bağlı olarak Siteler veya Sık Kullanılanlar görünümünde URL'lerin kategorisini seçin.

      Not:

      Sitenizin dosyalarının URL'leri varsayılan olarak Siteler görünümünde saklanır. Sık Kullanılanlar görünümü, kendinizin eklediği URL'leri içerir.

    3. URL'yi seçin.
    4. Aşağıdakilerden birini yapın:
      • URL'yi panelden Tasarım Görünümü'ndeki seçime sürükleyin.

      • URL'yi seçin, sonra Ekle'yi tıklatın.

  2. Canlı Görünüm'de şu adımları gerçekleştirin:

    1. Varlıklar panelinde, URL'nin kayıtlı olduğu yere bağlı olarak Siteler veya Sık Kullanılanlar görünümünde URL'lerin kategorisini seçin.

    2. Aşağıdakilerden birini yapın:

      • URL'yi önizleme bölmesinden veya liste görünümünden sürükleyin. Canlı Görünüm'de fareyi öğelerin üzerine getirin. URL'yi bıraktığınızda, Canlı Görünüm'de vurgulanan öğe <a> etiketleri içine alınır.
      • Canlı Görünüm'de gerekli öğeyi tıklatın. Varlıklar panelinden URL'yi seçin ve Uygula'yı tıklatın. Seçili öğe <a> etiketleri içine alınır.

Varlıkları seçme ve düzenleme

Varlıklar paneli aynı anda birden fazla varlığı seçmenize olanak verir. Ayrıca varlıkları hızlı bir şekilde düzenlemeye başlamak için bir yol sağlar.

Birden çok varlık seçme

  1. Varlıklar panelinde bir varlık seçme.
  2. Diğer varlıkları aşağıdaki yöntemlerden biriyle seçin:
    • Art arda varlıkları seçmek için Shift tuşu basılıyken tıklatın.

    • Seçime (bitişik olsun olmasın) tek tek varlıklar eklemek için Control (Windows) veya Command (Macintosh) tuşuna basarak tıklatın. Seçili bir varlığı bırakmak için varlığı, Control veya Command tuşuna basarak tıklatın.

Varlık düzenleme

Varlıklar panelinde bir varlığı düzenlediğinizde, davranış varlık türüne göre değişir. Görüntü gibi bazı varlıklar için, o varlık türü için bir düzenleyici tanımladıysanız harici bir düzenleyici kullanırsınız. Renkleri ve URL'leri yalnızca Sık Kullanılanlar listesinde düzenlersiniz. Şablon ve kitaplık öğelerini düzenlediğinizde, değişiklikleri Dreamweaver içinden yaparsınız.

  1. Varlıklar panelinde aşağıdakilerden birini yapın:
    • Varlığı çift tıklatın.

    • Varlığı seçin, sonra Düzenle düğmesini tıklatın.

    Not:

    Varlığın harici bir düzenleyicide düzenlenmesi gerekiyorsa ve düzenleyici otomatik olarak açılmazsa, Düzen > Tercihler (Windows) veya Dreamweaver > Tercihler (Macintosh) menü komutunu seçin, Dosya Türleri/Düzenleyiciler kategorisini seçin ve bu varlık türü için harici bir düzenleyici tanımladığınızdan emin olun.

  2. Değişikliklerinizi yapın.
  3. Bitirdiğinizde aşağıdakilerden birini yapın:
    • Varlık dosya tabanlıysa (renk veya URL'den başka herhangi bir şey ise), (kullandığınız düzenleyicide) kaydedin ve kapatın.

    • Varlık bir URL ise, URL'yi Düzenle iletişim kutusunda Tamam'ı tıklatın.

    Not:

    Varlık bir renk ise, renk seçici siz bir renk seçtikten sonra otomatik olarak kapanır. Renk seçiciyi renk seçmeden kapatmak için Esc tuşuna basın.

Varlıkları başka bir sitede yeniden kullanma

Varlıklar paneli, halen çalıştığınız sitenizdeki (türleri tanınan) tüm varlıkları gösterir. Bu sitedeki bir varlığı başka bir sitede kullanmak için, varlığı o siteye kopyalamanız gerekir. Tek tek varlıkları, bir grup varlığı veya tüm bir Sık Kullanılanlar klasörünü aynı anda kopyalayabilirsiniz.

Bir varlığı diğer siteye veya o siteden aktarabilmeniz için Varlıklar panelinde o varlığa karşılık gelen dosyayı Dosyalar panelinde bulmanız gerekebilir.

Not:

Dosyalar paneli, Varlıklar panelinin gösterdiğinden farklı bir site gösterebilir. Bunun nedeni Varlıklar panelinin etkin belge ile ilişkilendirilmiş olmasıdır.

Dosyalar panelinde bir varlığın dosyasını bulma

  1. Varlıklar panelinde bulmak istediğiniz varlığın kategorisini seçin.
  2. Varlığın adını veya simgesini sağ tıklatın (Windows) veya Control basılıyken tıklatın (Macintosh), sonra bağlam menüsünden Sitede Bul'u seçin.
    Not:

    Sitede Bul komutu, sitede herhangi bir dosyaya karşılık gelmeyen renkler ve URL'ler için kullanılamaz.

    Dosyalar paneli, varlık seçilmiş halde açılır. Sitede Bul komutu, varlığın kendisine karşılık gelen dosyayı bulur; o varlığı kullanan dosyaları bulmaz.

Varlık panelinden başka bir siteye varlık kopyalama

  1. Varlıklar panelinde kopyalamak istediğiniz varlığın kategorisini seçin.
  2. Site listesinde veya Sık Kullanılanlar listesinde bir veya birkaç varlığı sağ tıklatın (Windows) veya Control basılıyken tıklatın (Macintosh), Siteye Kopyala'yı seçin ve tanımladığınız tüm siteleri listeleyen alt menüden hedeflediğiniz sitenin adını seçin.
    Not:

    Sık Kullanılanlar listesinde Sık Kullanılanlar klasörü yanında ayrı ayrı varlıkları da kopyalayabilirsiniz.

    Varlıklar hedef sitede karşılık gelen konumlarına kopyalanır. Dreamweaver, hedeflenen sitenin hiyerarşisinde gerektikçe yeni klasörler oluşturur. Varlıklar ayrıca hedef sitenin Sık Kullanılanlar listesine eklenir.

    Not:

    Kopyaladığınız varlık bir renk veya URL ise, hedef sitenin yalnızca Sık Kullanılanlar listesinde görüntülenir. Renkler ve URL'ler dosyalara karşılık gelmediği için diğer siteye kopyalanabilecek bir dosya yoktur.

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?