Dreamweaver'da web sayfalarını birden fazla cihazda önizleme, Bootstrap tümleştirmesi, Kod görünümü geliştirmeleri ve diğer geliştirmeler hakkında bilgi edinin.

Dreamweaver CC 2015 sürümü dinamik tasarıma, kod düzenleme özelliklerine yönelik geliştirmelere, web sayfalarının cihazlarda önizlenmesine ve web için en iyileştirilmiş farklı çözünürlüklerdeki görüntülerin Photoshop kompozisyonlarından toplu olarak ayıklanmasına odaklanır. Bootstrap çerçevesiyle tümleştirilmesi, öncelikle cep telefonlarına yönelik olarak hazırlanan dinamik web siteleri oluşturmanıza yardımcı olur. Görsel Ortam Sorguları tasarımınızı çeşitli kesme noktalarında görselleştirmenizi ve değiştirmenizi sağlayarak dinamik web tasarımı deneyimine daha da katkıda bulunur. 

Bu sürüm ayrıca Canlı görünüm ve CSS Tasarımcısı'nda düzenleme özelliklerine yönelik çeşitli iyileştirmeler 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.

Temmuz ayında piyasaya sunulan Dreamweaver CC 2015 sürümünün yaması Dreamweaver'da Adobe Creative Cloud masaüstü uygulamasında belirtilen proxy sunucu ayarlarının kullanılmasına olanak sağlar. Daha fazla bilgi için bkz. Proxy sunucu ayarlarını belirleme.


Aygıt önizlemesi

Dreamweaver şimdi üretime hazır web sayfalarınızı aynı anda birden çok cihaz üzerinde test edebilmenizi sağlıyor. Web sayfanızın çeşitli form faktörlerinde nasıl aktığını görebilir ve ayrıca sayfalarınızdaki etkileşimli özellikleri test edebilirsiniz. Tüm bunları herhangi bir mobil uygulama yüklemenize veya cihazları fiziksel olarak masaüstünüze bağlamanıza gerek kalmadan yapabilirsiniz! Otomatik oluşturulan QR kodunu cihazlarınızla tarayıp web sayfalarınızı bu cihazlar üzerinde önizlemeniz yeterlidir.

Canlı denetle özelliği masaüstünde tetiklendiğinde tüm bağlı cihazların durum bilgisini görüntüler ve çeşitli öğeleri denetleyip gerektiği gibi tasarımı daha da geliştirmenize yardımcı olur.

Görsel Ortam Sorguları

Görsel Ortam Sorgusu çubukları bir sayfada mevcut olan ortam sorgularının görsel bir sunumudur. Bu çubuklar web sayfanızı farklı kesme noktalarında görselleştirmenize ve web sayfanızın farklı bileşenlerinin farklı görüntü kapılarında nasıl aktığını görmenize yardımcı olur. Sayfanızı farklı görüntü kapılarında görüntülerken diğer görünüm kapılarındaki sayfa tasarımını etkilemeden belirli bir görüntü kapısında tasarım değişiklikleri yapabilirsiniz.

Görsel Ortam Sorgusu her bir ortam sorgusu kategorisini temsil eden yatay satır şeklinde üç çubuktan oluşur:

  •  Yeşil: max-width koşulları olan ortam sorguları
  •  Mavi : Hem min-width hem de max-width koşulları olan ortam sorguları
  •  Mor : min-width koşulları olan ortam sorguları
Görsel Ortam Sorguları
Görsel Ortam Sorguları

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

Kodda Linting özelliğini uygulama desteği

Dreamweaver uygulamasının bu yeni sürümünde, sık karşılaşılan hatalar için Linting özelliğini kullanarak kodunuzda hata ayıklayabilirsiniz. Linting, kodu analiz ederek olası hataları veya şüpheli kod kullanımını işaretleme işlemidir. Dreamweaver uygulaması HTML, CSS ve JavaScript dosyaları yüklenirken, kaydedilirken veya düzenlenirken bu dosyalara Linting özelliğini uygulayabilir. Hatalar ve uyarılar daha sonra yeni Çıktı panelinde listelenir.

