Yeni özelliklerin özeti

Dreamweaver CC'nin yeni 2014 sürümü, web ve mobil içeriği kolaylıkla oluşturmanıza ve güncelleştirmenize yardımcı olmak için Canlı Görünüm ve CSS Tasarımcısı'na yönelik çeşitli iyileştirmeler içerir. Yeni bir özellik olarak sunulan Öğeye Hızlı Bakış, HTML işaretlemesini hızla görüntülemenize, içinde gezinmenize ve düzenlemenize yardımcı olur.

Bu makalede, bu yeni özelliklerin yanı sıra diğer bazı geliştirmeler tanıtılır ve daha fazla yardım ve eğitim alabileceğiniz kaynaklara bağlar sağlanır.

Hem statik hem de dinamik içerik için etkileşimli bir HTML ağacı oluşturan yeni Öğeye Hızlı Bakış özelliğini kullanarak belgenizdeki işaretlemeyi gözden geçirin. Statik içerik yapısını doğrudan HTML ağacı içinden değiştirin. 

Öğeye Hızlı Bakış (Görünüm > Öğeye Hızlı Bakış), geliştirme sürecini hızlandırmak için kullanıma sunulmuştur. Dreamweaver'ın önceki sürümlerinde, HTML öğelerini Canlı Görünüm'de vurgulayıp kod görünümüne geçiyor ve öğeleri düzenliyordunuz. Düzenleme işleminin ardından tekrar Canlı Görünüm'e dönüp değişiklikleri önizliyordunuz. Öğeye Hızlı Bakış ile artık sayfanızdaki tüm öğeleri kolay okunan tek bir görünümde görebilir ve statik içeriği düzenleyebilirsiniz.

Daha fazla bilgi için bkz. Öğeye Hızlı Bakış.

Canlı Görünüm'deki yeni düzenleme özellikleri

HTML öğelerinin özelliklerini doğrudan Canlı Görünüm'den denetleyip değiştirin ve herhangi bir yenileme yapmadan nasıl göründüklerine bakın.  

• Hızlı Özellik Denetimi
• Öğe Görüntüleme
• Canlı metin düzenleme
• Canlı Görünüm Özellik Denetimi

Hızlı Özellik Denetimi

Canlı Görünüm artık sayfalarınızda HTML öğeleri için Hızlı Özellik Denetimi görüntülüyor. Seçtiğiniz HTML öğesine bağlı olarak, Hızlı Özellik Denetimi nitelikleri veya metni doğrudan Canlı Görünüm'de düzenlemenize izin verir.

Daha fazla bilgi için bkz. Hızlı Görünüm Özellik Denetimi.

Öğe Görüntüleme

Yeni sunulan Öğe Görüntüleme özelliğiyle artık HTML öğelerini doğrudan Canlı Görünüm içinden sınıflar ve kimlikler ile ilişkilendirebilirsiniz. Öğe Görüntüleme gerekli seçeneği hızlı bir şekilde görüntüleyip seçmenize yardımcı olmak için kullanılabilir sınıflar ve kimlikler için size ipuçları sunar.

Daha fazla bilgi için bkz. HTML öğelerini sınıflar ve kimliklerle ilişkilendirme.

Canlı metin düzenleme

Metni artık doğrudan Canlı Görünüm'den düzenleyebilir ve farklı görünümler arasında geçiş yapmanıza gerek kalmadan değişiklikleri önizleyebilirsiniz.

Canlı Görünüm'de metin öğesini çift tıklatarak düzenleme moduna girin. Daha fazla bilgi için bkz. Metni doğrudan Canlı Görünüm'de düzenleme.

Canlı Görünüm Özellik Denetimi

Tasarım veya Kod görünümüne geçmeden sayfanızda hızlı bir şekilde düzenlemeler yapabilmeniz için Özellik Denetçisi artık Canlı Görünüm içinden kullanılabilir.

Daha fazla bilgi için bkz. Canlı Görünüm Özellik Denetimi.

Canlı Ekleme

