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.

Öğeye Hızlı Bakış

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ış
Öğeye Hızlı Bakış

Öğ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

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.

Görüntü niteliklerini düzenlemek için Hızlı PI
Görüntü niteliklerini düzenlemek için Hızlı PI

Metin formatlamak için Canlı Görünüm PI
Metin formatlamak için Hızlı PI


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.

Sınıf ve kimlikleri düzenlemek için Öğe Görüntüleme
Sınıf ve kimlikleri düzenlemek için Öğe Görüntüleme

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.

Metni doğrudan Canlı Görünüm'de düzenleme. Canlı metin düzenleme.
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ı Görünüm Özellik Denetimi
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. 

Ekle panelinden sürükleyip Canlı Görünüm'e bırakın
Ekle panelinden sürükleyip Canlı Görünüm'e bırakın

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. 
Dreamweaver CC'nin 2014'ten önceki sürümlerinde Kenarlık Kontrolü özellikleri
Dreamweaver CC'nin 2014'ten önceki sürümlerinde Kenarlık Kontrolü özellikleri

Dreamweaver CC'nin 2014 sürümünde Kenarlık Kontrolü özellikleri
Dreamweaver CC'nin 2014 sürümünde Kenarlık Kontrolü özellikleri


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:  

CSS Tasarımcısı'nı kullanarak stilleri kopyalama
CSS Tasarımcısı'nı kullanarak stilleri kopyalama

  • 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. 

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

Özellikleri belirleme
Özellikleri belirleme


Ö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şir.

Özellik adı ve değer eklemek için metin kutuları
Özellik adı ve değer eklemek için metin kutuları

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.  

Kısayol İş Akışı
CTRL + Alt +[Shift =] Seçici ekler (Kontrol seçici bölümündeyse)
CTRL + Alt+ S Seçici ekler (Kontrol uygulamada herhangi bir konumdaysa)
CTRL + Alt +[Shift =] Özellik ekler (Kontrol özellik bölümündeyse)
CTRL + Alt+ P Özellik ekler (Kontrol uygulamada herhangi bir konumdaysa)
Öğeyi seçin + Delete Seçici seçili durumdaysa onu siler
CTRL + Alt + (PgUp/PgDn) Özellikler alt panelindeyken bölümler arasında atlar 

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.

Daha belirli/Daha az belirli seçiciler
Daha belirli/Daha az belirli seçiciler

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.

Kategoriye kaydırma yapma
Kategoriye kaydırma yapma

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.

Not:

Dreamweaver yalnızca OpenSSH anahtar dosyalarını destekler.

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.  

Not:

JavaScript dosyalarında değişiklikleri geri almak/yinelemek için ilgili JS dosyasına geçip geri alma/yineleme işlemi gerçekleştirin. 

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. Şimdi de 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özatmak için Dreamweaver'da Pencere > Eklentilere Gözat'ı tıklatın. Adobe Creative Cloud Eklentileri sayfası görüntülenir. 

Dreamweaver CC 13.0'da Pencere > Uzantılar
Dreamweaver CC 13.0'da Pencere > Uzantılar

Dreamweaver CC 2014'te Pencere > Eklentilere Gözat
Dreamweaver CC'nin 2014 sürümünde Pencere > Eklentilere Gözat


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: 

Senk. ayarlarını içe aktar
Senk. ayarlarını içe aktar

  • 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 menüsündeki Hata/Özellik İsteği Gönder
Yardım menüsündeki Hata/Özellik İsteği Gönder

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

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.

Yeni Özellik turu
Yeni Özellik turu

İş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.

Video galerisi
Video galerisi

Not:

Yeni özellik gözden geçirmesine ve video galerisine dilediğiniz zaman Dreamweaver
kullanarak erişebilirsiniz. Bunu yapmak için, Yardım menüsüne veya Karşılama ekranına gidin ve gerekli seçeneği tıklatın.

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:

Öğeye Hızlı Bakış mesajı
Öğeye Hızlı Bakış 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:

Canlı Görünüm mesajı
Canlı Görünüm 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.

Not:

Mesajları bir daha görmek için uygulama içi yardım ayarını Tercihler altından sıfırlayabilirsiniz.
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

Ü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:

Edge Animate mesajı
Edge Animate mesajı

Parfait

Tetikleyici:

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

Mesaj:

Görüntü Ayarlarını Düzenle
Görüntü Ayarlarını Düzenle

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.
ipuçlarını devre dışı bırakın. uygulama içinde görüntülenen mesajları devre dışı bırakın.
Uygulama içi yardımı devre dışı bırakma veya sıfırlama tercihleri

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

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

Dreamweaver CC 2014'ten önceki Yardım menüsü
Dreamweaver CC'nin 2014 sürümü öncesinde Yardım menüsü

Dreamweaver CC 2014'teki Yardım menüsü
Dreamweaver CC'nin 2014 sürümünde Yardım menüsü


Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi