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 (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.
Bu paneli kullanarak şunları yapabilirsiniz:
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.
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, Creative Cloud Libraries ile yoğun olarak entegredir. Görüntüleri aşağıdaki yollardan biriyle arayabilir ve CC Libraries'e ekleyebilirsiniz:
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.
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.
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:
CC Libraries panelinde aşağıdaki işlemlerden birini gerçekleştirin:
Renk değerini Kod görünümünde veya CSS Tasarımcısı'nda yapıştırın.
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.
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.
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:
Varlıkları toplu olarak indirip daha sonra kullanmak üzere bilgisayarınıza da kaydedebilirsiniz.
Aşağıdaki işlemlerden birini gerçekleştirin:
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.
CC Libraries panelinde gerekli varlığı sağ tıklatın ve ilgili seçeneği belirleyin:
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.
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.
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.
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.
Not:
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.
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:
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.
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.
