Dreamweaver çalışma alanı

Dreamweaver'ı kullanıma alma

Dreamweaver'ı yükledikten sonra uygulamayı ilk kez başlattığınızda, ekranda ihtiyaçlarınıza göre Dreamweaver Workspace'inizi kişiselleştirmenize yardımcı olan üç soru soran bir Hızlı Başlangıç menüsü görünür.

Bu soruları yanıtladıktan sonra Dreamweaver, Geliştirici workspace'inde (minimal kod odaklı düzen) veya Standart workspace'inde (görsel araçlar ve kod yazarken uygulama içi önizleme ile bölünmüş düzen) açılır. 

Çalışma alanını seçtikten sonra size en uygun renk temasını seçin. Ardından başlayabilirsiniz.

Geliştirilmiş Giriş ekranı

Dreamweaver'daki Ana ekran, yakın zamanda kullandığınız dosyalara, dosya türlerine ve başlangıç şablonlarına hızlı erişim sağlar.

Başlangıç çalışma alanı, abonelik durumunuza bağlı olarak aynı zamanda ihtiyaçlarınıza uygun içerikleri de görüntüleyebilir.

Dreamweaver, başlatma sırasında veya hiçbir belge açık değilken Ana ekranı görüntüler.

Dreamweaver Başlangıç deneyiminde seçenekler

Bu ekrandan Dreamweaver eğitimlerine anında erişmek için Öğren'e tıklayın.

Görüntülenen dosya türlerinden herhangi birine tıklayarak Dreamweaver'da belge oluşturmaya başlayın.

Dreamweaver ile birlikte gelen başlangıç şablonlarından birini açın. 

Başlangıç ekranına geri dönmek için Giriş'e tıklayın. 

Çalıştığınız son dosyaları başlangıç ekranında görüntüleyebilirsiniz. Yakın tarihli dosyanız yoksa bu sekme boştur.

Ayrıca bu ekranın sağ üst köşesindeki Arama simgesini kullanarak arama işlevselliğini de kullanabilirsiniz. Arama sorgusu yazdığınızda uygulama, arama sorgusuna uyan yakın tarihli dosyalarınızı, Creative Cloud varlıklarınızı, yardım bağlantılarınızı ve stok görüntülerinizi görüntüler.

Yeni Dreamweaver dosyaları oluşturmaya başlamak için Yeni Oluştur'u tıklatabilirsiniz. Sisteminizde zaten dosyalarınız varsa Aç'ı tıklatın. Dreamweaver'da belge oluşturma ve açma hakkında bilgi için bkz. Dosya oluşturma ve açma.

Çalışma alanına genel bakış

Dreamweaver çalışma alanı, belgeleri ve nesne özelliklerini görüntülemenize olanak sağlar. Çalışma alanı ayrıca araç çubuklarına en yaygın olarak kullanılan birçok işlemi de yerleştirir, böylece belgelerinizde hızlıca değişiklik yapabilirsiniz.

Çalışma alanı öğelerine genel bakış

Çalışma alanı aşağıdaki öğeleri içerir:

Uygulama penceresinin üst kısmında yer alır ve çalışma alanı değiştirici, menüler (yalnızca Windows) ve diğer uygulama denetimlerini içerir.

Belge penceresinin farklı görünümleri için seçenekler sağlayan düğmeler içerir (Tasarım görünümü, Canlı görünüm ve Kod görünümü gibi).

Standart araç çubuğunu görüntülemek için Pencere > Araç Çubukları > Standart seçeneğini belirleyin. Araç çubuğu Dosya ve Düzenle menülerindeki yaygın işlemler için düğmeler içerir: Yeni, Aç, Kaydet, Tümünü Kaydet, Kodu Yazdır, Kes, Kopyala, Yapıştır, Geri Al ve Yinele.

Uygulama penceresinin sol tarafında yer alır ve görünüme özgü düğmeler içerir.

Hazırlama ve düzenleme sırasında geçerli belgeyi gösterir.

Seçili nesne veya metnin çeşitli özelliklerini görüntülemenizi ve değiştirmenizi sağlar. Her nesne farklı özelliklere sahiptir.

Belge penceresinin en altındaki Durum çubuğunda bulunur. Geçerli seçimin çevresindeki etiketlerin hiyerarşisini gösterir. Hiyerarşideki herhangi bir etiketi tıklatıp o etiketi ve tüm içeriğini seçin.

Çalışmanızı izlemenize ve değiştirmenize yardım eder. Örnekler arasında Ekle paneli, CSS Tasarımcısı paneli ve Dosyalar paneli bulunur. Bir paneli genişletmek için ilgili sekmeyi çift tıklatın.

PSD dosyalarınızı Creative Cloud'a yüklemenize ve burada görüntülemenize olanak verir. Bu paneli kullanarak PSD kompozisyonlarınızdan belgenize CSS, metin, görüntüler, fontlar, renkler, degradeler ve ölçümler ayıklayabilirsiniz.

