Yeni özelliklerin özeti

Dreamweaver 13.1, Dreamweaver CC'ye (13.0) yönelik bir güncellemedir ve Dreamweaver CC'nin (13.0) bilgisayarınızda yüklü olmasını gerektirir. Dreamweaver CC'deki (13.0) yeni özelliklerin bir listesi için bkz. Dreamweaver CC'deki Yenilikler.

CSS Tasarımcısı, Varlıklar paneli ve Tercihler gibi Dreamweaver özelliklerini kullanırken artık çok çeşitli renkler seçmek üzere Renk Seçici'yi kullanabilirsiniz.

Dreamweaver'daki yeni Renk Seçici sayesinde şunları yapabilirsiniz:

• Farklı renk modelleri (RGBa, Onaltılı veya HSLa) arasından renk seçin. Renklerin açıklığını (F) ve opaklığını (E) gerektiği gibi ayarlayın. Ardından farklı renk birleşimlerini renk örnekleri olarak kaydedin.
  • Yeni rengi orijinal renge sıfırlamak için orijinal rengi (B) tıklatın.
  • Renk örneklerinin sırasını değiştirmek için, renk örneklerini gerekli konuma sürükleyin.
  • Bir renk örneğini silmek için renk örneğini panelden dışarı sürükleyin.
• Bilgisayarınızın ekranındaki herhangi bir yerden renk örnekleri almak için damlalık aracını (H) kullanın. Dreamweaver dışındaki uygulamalardan renk seçmek için fare tuşunu basılı tutun, fareyi istediğiniz rengin üzerine sürükleyin ve fare tuşunu serbest bırakın.

Bulut Senkronizasyonu geliştirmeleri

Klavye kısayolları ve çalışma alanı senkronizasyonu

Klavye kısayollarını ve özelleştirilmiş çalışma alanlarını artık bulutla (ve aynı işletim sisteminde Dreamweaver CC çalıştıran başka bir makine ile) senkronize edebilirsiniz.

Klavye kısayolları ve çalışma alanları varsayılan olarak senkronizasyon için ayarlanmıştır. Tercihler iletişim kutusundaki seçeneklerin seçimini kaldırarak bunları senkronize etmemeyi seçebilirsiniz.

Tercihler iletişim kutusu geliştirmeleri

Birden fazla kategoride ayar değiştirebilmeniz ve iletişim kutusunu kapatmadan önce değişiklikleri uygulayabilmeniz için Tercihler iletişim kutusundaki Tamam düğmesi Uygula düğmesi olarak değiştirildi.

CSS Tasarımcısı geliştirmeleri

Canlı Vurgulama

Dreamweaver 13.1 öncesinde CSS Seçicisinin özelliklerini düzenlerken, sayfada değişikliklerden etkilenecek öğeleri belirlemenin hiçbir yolu yoktu.

Artık Canlı Vurgulama'yı kullanarak bir CSS Seçicisi ile ilişkili sayfa öğelerini kolaylıkla belirleyebilirsiniz. Ardından, özellikleri düzenlemeye devam etmeyi seçebilir veya yalnızca belirli bir öğenin özelliklerini değiştirmek istiyorsanız bu öğe için yeni bir CSS Seçicisi oluşturduktan sonra özelliklerini düzenleyebilirsiniz. 

Daha fazla bilgi için bkz. CSS Seçici ile ilişkilendirilmiş sayfa öğelerini belirleme.

Bağlam kaydetme ve geri yükleme

Bağlam kaydetme ve geri yükleme tüm Düzenleme/Ekleme/Silme iş akışlarında CSS Tasarımcısı panelinin orijinal bağlamını koruma amacıyla artık Dreamweaver'da uygulanmaktadır.

Önceden, hesaplanan seçici listesinde bir seçici içinde özellik Düzenlediğinizde/Eklediğinizde hesaplanan özellikler listesine geçmek için özellikler bölmesi kullanılırdı. Veya kenar boşluğu özelliği bloğunu aşağı taşımak için kenar boşluğu değerlerini düzenleme/silme kullanılırdı.

Bağlam Kaydetme ve Geri Yükleme bu sorunları ele almaktadır.

Aşağıdaki senaryolarda Bağlam Kaydetme ve Geri Yükleme'nin uygulama halini görebilirsiniz:

• CSS Kuralı izleyicisi – Seçiciler bölmesinde herhangi bir seçiciyi tıklatın. CSS kodunda IP güncellenir
• Metin/kenarlık veya başka herhangi bir kategoride özellikleri silin. Özellikler bölmesinde bağlam kaybolmaz.
• Özellikler bölmesi içindeki kaydırma çubukları ve sekmeler seçiciler genelinde korunur – Bir seçicideki kenarlığı hareket ettirip başka bir seçiciye geçiş yaparsanız, kenarlık kategorisini görüntüleyen özellikler bölmesini yine de görebilirsiniz.

Bunların dışında, hesaplanan seçiciler listesinde bir seçici içinde özellik Düzenlemenin/Eklemenin ve kenar boşluğu değerlerini düzenlemenin/silmenin çok daha iyi çalıştığını görürsünüz.

Kod Görünümü geliştirmeleri

