Kullanıcı Kılavuzu İptal

Dreamweaver'da Creative Cloud Libraries

 

 

Kreatif varlıklara Dreamweaver projeleri üzerinden, Adobe Stock ve diğer Adobe uygulamaları ile göz atın, onları yönetin ve onlara erişin.

Creative Cloud Libraries sık kullandığınız varlıklara dilediğiniz yerden erişebilmenizi sağlar. Creative Cloud masaüstü ve mobil uygulamalarında görüntüler, renkler, metin stilleri ve daha fazlasını oluşturabilir ya da yakalayabilir ve bunlara diğer masaüstü ve mobil uygulamalardan kolaylıkla erişerek sorunsuz bir kreatif iş akışı sağlayabilirsiniz.

CC Libraries'e doğrudan Dreamweaver içinden erişerek renkleri ve grafikleri web sayfalarınızda yeniden kullanabilirsiniz. Eklenen grafikleri “bağlı” varlıklar olarak ekleyerek bulutta bulunanlarla güncel tutabilirsiniz.

Dreamweaver uygulamasında CC Libraries'i kullanma hakkında daha fazla bilgi için okumaya devam edin.

CC Libraries paneli

CC Libraries paneli (Pencere > CC Libraries), Creative Cloud'daki kayıtlı varlıklarınıza ana erişim noktanızdır. Bu panel ayrıca Adobe Stock'taki varlıkları aramanıza da olanak tanır.

CC Libraries paneli
CC Libraries paneli

Bu paneli kullanarak şunları yapabilirsiniz:

  • Kitaplıkta depolanan varlıklar için belirli bir kitaplığa göz atma
  • Kitaplık oluşturma
  • Seçili kitaplıktaki varlıklara önizleme yapma
  • Web sayfanıza eklenecek varlıkları sürükleme veya kopyalama
  • Adobe Stock'ta aramak için ad soyadı veya görüntü adının bir parçası gibi bir anahtar sözcük girme

Başlarken

Dreamweaver'da bir site tanımlama

Dreamweaver'daki bir site, web sayfalarınızla ilişkili tüm görüntüler, videolar, komut dosyaları, stil sayfaları ve diğer dosyaların depolandığı bir klasördür. Belirli bir site tanımlamak, CC Libraries'den bu siteye aktardığınız varlıkları kolay bir şekilde kaydedebilmenizi sağlar. CC Libraries'den varlıkları içe aktarmak istediğiniz web sayfasının da site klasörüne kaydedildiğinden emin olun.

Site oluşturma hakkında bilgi için bkz. Sitenizin yerel bir sürümünü kurma.

CC Libraries'e varlık ekleme

Tüm gerekli varlıkların Creative Cloud'da kullanılabilir olmasını sağlayarak, varlıkları Dreamweaver'da web sayfanıza hızlı bir şekilde içe aktarabilirsiniz.

Hazır görüntüler bulmak istiyorsanız Adobe Stock aramaya başlamak için iyi bir yerdir. Ayrıntılı bilgi için bkz. Adobe Stock'tan varlıkları alma.

Çeşitli Adobe mobil ve masaüstü uygulamalarında yakaladığınız veya oluşturduğunuz grafikler ve renkler Creative Cloud'da depolanabilir ve web sayfalarınıza içe aktarılabilir. Örneğin, Adobe Shape CC kullanılarak oluşturulan bir vektör grafiği veya Photoshop kullanılarak işlenen bir görüntü. Creative Cloud ayrıca ekibinizle birlikte iş birliği yapmanıza ve varlıkları paylaşmanıza olanak tanır, böylece başkaları tarafından oluşturulan varlıkları yeniden kullanabilirsiniz.

Creative Cloud Libraries hakkında daha fazla bilgi için bkz. Creative Cloud Libraries.

Adobe Stock'tan varlıkları alma

Adobe Stock, Creative Cloud Libraries ile yoğun olarak entegredir. Görüntüleri aşağıdaki yollardan biriyle arayabilir ve CC Libraries'e ekleyebilirsiniz:

  • Doğrudan Adobe Stock web sitesinden.
  • Dreamweaver'daki CC Libraries panelini kullanarak.
  • Photoshop ve Illustrator gibi diğer Adobe uygulamalarındaki CC Libraries panellerini kullanarak.