Bu sürümde, Ekle panelini kullanarak HTML öğelerini doğrudan Canlı Görünüm'e ekleyebilirsiniz. Bu öğeler, mod değiştirilmesine gerek kalmadan gerçek zamanlı olarak eklenir. Değişikliklerinizi de hemen önizleyebilirsiniz. 

Daha fazla bilgi için bkz. Öğeleri doğrudan Canlı Görünüm'de ekleme.

CSS Tasarımcısı geliştirmeleri

Kenarlık kontrolü için gelişmiş kullanıcı arabirimi

Dört kenarlık özelliğini de kolay ve sezgisel bir yolla ayarlamanıza yardımcı olan bir sekmeli kontroldür.

• Tüm değerlerin aynı anda görülmesini engelleyerek karışıklığı azaltan sekmeli kontrol.
• Yeni kullanmaya başlayanların hiç zorlanmayacakları sezgisel ve kullanımı kolay simgeler.
• Ayarlanmamış/silinmiş ve devre dışı bırakılmış durumları gösteren iki simge kümesi.
• Tüm kenarlık özelliklerini tek bir noktadan aynı anda ayarlamak için “Tüm taraflar” sekmesi.
• İnceleme sırasında sizi en uygun sekmeye yönlendiren hesaplanmış satır. 

Daha fazla bilgi için bkz. Kenarlık özelliklerini ayarlama.

Stilleri kopyalama ve yapıştırma

Stilleri artık bir seçiciden kopyalayıp bir başkasına yapıştırabilirsiniz. Tüm stilleri veya yalnızca Mizanpaj, Metin ve Kenarlık gibi belirli bir stil kategorisini kopyalayabilirsiniz.

Bir seçiciyi sağ tıklatın ve kullanılabilir seçeneklerden birini belirleyin:  

• Bir seçicide hiç stil yoksa Kopyala ve Tüm Stilleri Kopyala seçenekleri devre dışı bırakılır.
• Düzenlenemeyen uzak siteler için Stilleri Yapıştır devre dışı bırakılır. Ancak, Kopyala ve Tümünü Kopyala stilleri kullanılabilir.
  
• Bir seçicide kısmen var olan Stiller (Üst Üste Binme) yapıştırılabilir. Tüm
  seçiciler birleştirilerek yapıştırılır.
• CSS dosyalarının İçe Aktar, Bağ, Satır İçi Stiller gibi farklı bağlantıları için de Stiller
  kopyalanıp yapıştırılabilir.

Metin kutularını hızlı düzenleme

Dreamweaver artık kenar boşluğu, dolgu, kenarlık ve kenarlık yarıçapı gibi özellikler için steno kodları belirleyebileceğiniz hızlı düzenleme metin kutuları içerir. Bu değişiklik, özellikleri belirlerken fare/klavye yerine kod kullanmayı tercih eden kullanıcılar için yapılmıştır. 

Özel özellikler iş akışındaki geliştirmeler

Önceden, 'Diğer' (veya özel) özellikler eklemek için Özellikler bölmesinde + düğmesini tıklatıyordunuz. Artık, Özellikler listesinin sonunda kullanıma hazır olarak bir dizi metin kutusu (özellik adı ve değer) sunuluyor. Bu metin kutuları + düğmesini tıklatmanıza gerek kalmadan özellik adını ve değerini doğrudan yazmanıza olanak verir.

Özel özellikler için ek satırlar eklemek isterseniz Sekme tuşuna basın.

“Diğer” özellik grubunun adı “Özel” olarak değiştirildi.

Klavye kısayolları

Klavye kısayolları kullanarak artık CSS seçicileri ve özellikleri ekleyebilir ya da silebilirsiniz. Özellikler bölmesinde özellik grupları arasında da gezinebilirsiniz.  

Daha Belirli/Daha Az Belirli Seçiciler

Bu sürümle birlikte, Dreamweaver bir seçici eklenirken en fazla üç (veya daha az) kural ipucu sağlar. Yukarı/aşağı ok tuşlarını kullanarak onu daha belirli veya daha az belirli yapabilirsiniz.

Kategoriye kaydırma yapma