Bir belgeye görüntü, tablo ve medya öğesi gibi çeşitli nesne türleri eklemeniz için düğmeler içerir. Her nesne, eklerken çeşitli nitelikleri belirlemenize olanak veren bir HTML kodu parçasıdır. Örneğin, Ekle panelindeki Tablo düğmesini tıklatarak bir tablo ekleyebilirsiniz. İsterseniz, Ekle paneli yerine Ekle menüsünü kullanarak da nesne ekleyebilirsiniz.

Dosya ve klasörlerinizi, bir Dreamweaver sitesinin parçası veya uzak bir sunucu üzerinde olup olmamasına bakılmaksızın yönetmenizi sağlar. Dosyalar paneli ayrıca yerel diskinizdeki tüm dosyalara erişmenizi sağlar. Daha fazla bilgi için bkz. Dosya ve klasörleri yönetme.

Kod parçacıklarınızı farklı web sayfaları, farklı siteler ve Dreamweaver'ın farklı kurulumlarında (senkronizasyon ayarlarını kullanarak) kaydetmenizi ve yeniden kullanmanızı sağlar. Daha fazla bilgi için bkz. Parçacıklar ile kodu tekrar kullanma.

CSS stillerini, dosyalarını "görsel olarak" oluşturmanıza ve medya sorguları ile birlikte özellikleri ayarlamanıza olanak tanıyan bir CSS özellik denetçisidir.

Belge penceresine genel bakış

Belge penceresi geçerli belgeyi gösterir. Belgenin görünümlerini değiştirmek için Belge araç çubuğundaki görünüm seçeneklerini kullanın. 

Görünüm menüsündeki Görünüm seçenekleri kullanılarak görünümler de değiştirilebilir.

belgenizin tarayıcıda nasıl görüneceğine ilişkin daha gerçekçi bir sunum görüntüler ve tarayıcıda yapacağınız gibi belgeyle etkileşim kurmanızı sağlar. HTML öğelerini doğrudan Canlı Görünüm'de düzenleyebilir ve yaptığınız değişiklikleri aynı görünümde anında önizleyebilirsiniz. Canlı Görünüm'de düzenleme hakkında daha fazla bilgi için bkz. Canlı Görünüm'de HTML öğelerini düzenleme.

görsel sayfa mizanpajı, görsel düzenleme ve hızlı uygulama geliştirme için bir tasarım ortamıdır. Bu görünümde Dreamweaver, sayfayı tarayıcıda görüntülediğinizde gördüğünüze benzer bir şekilde belgenin tamamen düzenlenebilir, görsel temsilini gösterir.

HTML, JavaScript ve diğer her türlü kodu yazma ve düzenleme için elle kod yazma ortamıdır.

Kod görünümünün bölünmüş sürümüdür ve belgenin farklı bölümlerinde aynı anda çalışmak için kaydırma yapmanıza olanak tanır. 

aynı belge için hem Kod görünümünü hem de Canlı görünümü tek pencerede görmenizi sağlar.

aynı belge için hem Kod görünümünü hem de Tasarım görünümünü tek pencerede görmenizi sağlar.

tarayıcının sayfayı yürütmek için kullandığı gerçek kodu görüntüler ve Canlı görünümde sayfayla etkileşim kurduğunuzda dinamik olarak değişebilir.

Belge penceresi büyütüldüğünde (varsayılan), sekmeler tüm açık belgelerin dosya adlarını göstererek Belge penceresinin üstünde görüntülenir. Henüz kaydedilmemiş değişiklikler varsa Dreamweaver dosya adından sonra bir yıldız işareti görüntüler.

Dreamweaver ayrıca, belge sekmesinin altında (veya belgeleri ayrı pencerelerde görüntülüyorsanız belgenin başlık çubuğunun altında) İlgili Dosyalar araç çubuğunu görüntüler. İlgili belgeler CSS dosyaları veya JavaScript dosyaları gibi, geçerli dosya ile ilişkilendirilmiş olan belgelerdir. Bu ilgili dosyalardan birini Belge penceresinde açmak için, İlgili Dosyalar araç çubuğunda dosya adını tıklatın.

Görünümler arasında geçiş yapma

Farklı görünümler arasında hızlı bir şekilde geçiş yapmak için Belge araç çubuğunu kullanın. Daha fazla bilgi için bkz. Belge araç çubuğuna genel bakış.

Görünüm menüsündeki aşağıdaki seçenekleri kullanarak görünümler arasında geçiş yapılabilir:

• Yalnızca kod görünümü: Kod'u seçin
• Bölünmüş görünüm: Böl'ü seçin ve bölme seçeneklerinden herhangi birini seçin
• Görünüm modu: Canlı ve Tasarım görünümleri arasında geçiş yapın
• Görünümleri Değiştir: Bir görünümden diğerine geçiş yapın.

Belge pencerelerini basamaklama, döşeme veya yeniden sıralama

Aynı anda birçok belgeniz açık ise, bunları basamaklayabilir veya döşeyebilirsiniz.

Belge pencerelerini basamaklandırmak için: Pencere > Düzenle > Basamaklandır'ı seçin.

Belge pencerelerini döşemek için:

• (Windows) Pencere > Düzenle > Yatay Döşe veya Dikey Döşe'yi seçin.
• (Macintosh) Pencere > Düzenle >Döşe'yi seçin.

Birden fazla dosya açtığınızda Belge pencereleri sekmeli olur. Sekmeli olan Belge pencerelerinin sırasını yeniden yerleştirmek için pencerenin sekmesini grupta yeni bir konuma sürükleyin.

Belge penceresini yeniden boyutlandırma

Durum çubuğu, Belge penceresinin geçerli boyutlarını (piksel olarak) gösterir. Belirli bir boyutta en iyi görüntülenen bir sayfa tasarlamak için Belge penceresini istediğiniz bir önceden belirlenmiş boyuta ayarlayabilir, bu önceden belirlenmiş boyutları düzenleyebilir veya boyutlar oluşturabilirsiniz.

Tasarım görünümünde veya Canlı Görünüm'de sayfanın görüntüleme boyutunu değiştirdiğinizde yalnızca görüntüleme boyutunun boyutları değişir. Belge boyutu değişmez.

Önceden belirlenmiş ve özel boyutların yanı sıra, Dreamweaver ayrıca bir ortam sorgusunda belirtilen boyutları da listeler. Bir ortam sorgusuna karşılık gelen boyut seçtiğinizde Dreamweaver sayfayı görüntülemek için ortam sorgusunu kullanır. Ayrıca, sayfa mizanpajının aygıtın tutuluş şekline göre değiştiği mobil aygıtlar için sayfanın önizlemesini yapmak üzere sayfa yönlendirmesini de değiştirebilirsiniz.

Belge penceresini yeniden boyutlandırmak için Belge penceresinin altındaki Pencere Boyutu açılır menüsünden boyutlardan birini seçin.

Gösterilen pencere boyutu, tarayıcı penceresinin kenarlıklar olmadan iç boyutlarını yansıtır; monitör boyutu veya mobil cihaz sağda listelenmiştir.

Pencere Boyutu açılır menüsünde listelenen değerleri değiştirme

Pencere Boyutu açılır menüsüne yeni bir boyut ekleme

Belge araç çubuğuna genel bakış

Belge araç çubuğu, belgenizin farklı görünümleri arasında hızla geçiş yapmanıza olanak veren düğmeler içerir. Araç çubuğu ayrıca belgeyi görüntüleme ve yerel ve uzak siteler arasında aktarma ile ilgili bazı ortak komutlar ve seçenekler de içerir.

Belge araç çubuğunda aşağıdaki seçenekler görüntülenir:

Belge penceresinde yalnızca Kod görünümünü görüntüler.

Belge penceresini Kod ve Canlı/Tasarım görünümlerine böler. Tasarım görünümü seçeneği akışkan ızgara belgeleri için kullanılamaz.

HTML5 projelerini doğru bir şekilde oluşturan ve değişiklikleri yapılırken gerçek zamanlı olarak güncelleştiren etkileşimli bir önizlemedir. HTML öğelerini Canlı Görünüm'de de düzenleyebilirsiniz. Canlı görünüm seçeneklerinin yanındaki açılır liste Canlı görünüm ve Tasarım görünümü arasında geçiş yapabilmenizi sağlar. Bu açılır liste akışkan ızgara belgelerinde kullanılamaz.

Belgeyi kullanıcının web tarayıcısında görüntülediği şekilde gösteren bir temsili görüntüler. 

Standart araç çubuğuna genel bakış

Standart araç çubuğunu görüntülemek için Pencere > Araç Çubukları > Standart seçeneğini belirleyin. Araç çubuğu Dosya ve Düzenle menülerindeki yaygın işlemler için düğmeler içerir: Yeni, Aç, Kaydet, Tümünü Kaydet, Kodu Yazdır, Kes, Kopyala, Yapıştır, Geri Al ve Yinele.

Tarayıcı Gezinmesi araç çubuğuna genel bakış

Tarayıcı Gezinmesi araç çubuğu, Canlı Görünüm'de etkin hale gelir (yalnızca Pencere->Araç Çubukları->Standart öğesini seçerek bu özelliği etkinleştirdiyseniz) ve Belge penceresinde baktığınız sayfanın adresini gösterir. Canlı görünüm normal bir tarayıcı görevi görür; bu nedenle, yerel siteniz dışında bir siteye (örneğin, http://www.adobe.com/) gözatsanız bile, Dreamweaver sayfayı Belge penceresine yükler.