Görüntüleri bir CC Kitaplığı'na eklediğinizde bu görüntüleri web sayfalarınızda kullanmak için CC Libraries'de kayıtlı grafikleri yeniden kullanma bölümünde açıklanan talimatları uygulayabilirsiniz.

Stock görüntülerini hemen satın almak konusunda kararsızsanız kitaplıklarınıza yalnızca filigranlı Stock görüntüleri (önizlemeler) ekleyebilir ve bu görüntüleri yer tutucular olarak kullanabilirsiniz. Bu görüntüleri satın almaya hazır olduğunuzda bunu Dreamweaver'daki ve diğer uygulamalardaki CC Libraries panelinden veya doğrudan Adobe Stock web sitesinden yapabilirsiniz. 

CC Libraries panelini kullanarak Adobe Stock'ta görüntü arama
CC Libraries panelini kullanarak Adobe Stock'ta görüntü arama

Bir görüntüyü lisansladığınızda açık belgelerinizdeki filigran eklenmiş varlığın tüm örnekleri lisanslı görüntünün yüksek çözünürlüklü sürümüne güncelleştirilir.

CC Libraries'de kayıtlı renkleri ve renk temalarını yeniden kullanma

Renkleri ve renk temalarını Canlı görünümde yeniden kullanma

Renkleri ve renk temalarını Illustrator, Photoshop veya Adobe Color CC gibi uygulamalardan Creative Cloud Libraries'e kaydedebilirsiniz. Bu renkleri ve renk temalarını, Dreamweaver uygulamasındaki CC Libraries panelinden aşağıdaki adımları izleyerek web sayfalarınıza aktarabilirsiniz:

  1. CC Libraries panelinde aşağıdaki işlemlerden birini gerçekleştirin:

    • Gerekli rengi veya renk temasını tıklatın. Rengin veya renk temasının HEX değeri panoya kopyalanır.
    • Gerekli rengi veya renk temasını sağ tıklatın, sonra da RGB Değerini Kopyala veya HEX Değerini Kopyala'yı tıklatın. 
  2. Renk değerini Kod görünümünde veya CSS Tasarımcısı'nda yapıştırın.

Kod görünümünde renkleri yeniden kullanma

Creative Cloud'da kaydedilen renkler, Kod görünümünde kod ipuçları olarak kullanılabilir. Gerekli renkleri Kod görünümünde kod yazarken kod ipuçlarından seçebilirsiniz. Kod ipuçlarındaki rengin yanındaki Creative Cloud simgesi, bu renklerin Creative Cloud'da depolandığını gösterir.

Creative Cloud Kitaplığı'nda renkler kod ipuçları olarak görüntülenir
Creative Cloud Kitaplığı'nda renkler kod ipuçları olarak görüntülenir

Kod ipuçları, renkleri o sırada CC Libraries panelinde açık olan kitaplıktan seçer. Yukarıdaki görüntüde, “Kitaplığım” adlı kitaplıktaki renkler kod ipuçları olarak sunulur. Bir başka Creative Cloud Kitaplığı'ndaki renkleri kod ipuçları olarak almak için ilgili kitaplığı CC Libraries panelinde açın ve çalışmanıza Kod görünümünde devam edin.

CC Libraries'de kayıtlı grafikleri yeniden kullanma

 Dreamweaver, 16 Kasım 2021 tarihinden itibaren Illustrator varlığından SVG ayıklama işlevini kullanımdan kaldırmıştır. Görüntü formatı seçeneğini etkinleştirmek ve Illustrator(.ai) varlıklarını PNG 32/PNG 24/PNG 8/JPEG formatlarına dönüştürmek için bu geçici çözümü kullanmanızı öneririz. Alternatif olarak, kullanıcılar Illustrator varlıklarını Illustrator uygulamasından SVG formatına dışa aktarabilir.

