Web tasarımının dinamik dünyasında, Adobe Dreamweaver geliştiriciler ve tasarımcılar için vazgeçilmez bir araçtır. Ancak bu güçlü yazılımın tam potansiyelinden yararlanmak için klavye kısayolları önemli bir unsurdur.

Dreamweaver'daki klavye kısayolları sadece pratik kısaltmalar değil, aynı zamanda daha verimli ve hızlı çalışmanın bir köprüsüdür. Bu kısayollarla karmaşık görevleri birkaç tuşa basarak halledebilir, üretkenliği artırabilir ve değerli zaman kazanabilirsin. Bu kısayollar sayesinde karmaşık menüler arasında gezinmek zorunda kalmadan farklı fonksiyonlar arasında akıcı bir şekilde geçiş yapabilirsin. Bu, özellikle sıkı takvimlerde büyük bir avantaj sağlar.

Bu makalede, en önemli Dreamweaver klavye kısayollarını kullanarak web tasarımı ve geliştirme süreçlerinizi nasıl optimize edebileceğinizi öğreneceksiniz. Başlangıç seviyesinde biri olun ya da deneyimli bir profesyonel – bu kısayollar Dreamweaver'daki çalışmalarınızı temelden iyileştirecektir. Web tasarım becerilerinizi bir üst seviyeye taşımaya hazır mısınız? O zaman Dreamweaver kısayollarının dünyasına dalalım!

İçindekiler

Dosya

DosyaKısayol
YeniCtrl + N
Ctrl + O
Köprüyü tarayınCtrl + Alt + O
KapatCtrl + W
Tümünü KapatCtrl + Shift + W
KaydetCtrl + S
Farklı KaydetCtrl + Shift + S
YazdırCtrl + P
TercihlerCtrl + U
Tarayıcıda ÖnizleF12 / Alt + F12
Bağlantıları Kontrol EtShift + F8
KapatCtrl + Q

Görünüm / Düzen

Görünüm / DüzenKısayol
YakınlaştırCtrl + +
UzaklaştırCtrl + -
Yakınlaştırma / UzaklaştırmaCtrl + Fare Tekerleği
Seçeneklerle YapıştırCtrl + Shift + V
AraCtrl + F
Seçiliyi İleride AraShift + F3
İleride AraF3
Görünüm DeğiştirCtrl + #
Cetvelleri GösterCtrl + Alt + R
Kılavuzları GösterCtrl + Shift + #
Canlı GörünümAlt + F11
Geri AlCtrl + Z
YineleCtrl + Y
Izgarayı GösterCtrl + Alt + G
Izgara Dizisine HizalaCtrl + Shift + Alt + G
HTML Başlığını GösterCtrl + Shift + H
Gelişmiş Tablo ModuAlt + F6
Hepsini GizleCtrl + Shift + I
JavaScript DurdurF6
Eklentileri OynatCtrl + Alt + P
Eklentileri DurdurCtrl + Alt + X

Tasarım Görünümü

Tasarım GörünümüKısayol
Hızlı Etiket DüzenleyiciCtrl + T
Kod GezginiCtrl + Alt + Tıkla
Tasarım Görünümünü YenileF5
Kılavuzlarda Piksel GenişliğiCtrl

Kaynak Kodu & Tasarım

EylemKısayol
Metin Biçimlendirmesi YokCtrl + 0
Başlık 1 - <h1>Ctrl + 1
Başlık 3 - <h3>Ctrl + 3
Başlık 6 - <h6>Ctrl + 6
Paragraf - <p>Ctrl + Shift + P
Bağlantılar - <div align="left">Ctrl + Shift + Alt + L
Sağ - <div align="right">Ctrl + Shift + Alt + R
Ortalı - <div align="center">Ctrl + Shift + Alt + C
Yasla - <div align="justify">Ctrl + Shift + Alt + J
KalınCtrl + B
İtalikCtrl + I

Kaynak Kodunda Çalışma

EylemKısayol
Kod YardımıCtrl + Boşluk
Satıra GitCtrl + G
Seçileni # İle KuşatCtrl + Shift + 3
Sola Yaslamış Kelimeyi KaldırCtrl + Geriye Al (Backspace)
Sağa Yaslamış Kelimeyi KaldırCtrl + Delete
Üstteki Satırı SeçShift + Yukarı Ok
Altındaki Satırı SeçShift + Aşağı Ok
Soldaki Karakteri SeçShift + Sol Ok
Sağdaki Karakteri SeçShift + Sağ Ok
Sayfanın En Altına Kadar SeçShift + Sayfa Aşağı
Sayfanın En Üstüne Kadar SeçShift + Sayfa Yukarı
Sağa Sonraki Kelimeye GitCtrl + Sağ Ok
Sola Sonraki Kelimeye GitCtrl + Sol Ok
Soldaki Kelimeyi SeçCtrl + Shift + Sol Ok
Sağdaki Kelimeyi SeçCtrl + Shift + Sağ Ok
Satır Başına GitPos1 / Çift Çıkıntı
Satır Sonuna GitEnd / Sağ Alt Çıkıntı
Satır Başına Kadar SeçShift + Pos1
Satır Sonuna Kadar SeçShift + End
1. Satıra GitCtrl + Pos1
Son Satıra GitCtrl + End

Ekle