Daha fazla bilgi için bkz. Kodda Linting özelliğini uygulama.

Linting sonuçlarının yer aldığı Çıktı paneli
Linting sonuçlarının yer aldığı Çıktı paneli

Emmet desteği

Dreamweaver uygulamasında birkaç satır kod yazan hırslı bir geliştirici misiniz? Kod içinde Emmet kısaltmaları kullanarak zaman kazanın. Hatırlanması ve yazılması kolay olan bu kısaltmalar Kod Görünümü'nde Sekme tuşuna bastığınızda eksiksiz kodlara dönüştürülür.

Ayrıntılı bilgi için bkz. Emmet kullanarak kod ekleme.

Kod görünümünde önizleme

Bölünmüş görünümde çalışıyorsanız görüntülerde veya renklerde yapılan değişiklikleri anında Canlı görünümde veya Tasarım görünümünde görebilirsiniz. Ancak yalnızca Kod görünümünde çalışmayı tercih ederseniz görüntü olarak yalnızca dosya adları görülür ve çalışma biçimi genellikle sezgiseldir. Önceden tanımlanmış renkler kullanılmadıkça, renkler yerine de sadece anlamsız sayılar görülür. Dreamweaver uygulamasının bu sürümünde görüntülere ve renklere doğrudan Kod görünümü içinden hızlıca önizleme yapabilirsiniz. Bu özellik görüntü dosyalarının adları ve renk formatları ile bunların gerçekte temsil ettiği görüntü ya da renk arasında görsel bir bağlantı kurmanıza yardımcı olur. Sonuç olarak, tasarım kararlarını daha hızlı alabilir ve geliştirme sürelerini önemli ölçüde kısaltabilirsiniz.

Kod görünümünde görüntü önizlemesi
Kod görünümünde görüntü önizlemesi

Kod görünümünde renk önizlemesi
Kod görünümünde renk önizlemesi

Kod görünümünde ayrıca hata önizlemesi de gösterilir. Hatalı kodun satır numarası kırmızı ile vurgulanır. Fareyi sayının üzerine getirdiğinizde hata ile ilgili kısa bir açıklama görüntülenir.

NotSatırdaki yalnızca ilk hata görüntülenir. Satır yalnızca bir uyarı içeriyorsa bu uyarının açıklaması görüntülenir. Satır bir uyarı ve bir hata içeriyorsa yalnızca hata açıklaması görüntülenir.

Yeni kod parçacıkları

Parçacıklar, projenizde tekrar tekrar kullanabileceğiniz kod parçalarıdır. Dreamweaver'ın bu sürümünde yeni ve güncelleştirilmiş kod parçacıkları sağlanır:

  • Boostrap Parçacıkları
  • CSS Animasyon Ve Geçişleri
  • CSS Efektleri
  • CSS Parçacıkları
  • HTML Parçacıkları
  • JavaScript Parçacıkları (güncelleştirildi)
  • PHP Parçacıkları
  • Preprocessor Parçacıkları
  • Dinamik Tasarım Parçacıkları

Kod parçacıklarını kullanma hakkında bilgi için bkz. Kod parçacıklarıyla çalışma.

Ayrıca bulut senkronizasyon özelliğini kullanarak kod parçacıklarının Dreamweaver yükleme işlemlerinizde güncel kalmasını sağlayabilirsiniz. Kod parçacıklarını Creative Cloud ve diğer Dreamweaver yükleme işlemlerinizde senkronize etmekle ilgili bilgi için bkz. Dreamweaver ayarlarını Creative Cloud ile senkronize etme.

Bootstrap tümleştirmesi

Bootstrap öncelikle cep telefonlarına yönelik olarak hazırlanan dinamik web siteleri geliştirirken kullanılan oldukça popüler ve ücretsiz HTML, CSS ve JavaScript çerçevesidir. Bu çerçeve düğmeler, tablolar, gezinti, görüntü döngüleri ve web sayfanızda kullanabileceğiniz diğer öğeler için dinamik CSS ve HTML şablonları içerir. Temel kodlama bilgisi olan geliştiricilerin etkileyici dinamik web siteleri oluşturmalarına olanak tanıyan birkaç isteğe bağlı JavaScript eklentisi de sunulur.