Photoshop, Illustrator, Adobe Shape CC veya Adobe Sketch CC gibi Adobe mobil ve masaüstü uygulamaları kullanılarak oluşturulan grafikleri Creative Cloud Libraries'e kaydedebilirsiniz. CC Libraries paneli grafikleri Canlı görünüme eklemenize ve kod ipuçları da grafikleri doğrudan kodunuza eklemenize yardımcı olur.

Grafikleri CC Libraries'den şu şekilde ekleyebilirsiniz:

  • Bağlı varlıklar: Grafikler bağlı varlıklar olarak eklendiğinde Canlı görünümde varlığın sağ alt köşesinde küçük bir bulut simgesi görünür. Bu simge, varlığın buluttaki orijinal varlığa bağlı olduğunu gösterir. Bu bulut simgesi aynı zamanda Varlıklar panelinde varlığın yanında da görünür.
  • Bağsız varlıklar: Varlığı web sayfalarınıza yerel kopya olarak ekleyebilirsiniz. Canlı görünümde, CC Libraries panelinde gerekli varlığı sağ tıklatın ve “Bağlantısız Ekle” seçeneğini belirleyin. Grafiğin kopyasını eklediğinizde varlık yerel makinenize kopyalanır ve buluttaki orijinal varlığa bağlı değildir. Bu, buluttaki varlık üzerinde yapılan değişikliklerin veya güncelleştirmelerin Dreamweaver'a yansıtılmayacağı anlamına gelir.

Varlıkları toplu olarak indirip daha sonra kullanmak üzere bilgisayarınıza da kaydedebilirsiniz.

Canlı görünümde grafikleri yeniden kullanma

  1. Aşağıdaki işlemlerden birini gerçekleştirin:

    1. Canlı görünümde grafiği CC Libraries panelinden sayfanıza sürükleyin.

      Not: Grafikleri CC Libraries panelinden Canlı görünüme sürüklediğinizde grafik bir “Bağlı” grafik olarak (bir site tanımladıysanız) eklenir.

      Illustrator dosyaları varsayılan olarak, web için en iyileştirilmiş SVG dosyaları olarak eklenir. SVG dosyalarının özelliklerini özelleştirmek isterseniz options.json dosyasında yer alan tercihleri düzenleyebilirsiniz. Daha fazla bilgi için bkz. Web için en iyileştirilmiş SVG dosyalarını CC Libraries'den ayıklama.

    2. CC Libraries panelinde gerekli varlığı sağ tıklatın ve ilgili seçeneği belirleyin:

      • Grafiği bir bağlı varlık olarak eklemek için “Bağlı Ekle” seçeneğini belirleyin. Bu, varlığın buluttaki karşılık gelen varlığa referansını koruyacağı anlamına gelir. Buluttaki varlık üzerinde yapılan tüm değişiklikler Dreamweaver'daki bağlı varlığa yansıtılır.
      • Grafiği bir bağsız varlık olarak eklemek için “Bağsız Ekle” seçeneğini belirleyin.
  2. Ekranda görünen Örnekleme iletişim kutusunda, görüntünün dosya adını ve boyutlarını belirtin. Ayrıntılı bilgi için bkz. Grafikler için örnekleme seçeneklerini belirleme.

Kod görünümünde grafikleri yeniden kullanma

Creative Cloud Libraries'e kaydedilen grafikler Kod görünümünde kod ipuçları olarak kullanılabilir. İlk olarak, gerekli kitaplığı CC Libraries panelinde seçerek açın. Ardından, Kod görünümüne geçin ve gerekli grafiği kod yazdığınız sırada kod ipuçlarından seçin. Kod ipuçlarında grafiğin yanındaki Creative Cloud simgesi, bu grafiğin Creative Cloud'da depolandığını gösterir.

CC Libraries'de kod ipuçları olarak görüntülenen grafikler
CC Libraries'de kod ipuçları olarak görüntülenen grafikler

Not: Grafikleri kod ipuçlarını kullanarak eklediğinizde bu grafikler “bağsız” olarak eklenir.

Bir başka Creative Cloud Kitaplığı'ndaki renkleri kod ipuçları olarak almak için ilgili kitaplığı CC Libraries panelinde açın ve çalışmanıza Kod görünümünde devam edin.