Önceden, CSS Tasarımcısı'nın Özellikler bölmesinde Arka Plan veya Diğer kategorisini tıklattığınızda bu kategoriler bölmede “görünür” hale getiriliyordu. Kategoriler bölmenin üst kısmında gerçekten de görüntülenmiyordu.

Artık, Arka Plan ve Diğer kategorilerini (Özel olarak yeniden adlandırıldı) tıklattığınızda bu kategoriler bölmenin üst kısmında görüntüleniyor.

Kimlik Dosyası kullanılarak SFTP bağlantıları desteği

Dreamweaver CC'nin 2014 sürümü özel-ortak anahtar çiftleri ve kimlik anahtarları (parola ile veya parola olmadan) kullanarak yayımlama sunucularınıza SFTP üzerinden bağlanabilmenizi sağlar. Dreamweaver'daki bu iyileştirme ile, web barındırma hizmet sağlayıcısı seçenekleriniz artmıştır; kimlik denetimi için özel-ortak anahtar çiftleri kullanmanızı gerektiren herhangi bir servis sağlayıcısına abone olabilirsiniz.

Daha fazla bilgi için bkz. SFTP bağlantıları.

Geri Al/Yinele geliştirmeleri

Bugüne kadar, CSS Tasarımcısı panelinde gerçekleştirdiğiniz bir işlemi geri almak/yinelemek için CSS dosyasını tıklatmanız (ilgili dosyalarda) ve ardından işlemi geri almanız/yinelemeniz gerekiyordu. 

Geri al/yinele özelliğindeki son geliştirmelerle, bir belgenin Canlı Görünüm'ünden veya CSS Tasarımcısı panelinden işlemi geri alabilir/yineleyebilirsiniz. Bu değişiklikler ilişkilendirilmiş CSS dosyasına otomatik olarak yansıtılır. İlgili dosyanın değiştiğini size bildirmek için etkilenen dosyanın sekmesi bir süreliğine (yaklaşık 8 saniye kadar) vurgulanır.

• CSS Tasarımcısı panelinden bir eylemi geri aldığınızda/yinelediğinizde Canlı Görünüm otomatik olarak yenilenir.
• Kaynak kodunu kullanarak belgeyi düzenler ve değişiklikleri Canlı Görünüm içinden geri alırsanız Bölünmüş görünüm ekranına geçilir ve ilgili kaynak kodu odağa getirilir.

Tüm geri alma/yineleme eylemleri HTML dosyası düzeyinde kaydedilir. Başka bir deyişle, CSS dosyasında el ile yapılan tüm değişiklikler ilişkilendirilmiş HERHANGİ bir dosyadan geri alınabilir. Örneğin, style1.css ve style2.css dosyalarının index.html ile ilişkilendirilmiş olduklarını varsayalım. style1.css dosyasında .h1 stilleri ekler ve daha sonra style2.css dosyasında bu işlemi geri alırsanız .h1 stili style1.css dosyasından silinir.  

Business Catalyst ve PhoneGap Build iş akışlarındaki değişiklikler

Business Catalyst ve PhoneGap Build artık eklenti olarak Dreamweaver'da sunulmaktadır. Business Catalyst ve PhoneGap Build'i uzantı olarak yükleyin ve ardından bu hizmetleri daha önceki gibi kullanmaya devam edin.

Business Catalyst ve PhoneGap Build uzantılarını yüklemek için Yönet > Eklentilere Gözat'a gidip eklentileri bulun ve yükleyin.

Dreamweaver uzantılarına erişimdeki değişiklikler

Dreamweaver uzantılarını artık Adobe Creative Cloud kullanarak görüntüleyebilir ve yükleyebilirsiniz. Uzantılara bundan sonra “Eklenti” adı verilir.

Adobe Creative Cloud'da eklentilere göz atmak için Dreamweaver'da Pencere > Eklentilere Gözat'ı tıklatın. Adobe Creative Cloud Eklentileri sayfası görüntülenir. 

Eklentileri yükleme konusunda daha fazla bilgi için bkz. Eklentiler.

Ayarları senkronize etmeye yönelik değişiklikler