Varsayılan olarak bağlar Canlı görünümde etkin değildir. Etkin olmayan bağlarınızın olması, başka bir sayfaya gitmeden Belge penceresinde bağ metnini seçmenize veya tıklatmanıza olanak sağlar. Canlı görünümünde bağlantıları test etmek için Görünüm > Canlı Görünüm Seçenekleri > Bağlantıları İzle (Ctrl+Bağlantıya Tıkla) veya Bağlantıları Sürekli İzle seçeneğini belirleyerek tek seferlik tıklama veya sürekli tıklamayı etkinleştirebilirsiniz.

Araç çubuğuna genel bakış

Araç çubuğu, Belge penceresinin sol tarafında dikey olarak görüntülenir ve tüm görünümlerde (Kod, Canlı ve Tasarım) görünebilir. Araç çubuğundaki düğmeler görünüme özeldir ve yalnızca çalışmakta olduğunuz görünümde geçerli olması halinde görünür. Örneğin, Canlı görünümünde çalışıyorsanız, Kaynak Kodu Biçimlendir gibi Kod görünümüne özgü seçenekler görünmez. 

Araç çubuğunu özelleştirme

Bu araç çubuğunu menü seçenekleri ekleyerek veya araç çubuğundan istenmeyen menü seçeneklerini kaldırarak ihtiyaçlarınıza göre özelleştirebilirsiniz.

Araç çubuğunu özelleştirmek için şunları yapın:

Varsayılan araç çubuğu düğmelerini geri yüklemek için Araç Çubuğunu Özelleştir iletişim kutusunda Varsayılanı Geri Yükle'ye tıklayın.

Durum çubuğuna genel bakış

Belge penceresinin altındaki Durum çubuğu, oluşturmakta olduğunuz belge hakkında ek bilgi sağlar.

Etiket seçici

Geçerli seçimin çevresindeki etiketlerin hiyerarşisini gösterir. Hiyerarşideki herhangi bir etiketi tıklatıp o etiketi ve tüm içeriğini seçin. <body> etiketini tıklatıp belgenin tüm gövdesini seçin. Etiket seçicide etiketin class veya ID niteliklerini belirlemek için etiketi sağ tıklatın (Windows) veya Control tuşunu basılı tutarak (Macintosh) tıklatın ve bağlam menüsünden sınıf ya da kimlik seçin.

Çıktı paneli

Belgenizdeki kodlama hatalarını gösteren Çıktı panelini görüntülemek için bu simgeye tıklayın.

Kod renklendirme

(Yalnızca Kod görünümünde kullanılabilir)

Kodun rengini programlama diline göre görüntüleyecek şekilde değiştirmek için bu açılır menüden programlama dillerinden herhangi birini seçin.

Ekle ve Üzerine Yaz arasında geçiş yapma

(Yalnızca Kod görünümünde kullanılabilir)

Kod görünümünde çalışırken Ekle ve Üzerine Yaz modları arasında geçiş yapmanızı sağlar.

Satır ve sütun sayısı

(Yalnızca Kod görünümünde kullanılabilir.)

İmlecin bulunduğu satır numarasını ve sütun numarasını görüntüler.

Özellik denetçisine genel bakış

Özellik Denetçisi (Pencere > Özellikler), metin veya eklenmiş nesne gibi seçili sayfa öğesinin en yaygın özelliklerini incelemenizi ve düzenlemenizi sağlar.

Özellik Denetçisi'nin içeriği, seçili öğeye göre değişir. Örneğin sayfanızda bir görüntü seçerseniz, Özellik Denetçisi görüntünün özelliklerini gösterecek şekilde değişir (görüntüye giden dosya yolu, görüntünün genişliği ve yüksekliği, varsa görüntünün çevresindeki kenarlık vb.).

Özellik Denetçisi varsayılan olarak çalışma alanının alt kenarında yer alır, ancak çalışma alanında denetçiyi serbest bırakabilir ve kayar panel haline getirebilirsiniz.

Belirli bir Özellik Denetçisi'ne yönelik yardım içeriğine erişmek için Özellik denetçisinin sağ üst köşesindeki yardım düğmesini tıklatın veya Özellik denetçisinin Seçenekler menüsünden Yardım'ı seçin.

Sayfa öğesinin özelliklerini görüntüleme ve değiştirme

Bağlam menüleri

Bağlam menüleri, üzerinde çalıştığınız nesne veya pencere ile ilişkili en yararlı komutlara ve özelliklere kolay erişim sağlar. Bağlam menüleri yalnızca geçerli seçim için uygulanabilir komutları listeler.

Bağlam menüsü açmak için Kod görünümünde bir kod bölümüne veya Canlı ya da Tasarım Görünümlerinde bir nesneye sağ tıklayın (Windows) veya Ctrl tuşuna basarak tıklayın (Mac).

Dreamweaver'da panelleri yeniden düzenleme