EylemKısayol
GörüntüStrg + Alt + I
TabloStrg + Alt + T
Boşluk ( )Strg + Shift + Space
Satır Sonu (<br />)Shift + Enter
Hyperlink ekleStrg + L
Hyperlink kaldırStrg + Shift + L
Etiket SeçimiStrg + E
SWF DosyasıStrg + Alt + F
Adlandırılmış Bağlantı NoktasıStrg + Alt + A
Şablonlarda Düzenlenebilir AlanStrg + Alt + V

Pencereler

PencereKısayol
AP ElemanlarıF2
İlişkilendirmelerStrg + F10
Kod ParçacıklarıShift + F9
Kod İnceleyiciF10 / Alt + F10
CSS StillleriShift + F11
VeritabanlarıStrg + Shift + F10
DosyalarF8 / Strg + Shift + F
NiteliklerStrg + F3
EkleStrg + F2
Pencereyi GizleF4
ÇerçevelerShift + F2
BileşenlerStrg + F7
Sunucu DavranışıStrg + F9
AraF7
Etiket İnceleyiciF9 / Alt + Shift + F9
DavranışShift + F4
GeçmişShift + F10

Tablolarla Çalışma

EylemKısayol
Hücreyi ÖzelleştirStrg + Tıklama
Tabloyu SeçStrg + A 2x
Satır EkleStrg + M
Satır Ekle Sürüm IITab son hücrede
Sütun EkleStrg + Shift + A
Satır SilStrg + Shift + M
Sütun SilStrg + Shift + -
Hücreleri BirleştirStrg + Shift + Alt + M
Hücreleri BölStrg + Alt + S

Adobe Dreamweaver ile ilgili 18 İpucu ve Püf Noktası

  • Hızlıca açık dosyayı sunucuya yüklemek istersen, Site üzerinden yapılandırıldıysa, Strg + + U tuşlarına bas.
  • Dreamweaver'da tüm W3C geçersiz hataları ve tüm scriptlerin tarayıcı uyumluluklarını veren dahili bir tarayıcı uyumluluk testi var. Bu özelliğe Belge Çubuğu'ndaki Sayfa Denetle menüsü üzerinden ulaşabilirsin. Böylece tüm tarayıcılarda sayfayı her zaman açmak zorunda kalmazsın.
  • Dreamweaver ile sunucudaki dosyaları doğrudan açıp düzenleyebilirsin. Bu şekilde FTP istemcisiyle yükleme yapmaktan kaçınabilirsin. Dosyalar penceresinde (F8) => Siteleri Yönet'e tıkla, ardından Yeni'ye tıkla ve gerekli bilgileri doldur. Sonrasında sunucu içeriği listelenecek ve istediğin sayfaları açabilirsin.
  • CSS arka planlarını daha iyi tanımlamak için Görünüm => Görsel Araçlar => CSS Layout Arkaplanları'nı etkinleştirebilirsin. Bloklar artık rastgele renklerle doldurulmuş halde gösterilecek. Ancak bu renkler sadece Taslak penceresinde görüntülenecektir.
  • Görüntü boyutu mümkünse değiştirilmemeli - varsayılan olarak %100'dür -, aksi halde sayfa Dreamweaver görünümünde çok pikselimsi görünebilir.
  • Varsayılan olarak Katmanlar panelinde 50 adıma kadar geri alınabilir. Bu değeri Tercihler (Strg + U) => Genel iletişim kutusunda artırabilirsin.
  • Çoğu zaman bir tabloda yeni bir satıra ihtiyaç duyulur. Bunun için sadece sağ alt köşedeki son hücreye tıkla ve ardından Sekme tuşuna bas. Eğer hemen 10 veya daha fazla yeni satır veya sütun gerekirse, sağ tıklayarak Satırlar veya Sütunlar ekle'yi seçmek mantıklıdır.
  • Tüm panel, araç ekleyip kaldırmak için hızlı bir şekilde F4 klavye kısayoluna basabilirsin. Ardından sadece Menü ve Çalışma penceresi gösterilecektir.
  • Dreamweaver'da tam kod bloklarını arayabilir ve değiştirebilirsin. Bu özellikle, her seferinde değiştirmek istediğin birkaç satır kodun üzerinde bulunduğunda kullanışlıdır.
  • Adobe Dreamweaver ile ilgili 18 İpucu ve Püf Noktası
  • Bir tablonun veya bir DIV'in tüm içeriğini hızlıca seçmek istiyorsan, iki kez ardışık olarak Strg + A'ya tıkla.
  • Kaynak kodunda çalışıyorsan, Etiketleri hızlıca kapatmak için, Pencere > Sonuçlar > Denetle'yi seç. Ayrıca Firefox için HTML Doğrulayıcı (http://users.skynet.be/mgueury/mozilla/) ve Firebug (http://getfirebug.com/) eklentileri de oldukça kullanışlıdır.
  • Dreamweaver Öğreticileri için iyi başlangıç noktaları: www.psd-tutorials.de, www.dreamworker.de ve www.adobe.com/devnet/dreamweaver.
  • Dreamweaver'ı genişletmek için çeşitli eklentiler mevcuttur. Joomla! tabanlı şablonları Dreamweaver'da da düzenleyebilirsin. Bak: http://www.joomlaos.de.
274,342,963

Adobe Dreamweaver için kısayollar - Klavye kısayolları genel bakış

Yayınlanma tarihi itibaren Stefan Petri
Yayınlanma tarihi: Kimden Stefan Petri
Stefan Petri, kardeşi Matthias ile birlikte, popüler uzmanlık forumu PSD-Tutorials.de ile dijital mesleki yetkinliklerin eğitimine ve gelişimine odaklanan E-Öğrenim platformu TutKit.com'u işletmektedir.