Dreamweaver, Bootstrap belgeleri oluşturmanıza ve Bootstrap kullanılarak oluşturulmuş mevcut web sayfalarını düzenlemenize olanak tanır. Yeni Belge iletişim kutusundan seçebileceğiniz Bootstrap başlangıç şablonlarından birini kullanarak kendi Bootstrap web sitenizi tasarlamaya başlayabilirsiniz (Başlangıç Şablonları > Bootstrap Şablonları). 

  • Bootstrap-Ajans
  • Bootstrap-e-Ticaret
  • Bootstrap-Portföy
  • Bootstrap-Ürün
  • Bootstrap-Emlak
  • Bootstrap-Özgeçmiş

Yeni Belge iletişim kutusundan özel bir Bootstrap belgesi de oluşturabilirsiniz (Yeni Belge > Bootstrap). Daha sonra, Dreamweaver uygulamasındaki Ekle panelini kullanarak akordeonlar ve döngüler gibi Bootstrap bileşenlerini kullanarak web sitenizi parça parça geliştirin. Ya da Photoshop kompozisyonlarınız varsa, Extract'i kullanarak Bootstrap belgenize görüntüler, fontlar, stiller, metin ve daha birçok öğeyi taşıyabilirsiniz.

Bootstrap belgeleri oluşturma
Bootstrap belgeleri oluşturma

Sıfırdan tasarlanmış bir Bootstrap dosyası veya bir devam eden çalışma tasarımı da olsa, bunları Dreamweaver'da düzenleyerek kodu değiştirebileceğiniz gibi Canlı Görünüm'de düzenleme, görsel CSS tasarımcısı, Görsel Ortam Sorguları ve Extract gibi görsel düzenleme özelliklerini kullanarak tasarım değişiklikleri de yapabilirsiniz. 

Not:

Dreamweaver'da öğeleri gizleme ve gösterme, sütun ve satır düzenleme (ekleme, yeniden boyutlandırma, kaydırma) için görsel düzenleme araçları sürüm 3'ten önceki Bootstrap çerçevesi sürümleri kullanılarak oluşturulan web siteleri için kullanılamaz.

Ayrıntılı bilgi için bkz. Bootstrap dosyalarıyla çalışma.

Canlı görünümde tabloları düzenleme desteği

Canlı görünümde tabloları aşağıdaki seçeneklerden birini veya seçenekleri bir arada kullanarak hızlı ve kolay bir şekilde düzenleyebilirsiniz:

  • Öğe Görüntüleme altındaki formatlama seçenekleri
  • Değiştir > Tablo menüsü
Not: Değiştir menüsü Canlı görünümde artık etkin durumdadır.
Canlı Görünüm'de tabloları düzenleme
Canlı Görünüm'de tabloları düzenleme


Canlı görünümdeki yeni menüler

Canlı görünümde aşağıdaki menülerin sunulmasıyla birlikte Canlı görünümün düzenleme özellikleri de daha iyi hale geldi:

  • Değiştir
  • Format
  • Komutlar
  • Site
  • Düzenle ve bağlam menüsünde “Özel Yapıştır” seçeneği

Canlı görünümde jQuery Kullanıcı Arabirimi öğeleri desteği

Ekle panelini kullanarak, jQuery widget'larını artık doğrudan Canlı görünümde ekleyebilirsiniz. Gerekli öğeyi Ekle panelinden Canlı görünüme sürükleyin ve eklemek için farenizin düğmesini basılı tutarak aşağıdaki özelliklerden birini kullanın:

  • Canlı Kılavuzlar: Bu kılavuzlar, gerekli öğeyi Ekle panelinden sürükledikten sonra Canlı görünümde farenizi öğelerin üzerine getirdiğinizde görünür. Canlı Kılavuzlar'ı kullanarak, odaktaki öğenin üstüne veya altına ya da soluna veya sağına öğe ekleyebilirsiniz.
  • DOM simgesi: DOM simgesi, Canlı Kılavuzlar görüntülendiği sırada bir an için duraklarsanız görünür. Açılır menüdeki DOM yapısını görüntülemek için bu simgeyi tıklatın ve öğeyi belge yapısında tam konumuna bırakın.
  • Konum Yardımı: Konum Yardımı, öğeyi odaktaki öğenin öncesine, sonrasına veya bu öğeyle iç içe yerleştirmenize yardımcı olur (Canlı görünümde).