Tüm Dreamweaver panellerinin yerleşimini ve görünümünü gereksinimlerinize göre özelleştirebilirsiniz.

Panelleri sabitleme ve serbest bırakma

• Bir paneli sabitlemek için sekmesinden sabitleme alanındaki diğer panellerin üstüne, altına ya da ortasına sürükleyin.
• Bir panel grubunu sabitlemek için başlık çubuğundan (sekmelerin üstündeki düz renkli boş çubuk) sabitleme alanına sürükleyin.
• Paneli ya da panel grubunu kaldırmak için sekmesinden ya da başlık çubuğundan sabitleme alanının dışına sürükleyin. Başka bir sabitleme alanına sürükleyebilir ya da yüzer durumda bırakabilirsiniz.

Panelleri taşıma

Panelleri taşırken paneli götürebileceğiniz alanlar olan maviyle vurgulanmış bırakma bölgeleri görürsünüz. Örneğin bir paneli başka bir panelin üstündeki ya da altındaki dar mavi bırakma bölgesine sürükleyerek paneli yukarı ya da aşağı taşıyabilirsiniz. Bırakma bölgesi olmayan bir alana taşırsanız panel çalışma alanında yüzer duruma gelir.

• Paneli taşımak için sekmesinden sürükleyin.
• Bir panel grubunu taşımak için başlık çubuğunu sürükleyin.

Panel ekleme ve kaldırma

Sabitleme alanındaki tüm panelleri kaldırırsanız sabitleme alanı kaybolur. Bırakma bölgesi görüntülenene kadar panelleri çalışma alanının sağ kenarına taşıyarak yuva oluşturabilirsiniz.

• Panel kaldırmak için sekmesini sağ tıklatıp (Windows) veya Control tuşu basılı olarak tıklatıp (Mac) Kapat'ı seçin ve Pencere menüsünden seçimini kaldırın.
• Panel eklemek için Pencere menüsünden seçin ve istediğiniz yere sabitleyin.

Panel gruplarında değişiklik yapma

• Paneli bir grubun içine taşımak için panelin sekmesini gruptaki vurgulu bırakma bölgesine sürükleyin.
• Gruptaki panelleri yeniden düzenlemek için panelin sekmesini grupta yeni bir konuma sürükleyin.
• Paneli yüzer yapmak için gruptan kaldırma üzere paneli sekmesinden grubun dışına sürükleyin.
• Grup taşımak için başlık çubuğunu sürükleyin (sekmelerin altındaki alan).

Yüzen panelleri yığınlama

Paneli yuva dışına, bırakma bölgesi dışında bir yere sürüklediğinizde panel serbestçe yüzer. Yüzen panel çalışma alanında istediğiniz yere koymanızı sağlar. Yüzen panelleri ya da panel gruplarını yığınlayarak, en üstteki başlık çubuğunu sürüklediğinizde bir bütün olarak taşınmalarını sağlayabilirsiniz.

• Yüzen panelleri yığınlamak için paneli sekmesinden başka bir panelin altındaki bırakma bölgesine sürükleyin.
• Yığınlanma sırasını değiştirmek için paneli sekmesinden yukarı ya da aşağı sürükleyin.
• Paneli ya da panel grubunu yığından kaldırarak tek başına yüzer duruma getirmek için sekmesinden ya da başlık çubuğundan dışarı sürükleyin.

Panelleri yeniden boyutlandırma

• Paneli, panel grubunu, panel yığınını simge durumuna ya da ekran boyutuna getirmek için sekmeyi çift tıklatın. Sekme alanını (sekmenin yanındaki boş alan) çift de tıklatabilirsiniz.
• Paneli yeniden boyutlandırmak için panelin herhangi bir yanını sürükleyin. 

Panel simgelerini daraltma ve genişletme

Çalışma alanındaki karmaşayı azaltmak için panelleri simge olarak daraltabilirsiniz. Bazı durumlarda varsayılan çalışma alanında paneller düğme olarak daraltılmıştır.

• Bir sütundaki tüm panel simgelerini daraltmak ya da genişletmek için sabitleme alanının üstündeki çift oku tıklatın.
• Tek paneli genişletmek için o paneli tıklatın.
• Yalnızca simgeleri görmek (etiketleri değil) amacıyla panel simgelerini yeniden boyutlandırmak için metin kaybolana kadar sabitleme alanı genişliğini ayarlayın. Simge metnini yeniden görüntülemek için sabitleme alanını genişletin.
• Genişletilmiş bir paneli tekrar simge olarak daraltmak için panelin sekmesini veya simgesini tıklatın ya da panelin başlık çubuğundaki çift oku tıklatın.

Özel çalışma alanları oluşturma

Gereksinimlerinize göre paneller ekleyip kaldırarak çalışma alanınızı özelleştirebilirsiniz. Bu değişiklikleri daha sonra Belge araç çubuğundaki Workspace Değiştiricisinden erişmek için kaydederek çalışma alanınıza kaydedebilirsiniz.