Satır numarasını vurgulama

IP bulunan satır numaraları kod görünümünde, canlı kodda, tasarım görünümünde ve kod denetleyicide vurgulanır. Sözdizimi hatası durumunda satır numaraları da vurgulanır.

Etiket ve nitelik vurgulama

Ekleme Noktasının (IP) üstünde bulunduğu etiket vurgulanır. IP, açılış etiketi üstündeyse kapanış etiketi de vurgulanır (bunun tam tersi de söz konusudur). Vurgulama, fare tıklatma ve klavye gezinme tuşlarıyla gerçekleştirilir. Etiket vurgulama Canlı kod ve kod denetleyici ile de çalışır.

Tercihler'de etiket vurgulama rengini (Kod Rengi) değiştirebilirsiniz.

CSS Seçicileri için kod ipucu

Ana HTML dosyalarında bulunan sınıf ve ID kod ipuçları artık satır içi stili etiketinin yanı sıra CSS, LESS, SASS, SCSS dosyalarında görülebilir.

Dreamweaver, ilgili CSS dosyasında veya ana HTML dosyasının satır içi stili etiketlerinde . veya # yazdığınızda kod ipuçları sağlar.

Geçerli satırın başlangıcına veya sonuna taşımak için klavye kısayolu

• Mac'te: Geçerli satırın başlangıcına taşımak için Cmd+Sol ok, geçerli satırın sonuna taşımak için Cmd+Sağ ok
• Win'de: Geçerli satırın başlangıcına taşımak için Ctrl+Sol ok, geçerli satırın sonuna taşımak için Ctrl+Sağ ok

Klavye kısayolları Düzen > Klavye Kısayolları > Komutlar > Kod Düzenleme bölümünde özelleştirilebilir.

CEF entegrasyonu

Dreamweaver artık Google Chromium projesini temel alan bir açık kaynak çerçevesi olan Chromium Embedded Framework (CEF) ile tümleştirilmiştir. Bu entegrasyon sayesinde Dreamweaver'da kaynak yükleme, gezinme, bağlam menüleri, yazdırma ve daha fazlasına ilişkin kontrol sağlanabilir. Aynı zamanda Google Chrome Web tarayıcısında kullanılabilir olan bazı performans ve HTML5 teknolojilerinin avantajından yararlanılabilir.

Daha fazla bilgi için bkz. CEF entegrasyonu.

Not: CEF entegrasyonu nedeniyle, uzantı geliştirme sırasında <mm:browsercontrol> öğesini kullanma yönteminiz değişiklik gerektirir. Daha ayrıntılı bilgi için bu makaleye bakın.

PHP 5.4 desteği

PHP 5.4 için tam destek (sözdizimi hatası yok).

Adobe Extension Manager güncellemeleri

Adobe Extension Manager 7.1, uzantı indirme ve bu uzantıları güncel tutma deneyimini iyileştiren yeni özellikler sağlamaktadır.

Adobe Exchange'e ilişkin geliştirmeler

• Önceden, Adobe Exchange için her türlü içeriğin Adobe Exchange Packager gibi bir yardımcı program kullanılarak bir ZXP dosyası şeklinde paketlenmesi gerekiyordu. Adobe Exchange ve Extension Manager, her çeşit dosya türünün gönderilmesine ve yüklenmesine olanak tanıyacak şekilde güncelleştirilmiştir. Bu, Adobe Exchange'in daha fazla Adobe CC uygulamasını ve çok daha fazla içeriği destekleyebileceği anlamına gelmektedir. Adobe Exchange'de Adobe Exchange Classic ve Photoshop Marketplace'ten seçilmiş uyumlu içerikler bulunacaktır.

• Artık herkes Adobe Exchange Producer Portal'da dosya gönderebilir. Bu seçeneği belirlediğinizde Adobe Exchange içeriği otomatik olarak imzalanmamış bir ZXP şeklinde paketler, Extension Manager ise bunu kullanıcının Karşıdan Yüklenenler klasörüne yükler. Bu dosya burada tıpkı daha karmaşık dinamik uzantılarda olduğu gibi yükleme için kullanılabilir. Bu yeni içerik desteği, Exchange ile uyumlu herhangi bir CC masaüstü uygulamasında (Photoshop® CC, InDesign® CC, Illustrator® CC, Dreamweaver® CC, InCopy® CC, Prelude® CC ve Premiere® Pro CC gibi) çalışır.

Uzantıları doğrudan Adobe Extension Manager ile güncelleme

Extension Manager aracılığıyla sunulan bir uzantı artık sağlayıcının güncelleştirme sunucusunda bilgi güncelleştirmesine işaret eden bir güncelleştirme bağı sağlayabilir. Extension Manager bu konumda kullanılabilir olan güncelleştirmeleri gösterir ve kullanıcının güncelleştirmeleri başlatmasına olanak tanır. ZXP paketi için bir indirme URL'si sağlayabilirsiniz. Bu durumda Extension Manager bunu otomatik olarak indirip yükler. Alternatif olarak, kullanıcının güncellemeyi el ile indirip yüklemesine olanak tanıyan talimatların bulunduğu bir sayfaya yönlendirme yapabilirsiniz.