Not:

Yukarıdaki özellikler, eklemeyi seçtiğiniz öğeye bağlı olarak görüntülenir.

DOM paneli

Öğeye Hızlı Bakış artık DOM paneli olarak değiştirilmiştir (Pencereler > DOM). DOM paneli, Öğeye Hızlı Bakış tarafından sağlanan tüm işlevselliklerin yanı sıra başka özellikler de sunar. Bu panel tüm çalışma alanlarında kullanılabilir ve korunur; yani, iki belge açabilir ve bu belgelerin DOM panellerini aynı anda açıp bunlara erişim sağlayabilirsiniz.

DOM panelini kullanarak yapabilecekleriniz:

  • Öğeleri belge yapısına doğru şekilde yerleştirmek için Ekle panelinden sürükleyin.
  • Belgede yer alan yapısal öğeleri kopyalayın, yapıştırın, yineleyin, taşıyın veya silin.
  • Sayfada yer alan öğeleri belge yapısı ile birlikte bağlam içinde görüntüleyin. Odaktaki öğe DOM panelinde vurgulanır.

DOM panelini kullanma ve paneli kullanarak HTML yapısını düzenleme hakkında ayrıntılı bilgi için bkz. DOM paneli.

DOM paneli
DOM paneli

HTML belgelerinde SVG kod ipuçları

HTML belgelerinde tüm SVG öğeleri ve nitelikleri için kod ipuçları artık desteklenmektedir. Bu kod ipuçlarını kullanarak, tıpkı bir SVG belgesini eklediğiniz gibi SVG öğelerini de HTML belgelerinin Kod görünümünde ekleyebilirsiniz.

Teknoloji Önizlemeleri

Bu sürümden itibaren, Dreamweaver takımı müşterilerden geri bildirim almak için belirli özelliklerin önizlemelerini sağlamaktadır. Geri bildirimler doğrultusunda, bu özellikler daha da geliştirilecek ve Dreamweaver'ın temel özellikleri olarak eklenecektir. Bu tür özelliklere Tercihler iletişim kutusunun Teknoloji Önizlemeleri kategorisinden erişebilirsiniz.

Bu sürümdeki önizleme özelliği Kod Vurgulama özelliğidir. Bu özellik seçili bir metnin geçtiği yerleri Kod görünümünde vurgular.

Bu özelliği kullanmak için aşağıdaki adımları gerçekleştirin:

  1. Tercihler > Teknoloji Önizlemeleri bölümüne gidin.

  2. Kod Vurgulama özelliğini etkinleştirin. Ardından, Uygula'yı tıklatın ve daha sonra Kapat'ı tıklatarak Tercihler iletişim kutusunu kapatın.

  3. Kod vurgulamayı kullanmak istediğiniz belgeyi açın. Kod vurgulamayı HTML, JS, CSS ve LESS gibi her türlü belge içinde kullanabilirsiniz.

  4. Kod görünümünde, vurgulanması gereken metni (etiket, sözcük veya sözcük grubu) çift tıklatın. 

    Seçili metnin geçtiği yerler Kod görünümünde vurgulanır.

Aşağıdaki klavye kısayollarını kullanarak, vurgulanan metinler arasında gezinebilirsiniz:

  • Sonraki geçtiği yeri seçin: F3 (Win); Cmd+G (Mac)
  • Önceki geçtiği yeri seçin: Shift+F3 (Win); Cmd+Shift+G (Mac)

Kod görünümünde ShowPreview API'sini kullanarak özel önizleme