Panellerin geçerli boyutunu ve konumunu adlandırılmış bir çalışma alanı olarak kaydederek, o paneli taşısanız ya da kapatsanız da o çalışma alanını geri yükleyebilirsiniz.

Özel bir çalışma alanı kaydetmek için:

1. Pencere > Workspace Mizanpajı > Yeni Workspace seçin.
2. Çalışma alanı için bir ad yazın.

Çalışma alanı kaydedilir ve Belge araç çubuğunda Çalışma Alanı değiştiricisinde görünür.

Özel bir çalışma alanını silmek için:

Çalışma Alanlarını Yönet iletişim kutusunu açmak için uygulama çubuğunda çalışma alanı değiştiriciden Çalışma Alanlarını Yönet'i seçin. Çalışma alanını seçin ve ardından Sil'e tıklayın.

Çalışma alanlarını görüntüleme ya da değiştirme

Document araç çubuğundaki workspace değiştiricisinden bir Workspace seçin.

Çok kullanıcılı sistemlerde Dreamweaver'ı özelleştirme

Dreamweaver'ı Windows XP veya Mac OS X gibi çok kullanıcılı işletim sistemlerinde bile ihtiyaçlarınıza uyacak şekilde özelleştirebilirsiniz.

Dreamweaver, bir kullanıcının özelleştirilmiş yapılandırmasının diğer kullanıcıların özelleştirilmiş yapılandırmasını etkilemesini önler. Bu görevi gerçekleştirmek için Dreamweaver'ı tanıdığı çok kullanıcılı işletim sistemlerinden birinde ilk defa çalıştırdığınızda, uygulama çeşitli yapılandırma dosyalarının birer kopyasını oluşturur. Bu kullanıcı yapılandırma dosyaları size ait bir klasörde saklanır.

Dreamweaver'ı yeniden yükler veya yükseltirseniz, Dreamweaver mevcut kullanıcı yapılandırma dosyalarının otomatik olarak yedek kopyalarını oluşturur, böylece bu dosyaları elle özelleştirdiyseniz yaptığınız değişikliklere erişmeye devam edebilirsiniz.