Grafikler için örnekleme seçeneklerini belirleme

Yükseklik ve Genişlik kutuları Dreamweaver görüntü en iyileştirme motorunu kullanarak varlığı yeniden örneklendirir. Varlığın yerleştirilmesini istediğiniz format tipini de seçebilirsiniz. Etkin bulut simgesi, varlığın bağlı varlık olarak yerleştirileceğini gösterir. Dosya adını ve örnekleme seçeneklerini belirledikten sonra varlığı eklemek için Enter tuşuna basın.

Görüntüleri yeniden örnekleme
Görüntüleri yeniden örnekleme

 Not:

  • SVG seçeneği yalnızca Illustrator (.ai) dosyaları için kullanılabilir ve bu dosya türleri için varsayılan olarak ayarlanır. Yeniden örnekleme iletişim kutusundaki açılır listeyi kullanarak bu dosyaların formatını JPEG olarak değiştirebilirsiniz.
  • JPEG dosyası yalnızca bir JPEG dosyası olarak eklenebilir, bu nedenle bu dosya türleri için başka bir format seçeneği bulunmamaktadır.

Grafikleri düzenleme

CC Libraries panelini kullanarak, InDesign ve Illustrator varlıklarını hızlı bir şekilde yerel uygulamalarında açıp düzenleyebilirsiniz. Bunu yapmak için, CC Libraries panelinde varlığı sağ tıklatın ve ardından Düzenle'yi tıklatın.

Yerel uygulamaların (InDesign veya Illustrator) kullanmakta olduğunuz Dreamweaver örneğiyle aynı bilgisayarda yüklü olduklarından emin olun. Ayrıca, bu uygulamalara yönelik en son güncelleştirmeleri Creative Cloud'dan yüklediğinizden emin olun.

Bağlı grafiklerin bağını kaldırma, onları yeniden örnekleme ve yeniden adlandırma

Web sayfanıza CC Libraries'den alınan görüntüleri aşağıdaki seçeneklerden birini kullanarak yeniden adlandırabilir, boyutlandırabilir veya yeniden örneklendirebilirsiniz:

  • Canlı görünümde varlığı ve sonra da bulut simgesini tıklatın. 
  • Varlığı sağ tıklatın ve Bağlı varlık seçenekleri'ni tıklatın.
  • Varlıklar panelinde varlığın adının yanındaki bulut simgesini çift tıklatın.

Gerekli özellikleri değiştirebileceğiniz yeniden örnekleme iletişim kutusu görüntülenir. CC Libraries'de varlığın kaynağı ile bağını kaldırmak için, yeniden örnekleme iletişim kutusunda bulut simgesini tıklatın.

Bir varlığın bağını kaldırdığınızda, Creative Cloud'a kaynak dosyasında yapılan değişiklikler bundan sonra web sayfanızdaki görüntüye yansıtılmaz.

Grafikleri indirme

Gerekli grafikleri CC Libraries'den bağlı varlıklar olarak toplu biçimde indirebilir ve bunları daha sonra projenize ekleyebilirsiniz. Bu varlıkları projelerinizde kullandığınızda ilgili kitaplık öğesine bağlantılarını korurlar. 

  • Bağlı: Grafikleri bağlı varlıklar olarak indirmek için varlığı CC Libraries panelinde sağ tıklatın ve Bağlı Olarak İndir seçeneğini belirleyin. Dosya adı ve yeniden örnekleme seçeneklerinin bulunduğu bir açılır pencere görüntülenir. Dosya adını ve örnekleme seçeneklerini belirledikten sonra Enter tuşuna basarak varlığı sitenizin klasörüne kaydedin.
  • Bağsız: Grafikleri bağsız varlıklar olarak indirmek için gerekli varlığı CC Libraries panelinde sağ tıklatın ve Kopyasını İndir seçeneğini belirleyin. Dosya adı ve yeniden örnekleme seçeneklerinin bulunduğu bir açılır pencere görüntülenir. Dosya adını ve örnekleme seçeneklerini belirledikten sonra Enter tuşuna basarak varlığı sitenizin klasörüne kaydedin.

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

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