Dreamweaver uygulamasının bu sürümünde, farenizi Kod görünümünde kodun üzerine getirdiğinizde görüntülenen özel bir önizleme açılır penceresi oluşturabilirsiniz. Özelleştirilmiş önizlemeleri uygulamak için mevcut mm:browsercontrol API'sinin yanı sıra yeni showPreview API'sini de kullanabilirsiniz. Bu API'leri örneğin, farenizi işlevin adının üzerine getirdiğinizde JavaScript işlevinin tüm parametrelerinin önizlemesini görüntülemek için kullanabilirsiniz.

Kod katlama

Dreamweaver uygulamasının önceki sürümlerinde, kod bloklarını Kod görünümünde seçip daraltmanız gerekiyordu. Bu sürümde ve sonraki sürümlerde, kod bloklarını daraltmak için fareyi satır numaralarının üzerine getirip görüntülenen üçgeni tıklatabilirsiniz.

HTML, CSS, LESS, Sass, SCSS, JS, PHP, XML ve SVG dosyalarında etiket bloklarını temel alarak artık kod katlama (daraltma) yapabilirsiniz.

Kopyala, Kes, Yapıştır ve sürükleyip bırakma eylemleri kod katlama durumunu korur. Örneğin, daraltılmış bir kod bloğunu kopyaladığınızda, Yapıştır eylemi kopyalanan metni daraltılmış bir blok olarak yapıştırır.

HTML dosyalarında, daha önceki kod daraltma işlevinden farklı olarak, daraltılan içerik artık kapanış etiketini içerir ve farklı şekilde oluşturulur. Ayrıca, daraltılmış kod bloğunda görüntülenen karakter sayısı artırılmıştır. Böylece, varsa ilk niteliklere önizleme yapılabilir.

Ayrıntılı bilgi için bkz. Kodu daraltma.

Extract geliştirmeleri

Aygıtlar için Extract

Cihazların boyutları gibi çözünürlükleri de farklı olabilir. Dinamik web tasarımı planınızın cihazlarda doğru şekilde oluşturulan görüntülerin farklı çözünürlük sürümlerini dikkate alması gerekir. Ancak projenizdeki tüm görüntüler için çok sayıda farklı çözünürlük sürümleri oluşturmak uğraştırıcı bir görev olabilir.

Dreamweaver uygulamasındaki Extract özelliği bu görevi büyük ölçüde kolaylaştırır. Dreamweaver'ın 2015 sürümünde Photoshop kompozisyonunuzdaki bir görüntüyü ayıklarken bu görüntünün farklı çözünürlük sürümlerini ayıklamayı da tercih edebilirsiniz. Photoshop uygulamasındaki görüntü, ayıklama sırasında önceden tanımlanmış farklı çözünürlüklerde otomatik olarak ölçeklendirilir.

Böylece bu görüntüleri JavaScript içinden veya ortam sorgularından çağırarak, görüntülendikleri cihaz esas alınarak görüntülenmelerini sağlayabilirsiniz. Örneğin, yüksek yoğunluklu retina ekranlarda görüntünün 2X sürümünü kullanabilirsiniz. 

Daha fazla bilgi için bkz. PSD dosyalarından görüntü ayıklama.

Görüntünün birden çok çözünürlük sürümünü ayıklama
Görüntünün birden çok çözünürlük sürümünü ayıklama

% birimleri desteği

Extract panelinde, görüntülerin genişlik ve yükseklik değerlerini piksel cinsinden olduğu gibi artık % değerleri olarak da görüntüleyebilirsiniz. Ölçüleri % olarak da görüntüleyebilirsiniz.

Extract panelinde bir varlığı tıklattığınızda açılan pencerede piksel ve % arasında geçiş yapma seçeneği sunulur. Bu açılan pencerede seçtiğiniz birim, diğer varlıkların ölçülerini görüntülerken de korunur.

Yüzde seçeneği
Yüzde seçeneği

Yüzde olarak ölçüler
Yüzde olarak ölçüler


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

Canlı Görünüm'de Yuvalanmış Ekleme