Dreamweaver'daki ayarları senkronize etme özelliği, ayarlarınızın bilgisayarlarınızdaki ve Creative Cloud'daki Dreamweaver örnekleriyle senkronize olarak kalmasını sağlar. Dreamweaver'ın önceki sürümünde ayarların senkronize edilmesini etkinleştirdiyseniz Dreamweaver CC'nin 2014 sürümü bunu otomatik olarak algılar ve bu ayarları Creative Cloud'dan içe aktarmanıza olanak verir.

Dreamweaver CC'nin 2014 sürümünü yükledikten sonra ilk kez başlattığınızda aşağıdaki iletişim kutusu görünür: 

• Creative Cloud'da depolanan ayarları içe aktarmak için Senk. Ayarlarını İçe Aktar'ı tıklatın. 

Not: Bu seçenek daha sonra bir daha sunulmaz. 

• Geçerli Dreamweaver örneğinin ayarlarını Creative Cloud ile senkronize etmek için Yerel Ayarları Senkronize Et'i tıklatın.
  
• Ayarları otomatik olarak senkronize etmek için Ayarları Her Zaman Otomatik Olarak Senkronize Et'i seçin.
• Ayarları senkronize etmeye yönelik gelişmiş seçenekleri görüntülemek için Gelişmiş'i tıklatın.

Hata/özellik isteğini doğrudan Dreamweaver'dan gönderme

İstek Listesi ve hata raporu formlarına artık doğrudan Dreamweaver içinden, Yardım > Hata/Özellik İsteği Gönder altından erişebilirsiniz.

Yardım Merkezi

Yeni özelliklerin nasıl kullanılacağını ve ortak görevlerin Dreamweaver içinden nasıl gerçekleştirileceğini yeni Yardım Merkezi özelliğiyle öğrenin. 

Önceki sürümlerden farklı olarak, Dreamweaver'ı ilk kez başlattığınızda yeni özellikleri ve etkin iş akışlarını artık kolaylıkla keşfedebilirsiniz. İstediğiniz zaman yeni özellik turunu atlayabilir veya uygulama içi yardım mesajlarını devre dışı bırakabilirsiniz. Gerekirse bu özellikleri yeniden etkinleştirebilirsiniz.

• Yeni Özellik gözden geçirmesi
• Uygulama içinde görüntülenen mesajlar
• Ürün içinde görüntülenen mesajlar
• Uygulama içinde veya ürün içinde görüntülenen mesajları devre dışı bırakma ya da sıfırlama
  

Yeni Özellik gözden geçirmesi

Dreamweaver, en son sürümüyle birlikte sunulan yeni özellikler için bir mini tur içerir.
Bu turda yeni özellikler tanıtılır ve bu özellikleri iş başında görebileceğiniz bir video galerisine
yönlendirilirsiniz.

Yeni özellik gözden geçirmesi veya mini tur seçeneği Dreamweaver'ı başlatır başlatmaz
görüntülenir. Turu atlayıp çalışmanıza devam edebilmek için Karşılama ekranına dönme
seçeneği de sunulur.

Not: Yeni özellik gözden geçirmesi Dreamweaver'ı yüklediğinizde veya güncelleştirdiğinizde
ya da tercihleri silip Dreamweaver'ı yeniden başlattığınızda görüntülenir.

İşte size yeni özellik gözden geçirmesinde görüntülenen öğelerin kısa bir özeti:

• Karşılama mesajı. Deneyiminizin özelleştirilebilmesi için Dreamweaver CC'yi daha önce kullanıp kullanmadığınızı da belirtmeniz istenir.
• Özelliklerin tek tek tanıtımı ve kısa birer açıklaması (turu atlama seçeneğiyle birlikte).
• Yeni özelliklerle ilgili videoların yer aldığı video galerisi.

Video galerisi

Yeni özellik gözden geçirmesinin sonunda yeni özelliklerle ilgili videoların yer aldığı
video galerisi görüntülenir. Fareyi minik resimlerin üzerine getirdiğinizde video ile ilgili
kısa bir açıklama görüntülenir.

Uygulama içinde görüntülenen mesajlar

Dreamweaver artık projeleriniz üzerinde çalışırken verimliliğinizi artıracak ipuçları görüntülüyor.
Bu ipuçları, üzerinde çalıştığınız görevi daha verimli bir şekilde tamamlamanıza yardımcı olmak içindir.

