Özellik özeti | Dreamweaver CC | 2015 sürümleri

Dreamweaver CC 2015.1, 2015.2 ve 2015.3 sürümleri, Dreamweaver'da web sitesi tasarlamada ve oluşturmada çığır açan bir deneyim sunar. Adobe masaüstü ve mobil uygulamalarındaki tasarım öğeleri ve stiller ile entegrasyon ve yüksek kaliteli görüntüler ve videolar için Creative Cloud Libraries ve Adobe Stock'a artık Dreamweaver içinden erişilebilir. Creative Cloud'daki iş birliği özellikleri tasarımcıdan geliştiriciye sorunsuz iş akışları sağlar.

Bu sürüm ayrıca DOM paneli, dinamik web tasarımı, Extract, Canlı görünümde düzenleme gibi bazı geliştirmelerin yanı sıra sizin gibi kullanıcılardan alınan başka geliştirme istekleri de içerir. Bu makalede bu yeni özellikler ve geliştirmeler tanıtılır, daha fazla yardım ve eğitim alabileceğiniz kaynaklara bağlar sağlanır.

Dreamweaver uygulamasının bu sürümü Windows bilgisayarlarda Dreamweaver çalışıyorsa bilgisayarın uyku moduna geçememesi sorununa (uyanma zamanlayıcısı sorununa) yönelik bir düzeltme sağlar. 

Daha fazla bilgi için bkz. Dreamweaver çalışıyorsa bilgisayar uyku moduna geçemiyor | Windows.

Adobe Dreamweaver CC 2015.2 (Mart 2016 sürümü)

DOM paneli geliştirmeleri

Birden çok seçim desteği; etiketleri, sınıfları ve kimlikleri düzenleme ve yeni öğeler ekleme gibi işlevlerle web sayfanızın çoğu bölümünün mizanpajını ve tasarımını DOM paneli içinden yapabilirsiniz.

DOM panelindeki bu geliştirmeler ile ilgili daha fazla bilgi edinmek için okumaya devam edin:

• Birden çok öğe seçimi desteği
• DOM paneli içinden etiketleri, sınıfları ve kimlikleri düzenleme
• DOM panelinde öğe girme
• Alt düğümler için görsel geri bildirim

Birden çok DOM öğesi seçimi desteği 

Birden çok etiketi aynı anda düzenlemek veya bu etiketler üzerinde başka işlemler gerçekleştirmek için belgenin DOM panelinde birden çok etiket seçebilirsiniz.

• Aralık seçimi için, Shift tuşunu basılı tutarak DOM panelinde etiketleri tıklatın.
• Bitişik olmayan seçim için, Ctrl tuşunu basılı tutarak DOM panelinde etiketleri tıklatın.

DOM panelinde birden çok öğe seçtiğinizde:

• Özellik Denetçisi ve CSS Tasarımcısı devre dışı bırakılır.
• Sayfanın alt kısmında gösterilen etiket hiyerarşisi kaldırılır.
• Kod görünümündeki ekleme noktası devre dışı bırakılır.

DOM paneli içinden etiketleri, sınıfları ve kimlikleri düzenleme

Etiketleri, sınıfları ve kimlikleri DOM panelinde çift tıklatarak düzenleyebilirsiniz. Ayrıca boşlukla ayırarak ilave sınıflar veya kimlikler ekleyebilirsiniz. Bir sınıf veya kimlik ile ilişkilendirilmemiş etiketler için, etiketi çift tıklattıktan sonra sınıfın veya kimliğin adını yazın.