Sekmeli belgeleri gösterme (Yalnızca Mac'te)

Her bir belgeyi tanımlamak için sekmeler kullanarak birden çok belgeyi tek bir Belge penceresinde görüntüleyebilirsiniz. Ayrıca bunları, içinde her belgenin kendi penceresinde görüntülendiği kayar bir çalışma alanının parçası olarak da görüntüleyebilirsiniz.

Sekmeli bir belgeyi ayrı bir pencerede açma

Sekmeyi Control tuşuna basıp tıklatın ve bağlam menüsünden Yeni Pencereye Taşı'yı seçin.

Varsayılan sekmeli belge ayarını değiştirme

1. Dreamweaver > Tercihler'i, sonra da Genel kategorisini seçin.
2. Belgeleri Sekmeler Olarak Aç'ı seçin veya bu seçeneğin seçimini kaldırın ve Tamam'ı tıklatın.

Dreamweaver, tercihleri değiştirdiğinizde o anda açık olan belgelerin görüntülenme biçimini değiştirmez. Ancak siz yeni bir tercih belirledikten sonra açılan belgeler belirlediğiniz tercihe göre gösterilir.

Karşılama ekranı, Dreamweaver'ı açtığınızda ve açık belgeniz olmadığı zamanlarda gösterilir. Karşılama ekranını gizlemeyi seçebilir ve daha sonra yeniden gösterebilirsiniz. Karşılama ekranı gizli olduğunda ve herhangi bir belge açık değilken Belge penceresi boştur.

Genel Dreamweaver panelleri

Dreamweaver uygulamasında bir dizi panel ile çalışırsınız. Yaygın olarak kullanılan panellerden bazıları burada açıklanmıştır.

Ekle paneline genel bakış

Ekle panelindeki (Pencere > Ekle) tablo, görüntü ve bağ gibi nesneler oluşturmak ve eklemek için düğmeler bulunur. Düğmeler çeşitli kategorilerde düzenlenmiştir ve üstteki açılır listeden istenen kategori seçilerek kategoriler arasında geçiş yapılabilir.

Bazı kategorilerin açılır menüleri olan düğmeleri vardır. Açılır menüden bir seçenek belirlediğinizde, düğmenin varsayılan eylemi olur. Örneğin, Character düğmesinin açılır menüsünden Line Break seçerseniz, bir sonraki sefer Character düğmesine tıkladığınızda Dreamweaver bir satır sonu ekler.Açılır menüden yeni bir seçenek belirlediğiniz her seferde düğmenin varsayılan eylemi değişir.

Ekle paneli aşağıdaki kategorilerde düzenlenmiştir:

div etiketleri ve görüntüler, tablolar gibi nesneler gibi en yaygın kullanılan HTML öğelerini oluşturmanıza ve eklemenizde olanak tanır.

Formlar oluşturmak ve arama, ay ve parola gibi form öğeleri eklemek için düğmeler içerir.

Belgeyi şablon olarak kaydetmenize ve belirli bölgeleri düzenlenebilir, isteğe bağlı, yinelenen veya düzenlenebilir isteğe bağlı bölgeler olarak işaretlemenize olanak tanır.

Duyarlı projelerde kullanabileceğiniz gezinti, kapsayıcılar, açılır menüler ve daha fazlasını sağlayan Bootstrap bileşenleri içerir.

jQuery Mobile kullanan siteler oluşturmak için düğmeler içerir.

Akordeon, sürgüler ve düğmeler gibi jQuery UI öğeleri eklemenize olanak tanır.

Tek bir genel alanda en çok kullandığınız Ekle paneli düğmelerini gruplamanıza ve düzenlemenize olanak sağlar.

Nesne ekleme

Insert panelini kullanarak bir nesne eklemek için:

Ekle paneli tercihlerini düzenleme

Ekle panelinin Sık Kullanılanlar kategorisinde öğe ekleme, silme veya yönetme

Dosyalar paneline genel bakış

Dreamweaver sitenizdeki dosyaları görüntülemek ve yönetmek için Files panelini kullanın.

Dosya ve klasörleri görüntüleme, bir Dreamweaver sitesiyle ilişkili olup olmadığına bakma ve dosyaları açma veya taşıma gibi standart dosya işlemlerini gerçekleştirmek için Dosyalar panelini kullanabilirsiniz.

Dosyalar paneli ayrıca dosyaları yönetmenize ve uzak sunucu ile dosya alışverişi yapmanıza yardımcı olur. 

Files paneliyle yapabilecekleriniz hakkında daha fazla bilgi için bkz. Dosya ve klasörleri yönet.

CSS Tasarımcısı

CSS Designer paneli (Windows > CSS Designer), CSS stilleri, dosyalar oluşturmanıza ve medya sorguları ile birlikte özellikler ayarlamanıza 'görsel olarak' olanak tanıyan bir CSS Property Inspector'dır.

CSS Tasarımcısı'nda gerçekleştirdiğiniz tüm eylemleri geri almak için Ctrl/Cmd+ Z veya yinelemek için Ctrl/Cmd + Y tuşlarını kullanabilirsiniz. Değişiklikler otomatik olarak Canlı Görünüm'de yansıtılır ve ilgili CSS dosyası da yenilenir. İ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 Designer paneli aşağıdaki bölmeler ve seçeneklerden oluşur:

Tümü Geçerli belgeyle ilişkilendirilmiş tüm CSS'yi, ortam sorgularını ve seçicileri listeler. Gerekli CSS kuralları için filtreleme yapabilir ve özellikleri değiştirebilirsiniz. Bu mod, seçici veya medya sorguları oluşturmaya başlamak için de kullanılabilir.

Bu mod seçime duyarlı değildir. Bu, sayfada bir öğe seçildiğinde ilgili seçici, medya sorgusu veya CSS kurallarının CSS Designer'da vurgulanmadığı anlamına gelir.

Geçerli Geçerli belgenin Tasarım görünümünde veya Canlı görünümde seçili olan herhangi bir öğe için hesaplanan stillerini listeler. Code görünümünde bir CSS dosyası için bu mod kullanıldığında, odaktaki seçicinin tüm özellikleri görüntülenir.

Bu mod bağlama duyarlıdır. Belgede seçili öğelerle ilişkili seçicilerin özelliklerini düzenlemek için bu seçeneği kullanın.

Kaynaklar Belgeyle ilişkilendirilmiş tüm CSS stil sayfalarını listeler. Bu bölmeyi kullanarak bir CSS oluşturabilir ve belgeye ekleyebilir veya belge içindeki stilleri tanımlayabilirsiniz.

@Ortam Kaynaklar bölmesinde seçilen kaynaktaki tüm ortam sorgularını listeler. Belirli bir CSS seçmezseniz bu bölme, belgeyle ilişkilendirilmiş tüm ortam sorgularını görüntüler.

Seçiciler Kaynaklar bölmesinde seçilen kaynaktaki tüm seçicileri listeler. Bir ortam sorgusu da seçerseniz, bu bölme o ortam sorgusu için seçicilerin listesini daraltır. Herhangi bir CSS veya ortam sorgusu seçilmezse, bu bölme belgedeki tüm seçicileri görüntüler.

@Media bölmesinde Global seçtiğinizde, seçili kaynağın medya sorgusuna dahil olmayan tüm seçiciler görüntülenir.

Özellikler Belirtilen seçici için ayarlayabileceğiniz özellikleri görüntüler. Daha fazla bilgi için Özellikleri ayarla bölümüne bakın.

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.

Not: Bir sayfa öğesi seçtiğinizde Seçiciler bölmesinde en belirgin Seçici belirlenir. Belirli bir Seçici'nin özelliklerini görüntülemek için paneldeki o Seçici'nin adına tıklayın.

Tüm seçicileri görüntülemek için Kaynaklar bölmesinde Tüm Kaynaklar'ı seçebilirsiniz. Seçilen kaynakta herhangi bir medya sorgusuna ait olmayan seçicileri görüntülemek için @Media panelinde Global seçeneğine tıklayın.

Görsel kılavuzlara genel bakış

Dreamweaver belgeleri tasarlamanıza ve bunların tarayıcılarda nasıl görüneceğini yaklaşık olarak tahmin etmenize yardımcı olmak için çeşitli türde görsel kılavuzlar sağlar.Aşağıdakilerden herhangi birini yapabilirsiniz:

• Öğelerin sayfaya nasıl oturduğunu görmek için Belge penceresini anında istenen pencere boyutuna yerleştirin.

• Adobe® Photoshop® veya Adobe® Fireworks® gibi bir resim veya görüntü düzenleme uygulamasında oluşturulan tasarımı çoğaltmanıza yardım etmesi için izleme görüntüsünü sayfa arka planı olarak kullanın.

• Sayfa öğelerini hassas konumlandırma ve yeniden boyutlandırma için görsel ipucu sağlamak üzere kılavuzları ve cetvelleri kullanın.

• Katı biçimde konumlandırılmış öğelerin (AP öğeleri) hassas konumlandırması ve yeniden boyutlandırılması için ızgarayı kullanın.

  Sayfadaki ızgara işaretleri, AP öğelerini hizalamanıza ve yapışma etkinleştirildiğinde, AP öğeleri taşındığında veya yeniden boyutlandırıldığında bunların otomatik olarak en yakın ızgara noktasına yapışmasına yardım eder. (Görüntüler ve paragraflar gibi diğer nesneler ızgaraya yapışmaz.) Yapışma özelliği, kılavuz görünür olsa da olmasa da çalışır.

Sayfayı yakınlaşma ve uzaklaşma

Dreamweaver, Belge penceresinde büyütme (yakınlaştırma) oranını artırmanıza olanak sağlar böylece grafiklerin piksel doğruluğunu kontrol edebilir, küçük öğeleri daha kolay seçebilir, küçük metin olan sayfalar tasarlayabilir, geniş sayfalar tasarlayabilir ve daha fazlasını yapabilirsiniz.

Bir sayfayı yakınlaştırmak veya uzaklaştırmak için Görünüm > Tasarım Görünümü Seçenekleri > Büyütme'yi seçin ve mevcut büyütme seçeneklerinden herhangi birini seçin.

Çeşitli büyütme seçenekleri arasından seçim yapabilirsiniz. Aşağıdakileri de seçebilirsiniz:

• Seçimi Sığdır - Bir nesne veya metin seçin ve Belge penceresini seçimle doldurmak için bu seçeneği belirleyin.
• Tümünü Sığdır - Belge penceresini tüm sayfayla doldurun
• Genişliği Sığdır - Belge penceresini bir sayfanın tüm genişliğiyle doldurun

Genel Dreamweaver tercihlerini belirleme

Dreamweaver'da belgelerin Fontlar tercihlerini belirleme

Belge kodlaması, belgenin bir tarayıcıda nasıl görüntüleneceğini belirler. Dreamweaver font tercihleri, kodlamayı tercih ettiğiniz font ve boyutta görmenize olanak sağlar. Ancak Font Tercihleri iletişim kutusunda seçtiğiniz fontlar, yalnızca fontların Dreamweaver'da görüntülenme şeklini etkiler; belgenin ziyaretçinin tarayıcısındaki görüntülenme şeklini etkilemez. Fontların tarayıcıdaki görüntülenme şeklini değiştirmek için Özellik denetçisini kullanarak veya bir CSS kuralı uygulayarak metni değiştirmeniz gerekir.

Yeni belgeler için varsayılan kodlama ayarlama hakkında bilgi için Belge oluşturma ve açma bölümüne bakın.

Dreamweaver vurgulama renklerini özelleştirme

Dreamweaver'da şablon bölgelerini, kitaplık öğelerini, üçüncü taraf etiketlerini, düzen öğelerini ve kodu tanımlayan renkleri özelleştirmek için Vurgulama tercihlerini kullanın.

Benzer konular

• İlgili Dosyaları Açma
• Dreamweaver'da kodlamaya ilişkin genel bilgiler
• Kodlama tercihlerini ayarlama
• Başlık içeriğini görüntüleme ve düzenleme
• Mizanpaj için görsel yardımcılar kullanma
• Sayfaları önizleme
• Dosyalar panelinde dosyalarla çalışma