İstemler belirli 'tetikleyicilere' göre görüntülenir. Örneğin, herhangi bir görünümde Etiket seçicileri tıklattığınızda veya bir öğeyi incelemek için sağ tıklattığınızda Öğeye Hızlı Bakış istemi görüntülenir.

Öğeye Hızlı Bakış, HTML işaretlemesini denediğiniz diğer yöntemlere (tetikleyicilere) göre daha kolay şekilde görüntülemenize ve düzenlemenize yardımcı olan yepyeni bir özelliktir.

Verilen önerilere göre hareket ettiğinizde aynı tetikleyici için uygulama içi istem bir daha görünmez.
Ancak istem diğer belirlenmiş tetikleyiciler için görüntülenir.

Uygulama içi mesajların görüntülenmesini Tercihler aracılığıyla devre dışı bırakabilirsiniz. Daha fazla
bilgi için bkz. Uygulama içinde veya ürün içinde görüntülenen mesajları devre dışı bırakma ya da sıfırlama. 

Uygulama içinde görüntülenen mesajlara örnekler: 

Öğeye Hızlı Bakış

Tetikleyiciler:

• Etiket seçicileri (tüm görünümler) tıklatılır
• Canlı + Denetle veya bir öğeyi sağ tıklatın + Denetle

Mesaj:

Sınıf ve kimlikler için Canlı Görünüm Özellik Denetimi 

Tetikleyiciler:

• Tasarım Görünümü'nde PI kullanarak kimliği düzenleme

Mesaj:

Ürün içinde görüntülenen mesajlar

Dreamweaver, Creative Cloud'daki diğer birçok uygulamayla sorunsuz bir şekilde entegre olur
ve ürün içinde görüntülenen mesajlar bu entegrasyon iş akışını size tanıtır. Bu iş akışlarını
kullanarak, Adobe Creative Cloud'dan ve orada sunulanlardan daha iyi bir şekilde yararlanabilirsiniz.

Ürün içinde görüntülenen mesajlar, belirlenen 'tetikleyicilere' göre görüntülenir. Örneğin,
CSS Geçişleri'ni kullanmaya çalışırken, ürün içinde görüntülenen mesajlar aracılığıyla “Edge Animate” iş akışı önerilir.

Ürün içinde görüntülenen mesajlar belirli bir senaryoda kullanabileceğiniz alternatif (veya daha
iyi olan) iş akışının kısa bir açıklamasını içerir. Ayrıca iş akışının açıklandığı bir video görüntülemek için tıklatabileceğiniz bir video minik resmi de içerir.
Daha fazla bilgi düğmesi, daha fazla bilgi sağlanan bir makaleye/blog'a bağ sağlar.


Ürün içinde görüntülenen mesajlar, belirlenen tetikleyici oluştuğunda tek bir kez görüntülenir.

Ürün içinde görüntülenen mesajlara örnekler: 

Edge Animate

Tetikleyici:

• CSS geçişini ve ardından + düğmesini tıklatın.

Mesaj:

Parfait

Tetikleyici:

• Görüntü Ekle > Görüntü Ayarlarını Düzenle

Mesaj:

Uygulama içinde veya ürün içinde görüntülenen mesajları devre dışı bırakma ya da sıfırlama

Tercihler > Erişilebilirlik iletişim kutusuna gidin ve aşağıdakileri yapın:

• Mesajları devre dışı bırakmak için Uygulama içi yardımı göster onay kutusunun seçimini kaldırın.

Mesajları yeniden etkinleştirirseniz daha önce
görüntülenen mesajlar bir daha görüntülenmez. Yalnızca daha önce görüntülenmemiş
olan mesajlar görüntülenir.

• Daha önce görüntülenen mesajları görmek için Sıfırla'yı tıklatın.

Yardım menüsündeki değişiklikler

Yardım menüsü yeni özellik gözden geçirmesine, video galerisine, Yardım ve Öğrenin kaynaklarına ve hata/özellik isteği gönder formuna hızlı erişim sağlamak için yeniden düzenlendi.