Etiket, sınıf veya kimlik adını yazmaya başladığınızda kod ipuçları görünür. İpuçlarını yalnızca sınıflar olacak şekilde daraltmak isterseniz en başta nokta kullanarak yazmaya başlayın. İpuçlarında yalnızca kimlikleri görmek isterseniz en başta diyez (#) kullanarak yazmaya başlayın.

Bir etiketi kaldırmak için, DOM panelinde etiketi sağ tıklatın ve Etiketi Kaldır'ı tıklatın.

DOM panelinde öğe girme

DOM panelini kullanarak web sayfanıza aşağıdaki yollardan biriyle yeni öğeler ekleyebilirsiniz:

• DOM panelinde Boşluk çubuğuna basın veya gerekli öğenin bitişiğindeki ekle simgesini tıklatın. Görüntülenen açılır menüde, seçeneklerden birini tıklatın. Birden çok öğeyi etiket içine almak için, gerekli öğeleri seçin ve ekleme seçenekleri arasından Etiketi Sar'ı seçin.

• Ekle panelinden gerekli öğeyi tıklatın ve DOM paneline sürükleyin. Öğenin ekleneceği konumu belirten Canlı Kılavuzlar görünür. Öğeyi gerekli konuma bırakın.

Etiketleri eklemek için DOM panelini kullandığınızda, varsayılan metin (yer tutucu metni) ve etiketler için gerekli nitelikler de eklenir:

• Şu etiketlerden birini ekleyip değişiklikleri onayladığınızda, varsayılan metin Kod görünümü, Canlı görünüm ve Tasarım görünümünde eklenir:
  div, header, nav, aside, article, section, footer, h1-h6 ve hgroup
• Bir table etiketi ekleyip değişiklikleri onayladığınızda 3X3 boyutunda bir tablo eklenir.
• Bir embed veya img etiketi ekleyip değişiklikleri onayladığınızda, Dosya Seç iletişim kutusu görüntülenir ve uygun bir dosya seçmenizi ister.
• Bir meta etiketi ekleyip değişiklikleri onayladığınızda, Kod görünümüne şu kod eklenir: <meta name="" content="">
• Bir figure etiketi ekleyip değişiklikleri onayladığınızda, yuvalanmış resim yazılı bir figure etiketi eklenir.
• Bir ul veya ol etiketi ekleyip değişiklikleri onayladığınızda ol/ul etiketi ve yuvalanmış li etiketi eklenir.

Alt düğümler için görsel geri bildirim

DOM panelinde bir düğüm seçildiğinde, alt düğümleri açık mavi renkle gösterilir.

Alt düğümler açıkça seçildiyse açık mavi vurgu görüntülenmez.

Gatekeeper açığını önlemek için yapılan güvenlik geliştirmeleri

Gatekeeper, Mac OS X 10.7 ve sonraki sürümlerde yerleşik bir kötü amaçlı yazılım algılama özelliğidir. Bu özellik, Mac üzerinde yüklenmeden önce uygulamaların geçerli Geliştirici Kimliği imzaları olup olmadığını denetler. Ancak Gatekeeper, geçerli imzaları olan uygulamalar içinden dinamik olarak yüklenen uygulamaları algılamaz veya engellemez. Dreamweaver'ı yetkili olmayan kaynaklardan satın aldıysanız, Gatekeeper'daki bu eksiklikten yararlanılarak Dreamweaver kurulum paketine kötü amaçlı eklentiler dahil edilebilir. 

Dreamweaver olası bir açığı önlemek için, üçüncü taraf eklentiler /Applications dışında bir konuma yüklenirken bu işlemi onaylamanızı ister.

Ayrıntılı bilgi için bkz. Olası Gatekeeper açığını önleme.

CEF entegrasyonu

Dreamweaver, CEF3 2357 ile entegre edilmiştir. Canlı görünümde artık CSS3 3D geçişleri,
animasyonlar ve dönüşümler oluşturulabilir.

Daha fazla bilgi için bkz. CEF entegrasyonu.

Görsel Ortam Sorgusu geliştirmeleri

Görsel Ortam Sorgusu çubuğunu kullanarak ortam sorguları eklerken px, em veya rem cinsinden bir birim seçebilirsiniz. Değeri bir birimde belirleyip daha sonra birimi değiştirirseniz değer otomatik olarak yeni seçilen birime dönüştürülür.

Daha fazla bilgi için bkz. Görsel Ortam Sorguları.

CC Libraries geliştirmeleri

Örnekleme iletişim kutusundaki değişiklikler

Görüntü en iyileştirme iletişim kutusundaki “Yeniden boyutlandır” kullanıcı arabirimi etiketi “Yeniden örnekle” olarak değiştirilmiştir.

Ayrıca, bir görüntüyü CC Libraries panelinden örnekliyorsanız, görüntünün örneklenmesi tamamlanıncaya kadar görüntü üzerinde dönen bir topaç görüntülenir.

Daha fazla bilgi için bkz. Dreamweaver'da Creative Cloud Libraries.

Web için en iyileştirilmiş SVG dosyalarını CC Libraries'den ayıklama

Creative Cloud Libraries'de kayıtlı, lisanslanmış Adobe Stock görüntüleriniz varsa bunları web için en iyileştirilmiş SVG dosyaları olarak Dreamweaver web sayfalarına ayıklayabilirsiniz. Bu görüntüleri CC Libraries panelinden web sayfalarınıza sürüklediğinizde, bunlar varsayılan olarak SVG dosyaları olarak eklenirler.

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.

Yeni başlangıç şablonları

Bu derlemede üç yeni e-posta şablonu eklenmiştir: E-posta-Değişken, E-posta-Karma ve E-posta-Dinamik.

Bu şablonlara erişmek için Dosya > Yeni > Başlangıç Şablonları > E-posta Şablonları'na gidin.

Canlı görünümde Tablo düzenlemeye ilişkin geliştirmeler

Satırlar ve sütunlar için yeni düzenleme seçenekleri

Canlı görünümde tablolar için aşağıdaki düzenleme seçenekleri sunulmaktadır:

• Silmek için Delete/Geri tuşlarını kullanın.
• Kesmek için bağlam menüsünü, Düzenle menüsünü veya klavye kısayolunu kullanın.
• Kopyalamak için bağlam menüsünü, Düzenle menüsünü veya klavye kısayolunu kullanın.
• Yapıştırmak için bağlam menüsünü, Düzenle menüsünü veya klavye kısayolunu kullanın.
• Kopyalayıp diğer satırların veya sütunların üzerine yapıştırmak için bağlam menüsündeki Seçili Hücreleri Değiştir seçeneğini kullanın.

Bu seçenekleri görmek için tabloyu seçip Öğe Görüntüleme altında sandviç simgesini tıklatarak tablo formatlama moduna geçin. Ardından, gerekli hücreleri seçin ve sağ tıklatın.

Satır ve sütunlar arasında gezinme

Canlı görünümde sol ve sağ ok tuşlarını kullanarak bir tablonun hücreleri arasında gezinebilirsiniz. Tabloda bir hücreyi tıklatın ve önceki hücreye gitmek için sol ok tuşuna veya sonraki tablo hücresine gitmek için sağ ok tuşuna basın.

Karşılama ekranındaki değişiklik

Karşılama ekranı Dreamweaver'ın bu sürümünde değiştirildi:

Adobe Dreamweaver CC 2015.1 (Kasım 2015 sürümü)

Creative Cloud Libraries ile entegrasyon

Creative Cloud Libraries desteğiyle artık Photoshop veya Illustrator gibi diğer tasarım araçlarında ya da mobil uygulamalarda oluşturulmuş grafikler ve renk temaları üzerinde iş birliği yapabilir ve bunları paylaşabilirsiniz. Kreatif varlıklara Dreamweaver projeleri üzerinden ne zaman ve nerede ihtiyaç duyarsanız göz atabilir, onları yönetebilir ve onlara erişebilirsiniz. 

Creative Cloud Libraries içinden varlık eklerken bu varlık ile kaynağı arasındaki bağın korunmasını tercih ederek varlıklarınızın her zaman güncel kalmasını sağlayabilirsiniz.

Dreamweaver uygulamasındaki yeni CC Libraries paneli, Creative Cloud kitaplıklarınızdaki varlıkları görüntülemenize ve bunları web sayfalarınıza eklemenize yardımcı olur. Canlı görünümde veya Kod görünümünde kod ipuçlarını kullanarak bu varlıkları ekleyebilirsiniz.

Ayrıntılı bilgi için bkz. Dreamweaver'da Creative Cloud Libraries.

Adobe Stock ile entegrasyon

Adobe Stock ile entegrasyon sayesinde telifsiz görüntüleri, vektör grafikleri ve videoları doğrudan Creative Cloud Libraries'e indirebilir ve Adobe Stock içeriğinizi doğrudan Dreamweaver içinden kolaylıkla yönetebilir ve yeniden kullanabilirsiniz.

Dreamweaver'da çalışırken web sitenize hedef kitleleriniz için çekici bir görsellik kazandıracak en uygun görüntüleri, grafikleri ve videoları Adobe Stock'tan bulun.

Dinamik tasarım geliştirmeleri

• Bootstrap geliştirmeleri
• Görsel Ortam Sorgusu geliştirmeleri

Bootstrap geliştirmeleri

Bootstrap v3.3.5 desteği

Dreamweaver uygulamasında kullanılan Bootstrap sürümü 3.3.5 sürümüne güncelleştirilmiştir. Bu nedenle, Bootstrap bileşenleri, parçacıkları ve başlangıç şablonları artık 3.3.5 sürümüdür. 

jQuery sürümü de 1.11.3 sürümüne güncelleştirilmiştir.

Satır ve sütunları çoğaltma

Canlı görünümde Bootstrap belgeleri için Sütun Ekle/Satır Ekle özelliklerine ek olarak, Dreamweaver artık satırları ve sütunları çoğaltmanıza da olanak tanıyor.

Seçili bir satırı veya sütunu sağ alt köşede görünen çoğalt simgesini () tıklatarak çoğaltabilirsiniz. Satırın veya sütunun tamamı içeriğiyle birlikte çoğaltılır.

Bootstrap belgesi oluşturma iş akışındaki geliştirmeler

Bootstrap belgesini Yeni Belge iletişim kutusundan veya başlangıç şablonlarından sorunsuz bir iş akışıyla oluşturabilirsiniz. Dreamweaver'ın önceki sürümlerindeki gibi Bağımlı Dosyaları Kopyala ve Mevcut Dosyaların Üzerine Yaz iletişim kutuları artık görüntülenmez.

Bir Bootstrap belgesi oluşturup belirli bir konuma kaydettiğinizde, bağımlı dosyalar da otomatik olarak aynı konuma kaydedilir.

Görsel Ortam Sorgusu geliştirmeleri

• Geçerli kesme noktası değerlerine ilişkin vurgu
• Ortam sorgusu iş akışı eklemeye ilişkin geliştirmeler
• Kesme noktalarını düzenlemeye ilişkin geliştirmeler

Geçerli kesme noktası değerlerine ilişkin vurgu

Dreamweaver artık geçerli görüntü kapısı boyutu ile ilişkili ortam sorgularını kolaylıkla bulabilmeniz için vurgular. Vurgu, ortam sorgularının kesme noktası değerleri için koyu renkli oklar ve koyu renkli arka plan şeklindedir.

Ortam sorgusu iş akışı eklemeye ilişkin geliştirmeler

Görsel Ortam Sorgusu çubuğunda + simgesini tıklattığınızda, Dreamweaver sizden artık max-width veya min-width seçeneğini tıklatmanızı istemez. Bunun yerine, ortam sorgusu ekleme açılır penceresi hemen görünür. 

Ayrıca, açılır pencerede varsayılan olarak max-width seçeneği seçilidir. Seçeneği min-width veya min-max olarak çevirebileceğiniz bir açılır liste eklenmiştir. 

Kesme noktalarını düzenlemeye ilişkin geliştirmeler

Ortam sorgusu değerlerini artık Görsel Ortam Sorgusu çubuğundaki kesme noktası değerlerini çift tıklatarak düzenleyebilirsiniz. Kesme noktası değerini çift tıklattığınızda, turuncu renkli bir kenarlık görüntülenir ve bu kenarlığın içinde ekleme noktası görünür.

Yeni değerleri (piksel olarak) girdikten sonra, değişiklikleri onaylamak için Enter/Return veya yok saymak için Escape tuşuna basın.

Koda Git seçeneğinde satır numarasını görüntüleme

Görsel Ortam Sorgusu'nun sağ tıklatma bağlam menüsünde yer alan Koda Git seçeneği artık kod satır numarasını görüntüler, böylece karşılık gelen kodu kolay bir şekilde ilişkilendirebilirsiniz.

Extract geliştirmeleri

• Birden çok çalışma yüzeyi desteği
• Alt Gölge ayıklama desteği
• Desteklenmeyen katman stillerini işlemeye yönelik ipuçları

Birden çok çalışma yüzeyi desteği

Birden çok çalışma yüzeyi içeren PSD'leri artık Dreamweaver Extract panelinde açarak varlıkları ayıklayabilirsiniz. Her çalışma yüzeyi katmanlar bölmesinde bir klasör olarak görüntülenir. Klasörü genişleterek veya daraltarak içeriğini görebilir ya da gizleyebilirsiniz.

Belirli bir çalışma yüzeyini yakınlaştırmak için çalışma yüzeyi adını tıklatmanız yeterlidir.

Çalışma yüzeyini uzaklaştırmak ve PSD'yi geçerli görünüme sığdırmak için panel başlığında “SIĞDIR”ı çift tıklatın.

Alt Gölge ayıklama desteği

Alt Gölge özelliğine sahip bir PSD dosyasından CSS ayıkladığınızda özellik CSS'de box-shadow olarak ayıklanır.

Desteklenmeyen katman stillerini işlemeye yönelik ipuçları

Pek çok senaryoda, bir PSD dosyasında ayrı ayrı çalışan ancak birlikte çalışamayan çok sayıda katman stili oluşturursunuz. Extract bu durumları kontrol eder ve bu katman stillerini nasıl işleyeceğinize ilişkin öneriler sunar.

Extract aşağıdaki durumları algılar:

• Senaryo 1: Arka alan renklerine çevrilen özelliklerin birden çok örneği. Örneğin, PSD dosyasında tanımlanmış iki Renk Kaplama veya iki Degrade Kaplama olabilir.
• Senaryo 2: Opaklığı %100'ün altında olan Renk Kaplama bir Degrade Kaplama katmanının üzerine yerleştirilir veya bu katmana bir arka plan rengi atanır. Bu durumda, karıştırılarak elde edilen rengi belirlemek zordur.
  
• Senaryo 3: Degrade Kaplama %100'den düşük opaklığa sahiptir ve katmana bir arka plan rengi atanmıştır. Bu durumda da karıştırılarak elde edilen rengi belirlemek zordur.
  

Extract, bu durumlar algılandığında Extract panelinde katman minik resim görüntüsü üzerinde bir uyarı simgesi görüntüler. Aşağıdaki uyarı mesajı, katman minik resim görüntüsü açılır penceresinde ve bu katmanın CSS'sinde görüntülenir:

“Bu katman CSS dosyasında gösterilemeyen birden çok katman stili içeriyor. Renk seçici aracını kullanın veya katmanı bir görüntü olarak ayıklayın.”

Ayrıca, yarı saydam bir arka plan renginin başka bir arka plan rengini kapladığı durumlarda (yukarıdaki senaryo 2 ve 3), tüm arka plan renklerinin değerleri CSS'de görüntülenir. Gerekli değeri buna göre ayıklayabilirsiniz.

Canlı görünümde düzenlemeye ilişkin geliştirmeler

• Tablo düzenlemeye ilişkin geliştirmeler
• Metin için Hızlı Özellik Denetimi
• Görüntülerin Hızlı Özellik Denetimi'ndeki değişiklikler

Tablo düzenlemeye ilişkin geliştirmeler

Satır veya sütunları tek bir tıklatmayla seçme

Canlı görünümde bir tablonun satır ve sütunlarını artık tek bir tıklatmayla seçebilirsiniz. Bir satır veya sütun seçmek için tıklatabileceğiniz yeni (Tasarım Görünümü'ndekine benzer) bir ok simgesi kullanılmaya başlandı.

Sürükleyerek birden çok hücreyi seçme

Sürükleme yaparak birden çok hücre/satır/sütun seçebilirsiniz. Bir hücreyi tıklatın ve birden çok hücre/satır/sütun üzerinde sürükleyerek tümünü seçin.

Delete tuşunu kullanarak satır veya sütunları silme

Satır veya sütunları seçip Delete/Geri tuşuna basarak silebilirsiniz.

Metin için Hızlı Özellik Denetimi

Canlı görünümde metni hızlı bir şekilde formatlamak, girintilemek ve köprü oluşturmak için Hızlı Özellik Denetimi'ni kullanabilirsiniz. Metin için Hızlı Özellik Denetimi, şu metin öğeleri için sandviç simgesini tıklattığınızda görünür: h1-h6, pre ve p.

• Format seçeneği öğe etiketini h1-h6, p ve pre olarak hızlı bir şekilde değiştirebilmenizi sağlar. 
• Bağ seçeneği, metin öğesine köprü oluşturabilmenizi sağlar. 
• Kalın ve İtalik simgeleri metin öğesine <strong> ve <em> etiketleri eklemenizi sağlar.
• Blockquote simgeleri metin girintileri eklemenizi veya kaldırmanızı sağlar. Etiket seçiminize bağlı olarak koda eklenir veya kod içinden kaldırılır.
  

Bootstrap belgelerinde, metin için Hızlı Özellik Denetimi ayrıca metin öğelerini hizalamanıza ve dönüştürmenize olanak tanır.

• Hizala: İlgili sınıfları uygulayarak Bootstrap metin öğelerini sola, sağa veya iki yana yaslar ya da ortalar.
• Dönüştür: Küçük harf, büyük harf veya cümle düzeni sınıflarını uygulayarak öğenin metin boyutunu değiştirir.

Görüntülerin Hızlı Özellik Denetimi'ndeki değişiklikler

Görüntüler için Hızlı Özellik Denetimi, Bootstrap belgelerindeki görüntüleri özelleştirme seçenekleri içerir.

• Şekilli Kırp: Görüntünün köşelerini daire şekilli yapmak veya yuvarlamak ya da minik resim görüntüsü olarak kırpmak için tıklatın.
• Görüntüyü dinamik yap: Görüntüleri dinamik yapmak ve çeşitli ekran boyutlarına uyarlamak için tıklatın.

Uygulama içi güncelleştirmeler

Adobe devamlı gelişen teknolojilerle Dreamweaver'ı güncel tutmak için sürekli olarak güncelleştirmeler sağlar. Örneğin, Bootstrap kitaplıkları veya başlangıç şablonları güncelleştirilir.

Uygulama içi güncelleştirmeleri otomatik olarak veya el ile indirip yükleyebilirsiniz. Uygulama içi güncelleştirmeleri devre dışı bırakabilir veya kaldırıp Dreamweaver'ı yüklendiği ya da Adobe Creative Cloud masaüstü uygulaması kullanılarak güncelleştirildiği duruma geri döndürebilirsiniz. Dreamweaver'daki tercihler iletişim kutusu Uygulama içi güncelleştirmeleri uygulama, devre dışı bırakma veya geri döndürme modunu belirlemenize olanak tanır.

Uygulama içi güncelleştirmeler hakkında daha fazla bilgi için bkz. Uygulama içi güncelleştirmeler.

Test sunucusu - iş akışı geliştirmeleri

Önceki sürümde (Dreamweaver CC 2015), Canlı görünümde dinamik belgeleri düzenleme deneyimini sorunsuz hale getirmek için dosyaların test sunucusuna otomatik olarak gönderilmesi özelliği getirildi. Kullanıcıların bu özelliği devre dışı bırakabilmek için yaptıkları yoğun talepleri üzerine Site Ayarları iletişim kutusuna yeni bir tercih eklenmiştir.

Ayrıntılı bilgi için bkz. Dinamik dosyaların otomatik gönderilmesini devre dışı bırakma.

Seçimi esas alarak kod daraltma

Seçili bir kod bloğu için yine kod daraltabilirsiniz. Yapabilecekleriniz:

• Kodu, Dreamweaver'ın önceki sürümünde olduğu gibi etiketi düzeyinde daraltın, ve/veya;
• Kodun bir bölümünü seçerek daraltın.

Kodu daraltmak için “-” simgesini tıklatın. Daraltılmış kod bölümünü genişletmek için “+” simgesini tıklatın.

Kodu daraltma hakkında daha fazla bilgi için bkz. Kodu daraltma.

CSS Tasarımcısı geliştirmeleri

• Seçicileri yeniden düzenleme
  
• CSS Tasarımcısı'ndaki bölmeler özel boyutlarını korur
• Özellikler paneli Bootstrap dosyaları için devre dışı bırakıldı
• API'ler kaldırıldı

Seçicileri yeniden düzenleme

Seçiciler bölmesindeki seçicileri gerekli konuma sürükleyerek yeniden düzenleyebilirsiniz.

CSS Tasarımcısı'ndaki bölmeler özel boyutlarını korur

CSS Tasarımcısı'ndaki bölmeleri daralttığınızda veya genişlettiğinizde, bölmelerin boyutları oturum süresince hatırlanır. Kaynaklar ve Ortam bölmeleri siz boyutlarını yeniden değiştirene kadar özelleştirilmiş boyutlarında kalır.

Özellikler Paneli Bootstrap dosyaları için devre dışı bırakıldı

Stillerin Bootstrap CSS dosyalarında tanımlandığı ve salt okunur olduğu Bootstrap dosyalarında, CSS Tasarımcısı'ndaki Özellikler bölmesi devre dışı bırakılmıştır.

Etkin belgelere özel geri alma/yineleme

Geri alma ve yineleme işlemleri yalnızca etkin belgelerle sınırlandırılabilir.

Geri alma ve yineleme işlemleri varsayılan olarak yalnızca o sırada etkin olan belgeyi ve ilişkili CSS dosyaları gibi tüm ilgili dosyaları etkiler. Geri alma işlemlerini yalnızca etkin belge ile sınırladığınızda, geri al/yinele komutları yalnızca o sırada odağın bulunduğu dosyadaki değişiklikler için uygulanır. Örneğin, o sırada bir HTML dosyası üzerinde çalışıyorsanız geri alma/yineleme işlemleri yalnızca bu HTML dosyasındaki değişiklikleri etkiler ve ilişkili CSS dosyasını etkilemez. İlişkili bir CSS dosyasında yaptığınız tüm değişiklikleri geri almak/yinelemek için bu işlemden önce CSS dosyasına geçmeniz gerekmektedir.

Odak o sırada Canlı görünümde veya Tasarım görünümündeyse, geri alma/yineleme işlemleri yalnızca HTML kodunu etkileyen değişiklikler için uygulanır. Örneğin, Canlı görünümde bir Bootstrap sayfasını düzenlediğinizi varsayalım. Bazı metinleri düzenler ve daha sonra Görsel Ortam Sorgusu çubuğunda bir ortam sorgusunu yeniden boyutlandırırsınız. Bu durumda yalnızca metin düzenleme işlemini geri alabilirsiniz; ortam sorgusunda yaptığınız değişiklikler ilgili bir dosyada olduğu ve HTML dosyasında olmadığı için bu değişiklikleri geri alamazsınız. İlişkili CSS dosyasına geçip buradaki değişiklikleri geri alabilirsiniz.

Geri alma ve yineleme işlemlerini geçerli belge ile sınırlamak için aşağıdaki adımları gerçekleştirin:

DOM paneli iyileştirmeleri

Artık bir belgenin DOM panelindeki bir etiketi kopyalayıp paneldeki sağ tıklatılarak açılan bağlam menüsünü kullanarak başka bir belgenin DOM paneline yapıştırabilirsiniz.

Yeni özellik kılavuzları için sıfırlama seçeneği

Özellik Kaydırma Araçları ve Bağlamsal Özellik İpuçları gibi yeni özellik kılavuzları, Dreamweaver uygulamasını güncelledikten sonra programı ilk defa başlattığınızda otomatik olarak görünür. Özellik Kaydırma Aracı yeni güncelleştirmedeki yeni özellikleri, Bağlamsal Özellik İpuçları da yeni iş akışlarını ve özellik geliştirmelerini keşfetmenize yardımcı olur.

Dreamweaver daha sonra başlatıldığında bu yeni özellik kılavuzları gizlenir ve varsayılan olarak görüntülenmez. Kılavuzları yeniden görüntülemek isterseniz Dreamweaver tercihlerindeki Sıfırla seçeneğini kullanabilirsiniz.

W3C Doğrulayıcısı'na yönelik güncelleştirme

Dreamweaver, W3C'den HTML5 için yeni doğrulayıcı hizmetini kullanacak biçimde güncelleştirildi: https://validator.w3.org/nu/. Eski doğrulayıcı hizmeti validator.w3.org artık geçersiz.

Yeni doğrulayıcı hizmeti yalnızca aşağıdaki ayrıştırıcıları destekler:

Dreamweaver'ın önceki sürümünde olduğu gibi, Dreamweaver'ın ayrıştırıcıyı belge içerik türüne veya DTD'ye göre tanımlayamaması halinde seçebileceği geri dönüş ayrıştırıcısını hala belirtebilirsiniz. Yeni doğrulayıcı ile yalnızca kullanılabilir ayrıştırıcı listesi değiştirilmiştir.

Daha fazla bilgi için bkz. W3C Doğrulayıcısı'nı kullanarak belgeleri doğrulama.

Varlıklar panelinde SVG dosyaları desteği

Varlıklar paneli, Dreamweaver sitesinin o sırada etkin olan belge ile ilişkilendirilmiş tüm SVG varlıklarını listeler. Varlıklar panelindeki diğer varlıklar gibi, SVG varlıkları üzerinde de düzenleme, URL atama, varlıkları farklı belgelerde ve sitelerde kullanma gibi çeşitli işlemler gerçekleştirebilirsiniz.

Yakınlaştırma seçeneklerindeki değişiklik

Canlı görünümde ve Tasarım Görünümü'nde aşağıdaki işlemleri kullanarak yakınlaştırma veya uzaklaştırma yapmak Dreamweaver'da artık mümkün değildir:

Windows:

• Ctrl tuşuna basın ve Fare tekerini kullanın
• Ctrl tuşuna basın ve Dokunmatik yüzeyde kaydırma özelliğini kullanın

Mac:

• Cmd tuşuna basın ve Fare tekerini kullanın
• Cmd tuşuna basın ve Dokunmatik yüzeyde kaydırma özelliğini kullanın

Belgeyi yakınlaştırmak ve uzaklaştırmak için kullanılabilecek diğer yöntemlerde değişiklik yapılmamıştır: Cmd/Ctrl++ veya Cmd/Ctrl+- ve Görünüm > Büyütme menüsünden yakınlaştırın.

Görünüm menüsündeki değişiklikler

Görünüm menüsündeki Kod ve Canlı Görünüm/Kod ve Tasarım seçeneği “Bölünmüş” olarak yeniden adlandırıldı ve Belge araç çubuğunda olduğu gibi aynı şekilde hareket eder.

Dreamweaver ayarlarını Creative Cloud ile daha hızlı senkronize etme

Senkronizasyon ayarları özelliğindeki çeşitli performans iyileştirmeleri sayesinde ayarları artık Dreamweaver örnekleri ile Creative Cloud arasında hiç olmadığı kadar hızlı bir şekilde senkronize edebilirsiniz.  

CSS Stilleri paneli ve API'ler kaldırıldı

Daha önceki CSS Stilleri paneli ve dolayısıyla ilişkili API'ler de Dreamweaver'dan kaldırılmıştır.

Aşağıdaki temel API'ler hala kullanılabilir:

• dreamweaver.cssRuleTracker.newRule()

• dreamweaver.cssStylePalette.getStyles()

• dreamweaver.cssStylePalette.editStyleSheet()

• dreamweaver.cssStylePalette.attachStyleSheet()

• dreamweaver.cssStylePalette.getMediaType()

• dreamweaver.cssStylePalette.setMediaType()

• dreamweaver.cssStylePalette.getDisplayStyles()

• dreamweaver.cssStylePalette.setDisplayStyles()

• dreamweaver.cssStylePalette.newStyle()

Aşağıdaki API'ler ileriye dönük olarak desteklenmez:

• dreamweaver.cssRuleTracker.editSelectedRule()

• dreamweaver.cssRuleTracker.canEditSelectedRule()

• dreamweaver.cssStylePalette.getSelectedStyle()

• dreamweaver.cssStylePalette.editSelectedStyle()

• dreamweaver.cssStylePalette.editSelectedStyleInCodeview()

• dreamweaver.cssStylePalette.renameSelectedStyle()

• dreamweaver.cssStylePalette.applySelectedStyle()

• dreamweaver.cssStylePalette.duplicateSelectedStyle()

• dreamweaver.cssStylePalette.deleteSelectedStyle()

• dreamweaver.cssStylePalette.canEditSelectedStyle()

• dreamweaver.cssStylePalette.canEditSelectedStyleInCodeview()

• dreamweaver.cssStylePalette.canRenameSelectedStyle()

• dreamweaver.cssStylePalette.canDuplicateSelectedStyle()

• dreamweaver.cssStylePalette.canDeleteSelectedStyle()

• dreamweaver.cssStylePalette.canApplySelectedStyle()

• dreamweaver.canDisableSelectedStyle()

• dreamweaver.canEnableAllDisabled()

• dreamweaver.canDeleteAllDisabled()

• dreamweaver.getSelectedStyleIsDisabled()

• dreamweaver.setSelectedStyleIsDisabled()

• dreamweaver.enableAllDisabled()

• dreamweaver.deleteAllDisabled()