Canlı görünümde öğeleri artık diğer öğelerin içine ekleyebilirsiniz. Ekle panelinden, Varlık panelinden veya Canlı görünüm içinden öğeleri sürükleyip sayfadaki farklı öğeler üzerine getirdiğinizde, öğeleri yuvalama ile ilgili görsel geri bildirim alırsınız (önceki ve sonraki duruma dair kılavuzlarla birlikte).

  • Önceki/Sonraki durum kılavuzları: Fareyi öğenin üst ve alt kısımdaki %30'luk bölümü üzerine getirdiğinizde.
  • Yuvalama görsel geri bildirimi: Fareyi öğenin orta kısımdaki %40'lık bölümü üzerine getirdiğinizde.
Yuvalanmış ekleme için görsel geri bildirim (mavi, gölgeli vurgu)
Yuvalanmış ekleme için görsel geri bildirim (mavi, gölgeli vurgu)

Seçicileri doğrudan Öğe Görüntüleme içinden düzenleme

Seçiciyi düzenlemek için artık Öğe Görüntüleme içinden Seçici adını tıklatmanız yeterlidir. Sayfa üzerinde herhangi bir yeri tıklatarak değişiklikleri onaylayabilirsiniz.

Kodlama araç çubuğu değişiklikleri

Kodlama araç çubuğundaki kodu daraltma ile ilgili aşağıdaki seçenekler kaldırılmıştır:

  • Tüm Etiketi Daralt
  • Seçimi Daralt
Not: Bu seçenekler sağ tıklatma bağlam menüsünden ve Düzen menüsünden de kaldırılmıştır.
 
Fareyi satır numarasının üzerine getirip görüntülenen üçgeni tıklatarak kodu daraltabilirsiniz.
 
HTML, CSS ve JS dosyaları için aşağıdaki seçenekler de kullanılabilir.
  • Geçersiz Kodu Vurgula
  • Bilgi Çubuğundaki Sözdizimi Hatası Uyarıları
Koddaki hataları bulmak için Linting özelliği kullanılabilir ve Çıktı panelinde linting sonuçları görüntülenir.

CSS Tasarımcısı iyileştirmeleri

Tümü ve Geçerli modları

CSS Tasarımcısı iki farklı modda CSS özelliklerinin görüntülenmesini ve düzenlenmesini sağlar:

  • Tümü: Bu modda, geçerli belgede yer alan tüm CSS, ortam sorguları ve seçiciler listelenir. Bu mod Tasarım görünümünde veya Canlı görünümde seçime duyarlı değildir.

CSS, ortam sorguları veya seçiciler oluşturmak istiyorsanız en uygun mod budur.

  • Geçerli: Tasarım görünümünde veya Canlı görünümde seçili olan herhangi bir öğe için hesaplanan stiller bu modda listelenir. CSS dosyasında odak bir seçicide olduğunda, bu mod ilgili seçicinin özelliklerini görüntüler.
Belgede seçili olan öğeyle ilişkilendirilmiş seçicilerin özelliklerini düzenlemek isterseniz en uygun mod budur.
CSS Tasarımcısı'ndaki Tümü ve Geçerli modları
CSS Tasarımcısı'ndaki Tümü ve Geçerli modları

Özellik değerleri için ipuçları

Dreamweaver, yeni özellikler ayarlanırken Kod görünümüne benzer şekilde CSS Tasarımcısı'nda da kod ipuçları görüntüler.

CSS Tasarımcısı'nda kod ipuçları
CSS Tasarımcısı'nda kod ipuçları

Ortam sorguları için renkli kodlama

CSS Tasarımcısı panelindeki ortam sorguları Görsel Ortam Sorguları ile eşleşecek biçimde renkle kodlanmışlardır.

  •  Yeşil: max-width koşulları olan ortam sorguları
  •  Mavi : Hem min-width hem de max-width koşulları olan ortam sorguları
  •  Mor : min-width koşulları olan ortam sorguları
CSS Tasarımcısı'nda ortam sorguları için renkli kodlama
CSS Tasarımcısı'nda ortam sorguları için renkli kodlama

