- Dreamweaver Kullanıcı Kılavuzu
- Giriş
- Dreamweaver ve Creative Cloud
- Dreamweaver çalışma alanları ve görünümleri
- Site kurma
- Dreamweaver siteleri hakkında
- Sitenizin yerel bir sürümünü kurma
- Yayımlama sunucusuna bağlanma
- Test sunucusu kurma
- Dreamweaver site ayarlarını içe ve dışa aktarma
- Mevcut web sitelerini uzak sunucudan yerel site köküne getirme
- Dreamweaver'daki erişilebilirlik özellikleri
- Gelişmiş ayarlar
- Dosya aktarmak için site tercihlerini ayarlama
- Dreamweaver'da proxy sunucu ayarlarını belirtme
- Dreamweaver ayarlarını Creative Cloud ile senkronize etme
- Dreamweaver'da Git'i kullanma
- Dosyaları yönetme
- Dosyaları oluşturma ve açma
- Dosyaları ve klasörleri yönetme
- Sunucunuzdan dosya alma ve dosyaları sunucunuza koyma
- Dosyaları teslim etme ve teslim alma
- Dosyaları senkronize etme
- Dosyaları farklılıklar açısından karşılaştırma
- Dreamweaver sitenizde dosya ve klasör perdeleme
- Dreamweaver siteleri için Tasarım Notları'nı etkinleştirme
- Olası Gatekeeper zaafını önleme
- Mizanpaj ve tasarım
- Mizanpaj için görsel yardımcılar kullanma
- Sayfanızın mizanpajını hazırlamak için CSS'yi kullanma hakkında
- Bootstrap kullanarak dinamik web siteleri tasarlama
- Dreamweaver'da ortam sorguları oluşturma ve kullanma
- Tablolara sahip içerik sunma
- Renkler
- Değişken ızgara mizanpajlarını kullanarak dinamik tasarım
- Dreamweaver'da Extract
- CSS
- Basamaklı Stil Sayfaları'nı anlama
- CSS Tasarımcısı'nı kullanarak sayfa mizanpajını yapma
- Dreamweaver'da CSS ön işlemcilerini kullanma
- Dreamweaver'da CSS Stili tercihlerini ayarlama
- Dreamweaver'da CSS kurallarını taşıma
- Dreamweaver'da satır içi CSS'yi CSS kuralına dönüştürme
- Div etiketleriyle çalışma
- Arka plana degradeler uygulama
- Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme
- Kodu formatlama
- Sayfa içeriği ve varlıklar
- Sayfa özelliklerini ayarlama
- CSS başlığı özelliklerini ve CSS bağ özelliklerini ayarlama
- Metinle çalışma
- Metni, etiketleri ve nitelikleri bulma ve değiştirme
- DOM paneli
- Canlı Görünüm'de düzenleme
- Dreamweaver'da belgeleri kodlama
- Belge penceresinde öğe seçme ve görüntüleme
- Özellik denetiminde metin özelliklerini belirleme
- Web sayfası üzerinde yazım denetimi gerçekleştirme
- Dreamweaver'da yatay cetveller kullanma
- Dreamweaver'da font birleşimlerini ekleme ve değiştirme
- Varlıklarla çalışma
- Dreamweaver'da tarih ekleme ve güncelleştirme
- Dreamweaver'da sık kullanılan varlıklar oluşturma ve yönetme
- Dreamweaver'da görüntü ekleme ve düzenleme
- Medya nesneleri ekleme
- Dreamweaver'da video ekleme
- HTML5 video ekleme
- SWF dosyaları ekleme
- Ses efektleri ekleme
- Dreamweaver'da HTML5 ses ekleme
- Kitaplık öğeleriyle çalışma
- Dreamweaver'da Arapça ve İbranice metin kullanma
- Bağlama ve gezinme
- jQuery bileşenleri ve efektleri
- Web sitelerini kodlama
- Dreamweaver'da kod yazma hakkında
- Dreamweaver'da kodlama ortamı
- Kodlama tercihlerini ayarlama
- Kod rengini özelleştirme
- Kod yazma ve düzenleme
- Kod ipuçları verme ve kod tamamlama
- Kodu daraltma ve genişletme
- Parçacıklar ile kodu tekrar kullanma
- Lint kodu
- Kodu en iyileştirme
- Tasarım görünümünde kod düzenleme
- Sayfaların başlık içeriğiyle çalışma
- Dreamweaver'da sunucu tarafı içerikleri ekleme
- Dreamweaver'da etiket kitaplıkları kullanma
- Dreamweaver'a özel etiketleri içe aktarma
- JavaScript davranışlarını kullanma (genel talimatlar)
- Yerleşik JavaScript davranışları uygulama
- XML ve XSLT hakkında
- Dreamweaver uygulamasında sunucu tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver uygulamasında istemci tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver'da XSLT için karakter varlıkları ekleme
- Kodu formatlama
- Ürünler arası iş akışları
- Dreamweaver uzantılarını yükleme ve kullanma
- Dreamweaver uygulama içi güncelleştirmeleri
- Dreamweaver'da Microsoft Office belgeleri ekleme (yalnızca Windows)
- Fireworks ve Dreamweaver ile çalışma
- Contribute ile Dreamweaver sitelerindeki içeriği düzenleme
- Dreamweaver-Business Catalyst entegrasyonu
- Kişiselleştirilmiş e-posta kampanyaları oluşturma
- Şablonlar
- Dreamweaver şablonları hakkında
- Şablonları ve şablon tabanlı belgeleri tanıma
- Dreamweaver şablonu oluşturma
- Şablonlarda düzenlenebilir bölgeler oluşturma
- Dreamweaver'da yinelenen bölgeler ve tablolar oluşturma
- Şablonlarda isteğe bağlı bölgeler kullanma
- Dreamweaver'da düzenlenebilir etiket niteliklerini tanımlama
- Dreamweaver uygulamasında yuvalanmış şablonlar oluşturma
- Şablonları düzenleme, güncelleştirme ve silme
- Dreamweaver'da xml içeriğini dışa ve içe aktarma
- Mevcut bir belgenin şablonunu uygulama veya kaldırma
- Dreamweaver şablonlarındaki içerikleri düzenleme
- Dreamweaver'daki şablon etiketleri için sözdizimi kuralları
- Şablon bölgeleri için vurgulama tercihlerini belirleme
- Dreamweaver'da şablon kullanmanın avantajları
- Mobil ve çoklu ekran
- Dinamik siteler, sayfalar ve web formları
- Web uygulamalarını anlama
- Bilgisayarınızı uygulama geliştirme için ayarlama
- Veritabanı bağlantılarında sorun giderme
- Dreamweaver uygulamasında bağlantı komut dosyalarını kaldırma
- Dinamik sayfalar tasarlama
- Dinamik içerik kaynaklarına genel bakış
- Dinamik içerik kaynaklarını tanımlama
- Sayfalara dinamik içerik ekleme
- Dreamweaver'da dinamik içeriği değiştirme
- Veritabanı kayıtlarını görüntüleme
- Dreamweaver'da canlı veri sağlama ve ilgili sorunları giderme
- Dreamweaver'da özel sunucu davranışı ekleme
- Dreamweaver ile form oluşturma
- Kullanıcılardan bilgi toplamak için formları kullanma
- Dreamweaver'da ColdFusion formları oluşturma ve etkinleştirme
- Web formları oluşturma
- Form öğeleri için geliştirilmiş HTML5 desteği
- Dreamweaver uygulamasını kullanarak bir form geliştirme
- Uygulamaları görsel olarak oluşturma
- Dreamweaver'da kalıp ve ayrıntı sayfaları oluşturma
- Arama ve sonuç sayfaları oluşturma
- Kayıt ekleme sayfası oluşturma
- Dreamweaver'da güncelleme kaydı sayfası oluşturma
- Dreamweaver'da kayıt silme sayfaları oluşturma
- Dreamweaver'da veritabanını değiştirmek için ASP komutları kullanma
- Kayıt sayfası oluşturma
- Oturum açma sayfası oluşturma
- Yalnızca yetkili kullanıcıların erişebileceği bir sayfa oluşturma
- Dreamweaver ile ColdFusion'daki klasörlerin güvenliğini sağlama
- Dreamweaver'da ColdFusion bileşenleri kullanma
- Web sitelerini test etme, önizleme ve yayımlama
- Sorun giderme
Adobe Dreamweaver'ın Tasarım görünümünde kod düzenlemek için Özellik Denetçisinin nasıl kullanılacağını bu konuya bakarak öğrenin.
Dreamweaver, temel kaynak kodu konusunda endişe duymadan web sayfalarını görsel olarak oluşturmanıza ve bunları düzenlemenize olanak tanır, ancak daha fazla kontrol sağlamak veya web sayfanızın sorunlarını gidermek için kodu düzenlemenizi gerektirebilecek zamanlar olur. Dreamweaver, Tasarım görünümünde çalışırken bazı kodları düzenlemenizi sağlar.
Bu bölüm Tasarım görünümünde çalışmayı tercih eden kişiler için tasarlanmıştır ancak koda hızlı erişim isteyen kişiler içindir de.
Tasarım görünümünde alt etiket seçme
Alt etiketler içeren bir nesneyi Tasarım görünümünde seçerseniz, örneğin bir HTML tablosunu, Düzen> Alt Öğe Seç'i belirleyerek ilk alt etiketi hızlıca seçebilirsiniz.
Bu komut sadece Tasarım görünümünde vardır.
Örneğin, <table> etiketinin normal olarak <tr> alt etiketleri vardır. Etiket seçicide <table> etiketini seçerseniz, Düzen> Alt Öğe Seç'i belirleyerek tablodaki ilk satırı seçebilirsiniz. Dreamweaver, etiket seçicide ilk <tr> etiketini seçer. <tr> etiketi kendi başına alt etiketlere sahip olduğundan (<td> etiketleri), Düzen> Alt Öğe Seç'in tekrar belirlenmesi tablodaki ilk hücreyi seçer.
Özellik denetçisiyle kodu düzenleme
Sayfanızdaki metnin veya nesnelerin niteliklerini incelemek ve düzenlemek için Özellik denetimini kullanabilirsiniz. Özellik denetiminde görüntülenen özellikler genellikle etiketlerin niteliklerine karşılık gelir; Özellik denetiminde bir özelliği değiştirme genellikle Kod görünümünde karşılık gelen niteliği değiştirmekle aynı etkiye sahiptir.
Etiket denetçisi ve Özellik denetçisinin her ikisi de etiket niteliklerini görmenize ve düzenlemenize olanak sağlar. Etiket denetçisi belirtilen etiketle ilişkilendirilen tüm nitelikleri görüntülemenize ve düzenlemenize olanak sağlar. Özellik denetçisi sadece en genel nitelikleri görüntüler ancak bu niteliklerin değerlerini değiştirmek için daha fazla denetim sağlar ve belirli etiketlere karşılık gelmeyen bazı nesneleri (tablo sütunları gibi) düzenlemenizi sağlar.
-
Metnin içinde tıklatın ve sayfada bir nesne seçin.
Metnin veya nesnenin Özellik denetçisi Belge penceresinin altında görüntülenir. Özellik denetçisi görüntülenmiyorsa, Pencere > Özellikler'i seçin.
-
Özellik denetçisindeki niteliklerde değişiklikler yapın.
Özellik denetçisiyle CFML'yi düzenleme
Tasarım görünümünde ColdFusion işaretlemesini incelemek ve değiştirmek için Özellik denetimini kullanın.
-
Özellik denetiminde etiket niteliklerini düzenlemek veya yeni nitelikler eklemek için Nitelikler düğmesini tıklatın.
-
Etiket, açma ve kapama etiketleri arasında içeriğe sahipse, içeriği düzenlemek için İçerik düğmesini tıklatın.
İçerik düğmesi sadece seçili etiket boş etiket değilse (diğer bir deyişle, hem açma hem de kapama etiketi varsa) görüntülenir.
-
Etiket şartlı ifade içeriyorsa, İfade kurusunda değişiklikler yapın.
Hızlı Etiket Düzenleyici'ye genel bakış
Hızlı Etiket Düzenleyici'yi Tasarım görünümünden çıkmadan HTML etiketlerini hızlı biçimde incelemek, eklemek ve düzenlemek için kullanırsınız.
Hızlı Etiket Düzenleyici'de geçersiz HTML yazarsanız, Dreamweaver gereken yerlere kapatma tırnak işaretleri ve kapatma açılı parantezleri ekleyerek bu sorunu düzeltmeye çalışır.
Hızlı Etiket Düzenleyici seçeneklerini ayarlamak için Control-T (Windows) veya Command-T (Macintosh) tuşlarına basarak Hızlı Etiket Düzenleyici'yi açın.
Hızlı Etiket Düzenleyici'nin üç modu vardır:
- HTML ekle modu yeni HTML eklemek için kullanılır.
- Etiketi Düzenle modu mevcut kodu düzenlemek için kullanılır.
HTML ekle modu yeni HTML eklemek için kullanılır.
Etiketi Düzenle modu mevcut kodu düzenlemek için kullanılır.
Etiketi Sar modu geçerli seçimin etrafına yeni etiketi sarmak için kullanılır.
Hızlı Etiket Düzenleyici'nin açıldığı mod, Tasarım görünümündeki geçerli seçime bağlıdır.
Her üç modda da temel Hızlı Etiket Düzenleyici'yi kullanma yordamı aynıdır: düzenleyiciyi açın, etiketleri ve nitelikleri girin veya düzenleyin ve ardından düzenleyiciyi kapatın.
Hızlı Etiket Düzenleyici etkinken Control+T (Windows) veya Command+T (Macintosh) tuşlarına basarak modlar arasında geçiş yapabilirsiniz.
Hızlı Etiket Düzenleyici'de kodu düzenleme
Tasarım görünümünden çıkmadan HTML etiketlerini hızlı bir şekilde eklemek ve düzenlemek için Hızlı Etiket Düzenleyici'yi (Düzen > Hızlı Etiket Düzenleyici) kullanın.
HTML etiketi ekleme
-
Tasarım görünümünde kodu eklemek istediğiniz ekleme noktasını yerleştirmek için sayfada tıklatın.
-
Control+T (Windows) veya Command+T (Macintosh) tuşlarına basın.
Hızlı Etiket Düzenleyici, HTML Ekle modunda açılır.
-
HTML etiketini girin ve Enter tuşuna basın.
Etiket, uygulanabiliyorsa, eşleşen kapatma etiketiyle birlikte kodunuza yerleştirilir.
-
Değişiklik yapmadan çıkmak için Escape tuşuna basın.
HTML etiketi düzenleme
-
Tasarım görünümünde bir nesne seçin.
Düzenlemek istediğiniz etiketi Belge penceresinin altındaki etiket seçiciden de seçebilirsiniz. Daha fazla bilgi için bkz. Kodu etiket seçiciyle düzenleme.
-
Control+T (Windows) veya Command+T (Macintosh) tuşlarına basın.
Hızlı Etiket Düzenleyici, Etiketi Düzenle modunda açılır.
-
Yeni nitelikleri girin, mevcut etiketleri düzenleyin veya etiketin adını düzenleyin.
-
Bir nitelikten diğerine ilerlemek için Sekme tuşuna basın; geri gitmek için Shift+Sekme tuşlarına basın.Not:
Varsayılan olarak, Sekme veya Shift+Sekme tuşlarına bastığınızda değişiklikler belgeye uygulanır.
-
Hızlı Etiket Düzenleyici'yi kapatmak ve değişiklikleri uygulamak için Enter tuşuna basın.
-
Başka değişiklik yapmadan çıkmak için Escape tuşuna basın.
HTML etiketleriyle geçerli seçimi sarma
-
Tasarım görünümünde formatlanmamış metin veya bir nesne seçin.Not:
Açma ve kapama HTML etiketi içeren bir metin veya nesne seçerseniz, Hızlı Etiket Düzenleyici, Etiketi Sar modu yerine Etiketi Düzenle modunda açılır.
-
Control+T (Windows) veya Command+T (Macintosh) tuşlarına basın veya Özellik denetiminde Hızlı Etiket Düzenleyici düğmesini tıklatın.
Hızlı Etiket Düzenleyici, Etiketi Sar modunda açılır.
-
strong gibi tek açma etiketi girin ve Enter (Windows) veya Return (Macintosh) tuşuna basın.
Etiket, geçerli seçimin başlangıcına eklenir ve eşleşen kapama etiketi sona eklenir.
-
Değişiklik yapmadan çıkmak için Escape tuşuna basın.
Hızlı Etiket Düzenleyici'deki ipuçları menüsünü kullanma
Hızlı Etiket Düzenleyici, düzenlediğiniz veya eklediğiniz etiketin tüm geçerli niteliklerini listeleyen nitelik ipucu menüsü içerir.
İpuçları menüsünü devre dışı bırakabilir veya Hızlı Etiket Düzenleyici'de menü açılmadan önce geçen süreyi ayarlayabilirsiniz.
Etiketin geçerli niteliklerini listeleyen ipuçları listeleyen ipuçları menüsünü görmek için Hızlı Etiket Düzenleyici'de nitelik adını düzenlerken kısa bir süre duraklayın. Düzenlemekte olduğunuz etiketin geçerli tüm niteliklerini listeleyen bir ipuçları menüsü görüntülenir.
Benzer biçimde, geçerli etiket adlarını görüntüleyen ipuçları menüsünü görmek için Hızlı Etiket Düzenleyici'de etiket adını girerken veya düzenlerken kısa bir süre duraklayın.
Hızlı Etiket Düzenleyici kod ipuçları tercihleri, normal kod ipuçları tercihleriyle denetlenir. Daha fazla bilgi için bkz. Kod ipucu tercihlerini ayarlama.
-
Aşağıdakilerden birini yapın:
Etiket veya nitelik adını yazmaya başlayın. Kod İpuçları menüsündeki seçim, yazdığınız harflerle başlayan ilk öğeye atlar.
Bir öğe seçmek için Aşağı ve Yukarı Ok tuşlarına basın.
Bir öğeyi bulmak için kaydırma çubuğunu kullanın.
-
Seçili öğeyi eklemek için Enter tuşuna basın veya eklemek üzere öğeyi çift tıklatın.
-
Öğe eklemeden ipuçları menüsünü kapatmak için Escape tuşuna basın veya yazmaya devam edin.
İpuçları menüsünü devre dışı bırakma veya görüntülenmeden önceki gecikme süresini değiştirme
-
Düzen > Tercihler (Windows) veya Dreamweaver > Tercihler (Macintosh) seçeneğini belirleyin ve Kod İpuçları'nı seçin.
Kod İpuçları Tercihleri iletişim kutusu görüntülenir.
-
İpuçları menüsünü devre dışı bırakmak için Kod İpuçlarını Etkinleştir seçeneğinin seçimini kaldırın.
Kodu etiket seçiciyle düzenleme
Tasarım görünümünden çıkmadan etiketleri seçmek, düzenlemek veya kaldırmak için etiket seçiciyi kullanabilirsiniz. Etiket seçici, Belge penceresinin altındaki durum çubuğunda yer alır ve bir dizi etiketi görüntüler.
Etiketi düzenleme veya silme
-
Belgenin içinde tıklatın.
Ekleme noktasına uygulanan etiketler, etiket seçicide görüntülenir.
-
Etiket seçicide bir etiketi sağ tıklatın (Windows) veya Control tuşunu basılı tutup tıklatın (Macintosh).
-
Etiketi düzenlemek için menüden Etiketi Düzenle'yi seçin. Hızlı Etiket Düzenleyici'de değişikliklerinizi yapın. Daha fazla bilgi için bkz. Hızlı Etiket Düzenleyici'de kodu düzenleme.
-
Etiketi silmek için menüden Etiketi Kaldır'ı seçin.
Etikete karşılık gelen bir nesne seçme
-
Belgenin içinde tıklatın.
Ekleme noktasına uygulanan etiketler, etiket seçicide görüntülenir.
-
Etiket seçicide bir etiketi tıklatın.
Etiket tarafından temsil edilen nesne sayfada seçilir.
Not:Bağımsız tablo satırları (tr etiketleri) veya hücreleri (td etiketleri) seçmek için bu tekniği kullanın.
Tasarım görünümünde komut dosyalarını yazma ve düzenleme
Hem Tasarım görünümünde hem de Kod görünümünde istemci tarafı JavaScripts ve VBScripts öğeleriyle aşağıdaki yöntemlerle çalışabilirsiniz:
Tasarım görünümünden çıkmadan sayfanız için JavaScript veya VBScript komut dosyası yazın.
Tasarım görünümünden çıkmadan belgenizde harici komut dosyasına bağ oluşturun.
Tasarım görünümünden çıkmadan komut dosyasını düzenleyin.
Başlamadan önce sayfada komut dosyası işaretçilerinin görüntülendiğinden emin olmak için Görünüm > Görsel Yardımcılar > Görünmez Öğeleri seçin.
İstemci tarafı komut dosyası yazma
-
Komut dosyasının olmasını istediğiniz yere ekleme noktasını yerleştirin.
-
Ekle > HTML > Komut'u seçin.
-
Dosya seçimi penceresinde komutu seçin.
Not:Açma veya kapatma komut etiketleri eklemeniz gerekmez.
Seçili dosya için komut etiketi belgeye eklenir.
Komut dosyasını düzenleme
-
Komut dosyası işaretçisini seçin.
-
Özellik denetiminde Düzenle düğmesini tıklatın.
Komut dosyası, Komut Dosyası Özellikleri iletişim kutusunda görüntülenir.
Harici bir komut dosyasına bağ oluşturduysanız dosya, düzenlemeleri yapabileceğiniz Kod görünümünde açılır.
Not:Komut dosyası etiketleri arasında kod varsa, harici komut dosyasına bağ olsa bile Komut Dosyası Özellikleri iletişim kutusu açılır.
-
Dil kutusunda, komut dosyasının dili olarak JavaScript veya VBScript seçeneğini belirleyin.
-
Tür açılır menüsünde komut dosyasının türünü (istemci tarafı veya sunucu tarafı) belirleyin.
-
(İsteğe bağlı) Kaynak kutusunda, harici olarak bağ oluşturulmuş komut dosyasını belirleyin.
Dosyayı seçmek için klasör simgesini veya Gözat düğmesini tıklatın ya da yolu yazın.
-
Komut dosyasını düzenleyin ve Tamam'ı tıklatın.
Tasarım görünümünde ASP sunucu tarafı komut dosyalarını düzenleme
Tasarım görünümünde ASP sunucu tarafı komut dosyalarını incelemek ve değiştirmek için ASP komut dosyası Özellik denetimini kullanın.
-
Tasarım görünümünde sunucu dili görseli simgesini seçin.
-
ASP komut dosyası Özellik denetiminde Düzenle düğmesini tıklatın.
-
ASP sunucu tarafı komut dosyasını düzenleyin ve Tamam'ı tıklatın.
Özellik denetimini kullanarak sayfada komut dosyalarını düzenleme
-
Özellik denetiminde Dil açılır menüsünden komut dosyası yazma dilini seçin veya Dil kutusuna dilin adını yazın.Not:
JavaScript kullanıyor ve sürümünden emin değilseniz, JavaScript1.1 veya JavaScript1.2 yerine JavaScript'i seçin.
-
Tür açılır menüsünde komut dosyasının türünü (istemci tarafı veya sunucu tarafı) belirleyin.
-
(İsteğe bağlı) Kaynak kutusunda, harici olarak bağ oluşturulmuş komut dosyasını belirleyin. Dosyayı seçmek için klasör simgesini tıklatın veya yolu yazın.
-
Komut dosyasını düzenlemek için Düzenle'yi tıklatın.
JavaScript davranışlarını kullanma
Etiket denetiminin Davranışlar sekmesini kullanarak sayfa öğelerine JavaScript (istemci tarafı) davranışlarını kolayca ekleyebilirsiniz. Daha fazla bilgi için bkz. Dreamweaver'da yerleşik JavaScript davranışlarını uygulama.