- 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
Canlı görünümde, Kod görünümünde veya metni ve ilgili özellikleri PSD dosyalarından ayıklayarak metin eklemeyi ve biçimlendirmeyi öğrenin.
Belgeye metin ekleme
Dreamweaver belgesine metin eklemek için metni doğrudan Belge penceresinde yazabilir veya kesip yapıştırabilirsiniz. Ayrıca diğer belgelerden metni içe aktarabilirsiniz.
Dreamweaver belgesine metin yapıştırırken Yapıştır veya Özel Yapıştır komutunu kullanabilirsiniz. Özel Yapıştır komutu, yapıştırılan metnin farklı yöntemlerle formatını belirlemenize olanak sağlar. Örneğin, formatlanmış Microsoft Word belgenizden Dreamweaver belgenize metin yapıştırmak istiyor ancak yapıştırılan metne kendi CSS stil sayfanızı uygulayabilmek için tüm formatlamaları atmak istiyorsanız, Word'de metninizi seçebilir ve yalnızca metni yapıştırmanıza olanak sağlayan Özel Yapıştır komutunu kullanabilirsiniz.
Diğer uygulamalardan metin yapıştırırken Yapıştır komutunu kullandığınızda, yapıştırma tercihlerinizi varsayılan seçenekler olarak ayarlayabilirsiniz.
Control+V (Windows) ve Command+V (Macintosh) tuş bileşimi, Kod görünümünde her zaman yalnızca metni (formatlama olmadan) yapıştırır.
-
Aşağıdakilerden birini yaparak belgenize metin ekleyin:
- Extract panelini kullanarak PSD kompozisyonlarından metin ayıklayın. Ayrıntılı bilgi için bkz. PSD dosyalarından metin kopyalama.
- Metni doğrudan Belge penceresine yazın.
- Metni farklı bir uygulamadan kopyalayın, Dreamweaver'a geçin, Belge penceresinin Tasarım görünümünde ekleme noktasına gidin ve Düzenle > Yapıştır veya Düzenle > Özel Yapıştır'ı seçin.
Düzenle > Özel Yapıştır'ı seçtiğinizde, çeşitli yapıştırma formatlama seçeneklerini belirleyebilirsiniz.
Aşağıdaki klavye kısayollarını kullanarak da metin yapıştırabilirsiniz:
Yapıştırma seçeneği
Klavye kısayolu
Yapıştır
Control+V (Windows)
Command+V (Macintosh)
Özel Yapıştır
Control+Shift+V (Windows)
Command+Shift+V (Macintosh)
Özel karakterler ekleme
HTML'de entity (varlık) olarak adlandırılan, bir ad veya rakam ile tanımlanan bazı özel karakterler vardır. HTML, telif hakkı simgesi (©), ampersan işareti (&), kayıtlı ticari marka simgesi (®) gibi karakterler için varlık adlarını içerir. Her varlığın hem adı (—) hem de sayısal eşdeğeri (—) vardır.
HTML kodunda <> köşeli parantezleri kullanılır ancak büyüktür ve küçüktür özel karakterlerini Dreamweaver kod olarak yorumlamadan göstermeniz gerekebilir. Bu gibi durumlarda, büyüktür (>) işareti için &gt; ve küçüktür (<) işareti için &lt; kullanın.
Ne yazık ki birçok eski tarayıcı, adlandırılan varlıkların birçoğunu düzgün görüntülemez.
-
Belge penceresinde, özel karakter eklemek istediğiniz yere ekleme noktasını yerleştirin.
-
Aşağıdakilerden birini yapın:
Ekle > HTML > Karakter altından karakterin adını seçin.
Ekle panelinin HTML kategorisinde Karakterler seçeneğini tıklatın ve açılır menüden karakteri seçin.
Not:Farklı birçok özel karakter vardır; bunlardan birini seçmek için Ekle > HTML > Karakter > Diğer ... seçeneğini belirleyin veya Ekle panelinin HTML kategorisinde Karakterler düğmesini tıklatın ve Diğer Karakterler seçeneğini belirleyin. Başka Karakter Ekle iletişim kutusunda bir karakter seçin ve Tamam'ı tıklatın.
Karakterler arasına boşluk ekleme
HTML, karakterler arasında yalnızca bir boşluğa izin verir; belgede ek boşluk eklemek için kesmesiz aralık eklemelisiniz. Belgeye otomatik olarak kesmesiz aralık ekleyecek bir tercih ayarlayabilirsiniz.
Kesmesiz aralık ekleme
-
Aşağıdakilerden birini yapın:
Ekle > HTML > Özel Karakterler > Satırı Kesmeyen Boşluk'u seçin.
Control+Shift+Boşluk Çubuğu (Windows) veya Option+Boşluk Çubuğu (Macintosh) tuşlarına basın.
Ekle panelinden HTML'i seçin, Karakterler düğmesini tıklatın ve Kesmesiz Aralık seçeneğini belirleyin.
Kesmesiz aralık eklemek için tercih ayarlama
-
Düzenle > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
-
Genel kategorisinde Birden Çok Ardışık Boşluğa İzin Ver seçeneğinin işaretli olduğundan emin olun.
Paragraf aralığı ekleme
Dreamweaver, birçok sözcük işlemci uygulamasıyla aynı biçimde çalışır: Yeni paragraf oluşturmak için Enter (Windows) veya Return (Macintosh) tuşuna basın. Web tarayıcıları otomatik olarak paragraflar arasına boş satır ekler. Satır sonu ekleyerek paragraflar arasına bir boşluk satırı ekleyebilirsiniz.
Satır başı ekleme
-
Enter (Windows) veya Return (Macintosh) tuşuna basın.
Satır kesmesi ekleme
-
Aşağıdakilerden birini yapın:
Shift+Enter (Windows) veya Shift+Return (Macintosh) tuşlarına basın.
Ekle > HTML > Özel Karakterler > Satır Kesmesi'ni seçin.
Ekle panelinden HTML'i seçin, Karakterler düğmesini tıklatın ve Satır Sonu'nu seçin.
Madde işaretli veya numaralı listeler oluşturma
Belge penceresine yazarken, numaralı (sıralı) listeler, madde işaretli (sırasız) listeler ve mevcut metinden veya yeni metinden tanım listeleri oluşturabilirsiniz.
Tanım listeleri, başlangıçlarında numaralar veya madde işaretleri gibi karakterler kullanmaz ve genellikle sözlüklerde ya da açıklamalarda kullanılır. Ayrıca, listeler yuvalanabilir. Yuvalanmış listeler, diğer listeleri içeren listelerdir. Örneğin, başka bir numaralı veya sıralı listenin içinde sıralı veya madde işaretli liste oluşturabilirsiniz.
Listenin tamamını veya bir liste öğesinin görünümünü ayarlamak için Liste Özellikleri iletişim kutusunu kullanırsınız. Rakam stillerini ayarlayabilir, numaralandırmayı sıfırlayabilir veya bir liste öğesi ya da listenin tamamı için madde işareti stili seçeneklerini belirleyebilirsiniz.
Yeni liste oluşturma
-
Dreamweaver belgesinde, liste eklemek istediğiniz yere ekleme noktasını yerleştirin ve aşağıdakilerden birini yapın:
HTML Özellik denetiminde, Sıralı Liste veya Liste Öğesi'ni tıklatın.
Ekle > HTML'i ve ardından istenilen liste türünü seçin: Sırasız Liste (madde işaretli liste) veya Sıralı Liste (numaralı liste).
Belirtilen liste öğesinin başlangıcındaki karakter, Belge penceresinde görüntülenir.
-
Liste öğesi metnini yazın ve ardından farklı bir liste öğesi oluşturmak için Enter (Windows) veya Return (Macintosh) tuşuna basın.
-
Listeyi tamamlamak için Enter (Windows) veya Return (Macintosh) tuşuna iki kez basın.
Mevcut metni kullanarak liste oluşturma
-
Liste oluşturmak için bir dizi paragraf seçin.
-
Ekle > HTML > Sırasız Liste veya Sıralı liste ya da Liste Öğesi seçeneğini belirleyin.
Yuvalanmış liste oluşturma
-
Yuvalamak istediğiniz liste öğelerini seçin.
-
Sağ tıklatın ve Liste > Girinti'yi seçin.
Dreamweaver, metni girintiler ve orijinal listenin HTML nitelikleriyle ayrı bir liste oluşturur.
-
Yukarıda kullanılan yordamı uygulayarak, girintilenen metne yeni bir liste türü veya stili uygulayın.
Listenin tamamı için liste özelliklerini ayarlama
-
Belge penceresinde en az bir liste öğesi oluşturun. Yeni stil, listeye eklediğiniz diğer öğelere otomatik olarak uygulanacaktır.
-
Ekleme noktası liste öğesinin metnindeyken sağ tıklatın ve Liste > Özellikler'i seçin. Sistem, Liste Özellikleri iletişim kutusunu görüntüler.
-
Listeyi tanımlamak istediğiniz seçenekleri ayarlayın:
Liste Türü
Liste Öğesi, listede bir öğeyi tanımladığından liste özelliklerini belirler. Açılır menüyü kullanarak madde işaretli, numaralı, dizin veya menü listesi seçeneklerinden birini belirleyin. Seçtiğiniz Liste Türü'ne bağlı olarak iletişim kutusunda farklı seçenekler görüntülenir.
Stil
Numaralı veya madde işaretli listede kullanılan numaraların ya da madde işaretlerinin stilini belirler. Listedeki tüm öğeler, listedeki öğeler için yeni bir stil belirlemedikçe bu stili kullanır.
Sayım Başlat
Numaralı listedeki ilk öğenin değerini ayarlar.
-
Seçimleri ayarlamak için Tamam'ı tıklatın.
Liste öğesi için liste özelliklerini ayarlama
-
Belge penceresinde, etkilenmesini istediğiniz liste öğesinin metnine ekleme noktasını yerleştirin.
-
Sağ tıklatın ve Liste > Özellikler'i seçin.
-
Liste Öğesi altında, tanımlamak istediğiniz seçenekleri belirleyin:
Yeni Stil
Seçili liste öğesinin stilini belirler. Yeni Stil menüsündeki stiller, Liste Türü menüsünde görüntülenen liste türüyle ilişkilidir. Örneğin, Liste Öğesi menüsünde Madde İşaretli Liste görüntüleniyorsa Yeni Stil menüsünde yalnızca madde işareti seçenekleri vardır.
Sayım Düzeyi
Numaralı liste öğesi girişlerinin başlayacağı özel numarayı ayarlar.
-
Seçenekleri ayarlamak için Tamam'ı tıklatın.
Metin arama ve değiştirme
Metni bulma ve değiştirme hakkında bilgi için bkz. Bul ve Değiştir özelliğini metin için kullanma.
Kısaltmaları ve kısa adları tanımlama
HTML; arama motorları, yazım denetimleri, dil çeviri programları ve konuşma sentezleyiciler için sayfanızda kullandığınız kısaltmaları ve kısa adları tanımlamanıza olanak sağlayan etiketler sunar. Örneğin, sayfanızdaki MM kısaltmasının makine mühendisini, DSÖ kısa adının ise Dünya Sağlık Örgütü için belirlemek isteyebilirsiniz.
-
Sayfanızdaki metinde bulunan kısaltma veya kısa adı seçin.
-
Ekle > HTML > Metin Nesneleri > Kısaltma'yı veya Ekle > HTML > Metin Nesneleri > Kısa Ad'ı seçin.
-
Kısaltma veya kısa adın tam metnini yazın.
-
Dili girin, örneğin İngilizce için en, Almanca için de veya İtalyanca için it girin.
Kopyalama ve yapıştırma tercihlerini ayarlama
Diğer uygulamalardan metin yapıştırmak için Düzenle > Yapıştır komutunu kullanabilir ve özel yapıştırma tercihlerini varsayılan seçenekler olarak ayarlayabilirsiniz. Örneğin, metni her zaman metin olarak basit formatlama ile metin olarak yapıştırmak istiyorsanız bunu Kopyala/Yapıştır iletişim kutusunda varsayılan seçenek ayarlayabilirsiniz.
Dreamweaver belgesine metin yapıştırırken Yapıştır veya Özel Yapıştır komutunu kullanabilirsiniz. Özel Yapıştır komutu, yapıştırılan metnin farklı yöntemlerle formatını belirlemenize olanak sağlar. Örneğin, formatlanmış Microsoft Word belgenizden Dreamweaver belgenize metin yapıştırmak istiyor ancak yapıştırılan metne kendi CSS stil sayfanızı uygulayabilmek için tüm formatlamaları atmak istiyorsanız, Word'de metninizi seçebilir ve yalnızca metni yapıştırmanıza olanak sağlayan Özel Yapıştır komutunu kullanabilirsiniz.
Kopyala/Yapıştır Tercihleri iletişim kutusunda ayarlanan tercihler yalnızca Tasarım görünümüne yapıştırılan malzemeye uygulanır.
-
Düzenle > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
-
Kopyala/Yapıştır kategorisini tıklatın.
-
Aşağıdaki seçenekleri belirleyin ve Tamam'ı tıklatın.
Salt Metin
Formatlanmamış metni yapıştırmanıza olanak verir. Orijinal metin formatlanmışsa satır sonları ve paragraflar da olmak üzere tüm formatlama kaldırılır.
Yapısı Olan Metin
Yapısını koruyan metni yapıştırmanızı sağlar ancak temel formatlama korunmaz. Örneğin, metni yapıştırabilir ve paragrafların, listelerin ve tabloların yapısını kalın, italik ve diğer formatlamayı korumadan tutabilirsiniz.
Yapısı Olan Metin ve Temel Formatlama
Hem yapıyı hem de basit HTML formatlı metni (örneğin, b, i, u, strong, em, hr, abbr veya acronym etiketiyle formatlanan metnin yanı sıra paragrafları ve tabloları) yapıştırmanıza olanak sağlar.
Yapısı Olan Metin ve Tam Formatlama
Yapısını, HTML formatlamasını ve CSS stillerini koruyan metni yapıştırmanızı sağlar.
Not:Tam Formatlama seçeneği, harici stil sayfasından gelen CSS stillerini ve yapıştırma yaptığınız uygulama Pano'ya yapıştırdıktan sonra stilleri koruyamıyorsa bu stilleri koruyamaz.
Satır Sonlarını Koru
Yapıştırılan metindeki satır sonlarını tutmanıza olanak verir. Salt Metin seçeneğini belirlediyseniz bu seçenek devre dışı bırakılır.
Word Paragraf Aralığını Temizle
“Yapısı Olan Metin” seçeneğini ya da “Yapısı Olan Metin veya Temel Formatlama” seçeneğini belirlediyseniz ve metninizi yapıştırdığınızda paragraflar arasındaki fazla boşluğu ortadan kaldırmak istiyorsanız bu seçeneği belirleyin.
Akıllı tırnakları düz tırnaklara dönüştür Akıllı tırnakları düz tırnaklara dönüştürür.