Diğer değişiklikler

  • Ayarlı Olanları Göster seçeneği: Özellikler bölümündeki Ayarlı Olanları Göster onay kutusu Dreamweaver'ı ilk başlattığınızda varsayılan olarak seçili durumdadır. Bu seçenekte yapılan değişiklikler (seçmek veya seçimi kaldırmak) sonraki tüm Dreamweaver oturumlarında korunur.
  • Panel kaydırılarak Özellik Ekle satırı ortada gösterilir: Özellikler bölümünde + simgesini tıklattığınızda bölüm kaydırılarak, Özellik Ekle satırı panelin ortasında gösterilir. Özellikler bölümü çok küçükse Özellik Ekle satırı bölümün alt kısmında gösterilir.
  • Yeni özellik eklenirken arka plan vurgusu: Yeni Özellik Ekle metin kutusuna odaklanılmış durumdayken satır gri arka planla vurgulanır.
  • + ve - düğmelerinin konumundaki değişiklik: CSS Tasarımcısı panelinin her bölmesinde görünen “+” ve “-” düğmelerinin konumu daha fazla görünürlük sağlamak için en sağdan şimdi en sola taşındı.
  • Özel kategorisinin adı değiştirildi: Özel özellikler kategori adı Diğer olarak değiştirildi.

Test sunucusu iş akışındaki değişiklikler

Bu sürümdeki test sunucusu iş akışına yönelik geliştirmeler, belgelerin Canlı görünümde sunucu tarafındaki kodla kolay ve sorunsuz bir şekilde düzenlenmesini amaçlar.

Sunucu kurulumundaki değişiklikler

Dreamweaver'ın önceki sürümlerinden farklı olarak, belirli bir sunucuyu artık test sunucusu ya da bir uzak sunucu olarak atayabilirsiniz; her ikisi olarak atayamazsınız. Sunucu rollerinin atanabilmesi için sunucu kurulumu kullanıcı arabirimindeki onay kutuları yerine ilgili radyo düğmeleri konulmuştur.

Dreamweaver uygulamasının önceki bir sürümünde oluşturulmuş bir siteyi açar veya site ayarlarını içe aktarırsanız ve bu sitede hem test sunucusu hem de uzak sunucu olarak belirlenmiş tek bir sunucu varsa sunucunun ikinci bir yinelenen girişi oluşturulur. Daha sonra bunlardan biri uzak sunucu (_remote son ekli) ve diğeri de test sunucusu (_testing son ekli) olarak işaretlenir.

Dinamik dosyaları otomatik gönderme

Dinamik belgeleri açarken, oluştururken veya belge içinde yaptığınız değişiklikleri kaydederken Dreamweaver bu belgeleri artık test sunucunuzla otomatik olarak senkronize eder. Dreamweaver bundan sonra sunucu iş akışlarının test edilmesi için “Test Sunucusunu Güncelleştirme” veya “Bağımlı Dosyaları Gönderme” iletişim kutularını görüntülemez.

Daha fazla bilgi için bkz. Dinamik dosyaları otomatik gönderme.

Business Catalyst iş akışındaki değişiklikler

Business Catalyst uzantısı kullanımdan kaldırıldı ve Dreamweaver CC 2015 sürümünden itibaren artık kullanılmayacak. Dreamweaver CC 2014.1.1 sürümü, Business Catalyst uzantısıyla uyumlu olan en son sürümdür.

Business Catalyst uzantısını Dreamweaver CC 2015 sürümü ve üstüyle kullanmak için Dreamweaver uygulamasındaki SFTP bağlantısı seçeneğini kullanın. Daha fazla bilgi için bkz. Business Catalyst belgeleri.

Bu değişiklikle ilgili olarak yapılan resmi duyuruyu Business Catalyst web sitesinde bulabilirsiniz. 

Diğer değişiklikler

  • Ekle paneli yeniden düzenlenerek Ortak, Mizanpaj ve Ortam kategorileri altındaki tüm seçenekler daha mantıklı bir kategori olan HTML altında gruplandırıldı.
  • Mini tur videoları ve bunları Yardım menüsünden başlatma bağı kaldırıldı. Bu seçenek İngilizce dışındaki diller için kullanılamaz.
  • Sayfanın alt kısmındaki belge çubuğu açılır menüsünde bulunan seçenekler kaldırıldı. Bundan sonra yalnızca Yönlendirme, Tam Boyut ve Boyutları Düzenle seçenekleri kullanılabilmektedir.

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