dreamweaver 5.5 indir / Adobe Dreamweaver CSrar indir

Dreamweaver 5.5 Indir

dreamweaver 5.5 indir

Dream Weaver Cs5 Help Tur

5
Uygulamasını Kullanma
Yasal uyarılar

Yasal uyarılar
Yasal uyarılar için bkz. seafoodplus.info

Son güncelleme 2/5/


iii

İçindekiler
Bölüm 1: Yenilikler
Yenilikler (CS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Yenilikler (CS5) 1

Bölüm 2: Çalışma Alanı


Dreamweaver iş akışı ve çalışma alanı 4
Belge penceresinde çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Araç çubuklarını, denetçileri ve bağlam menülerini kullanma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
CS5 çalışma alanını özelleştirme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Klavye kısayolları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Eklentiler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35

Bölüm 3: Dreamweaver siteleriyle çalışma


Dreamweaver sitesi kurma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Dreamweaver ile Contribute sitelerini yönetme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51

Bölüm 4: Dosya Oluşturma ve Yönetme


Belge oluşturma ve açma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Dosyaları ve klasörleri yönetme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Sunucunuzdan dosya alma ve dosyayı sunucunuza koyma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Dosyaları teslim etme ve teslim alma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
Dosyaları senkronize etme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Dosyaları farklılıklar için karşılaştırma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Dosyaları geri alma (Contribute kullanıcıları) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Sitenizde dosya ve klasör perdeleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99
Tasarım Notları'nda dosya bilgileri depolama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sitenizi test etme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm 5: Varlıkları ve kitaplıkları yönetme


Varlıklar ve kitaplıklar hakkında . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Varlıklarla çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sık kullanılan varlıkların bir listesini oluşturma ve yönetme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kitaplık öğeleri ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm 6: CSS ile sayfa oluşturma


Basamaklı Stil Sayfalarını Anlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
CSS oluşturma ve yönetme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sayfa mizanpajını CSS ile yapma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Div etiketleriyle çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm 7: Sayfa mizanpajını HTML ile yapma


Yerleşim için görsel yardımcılar kullanma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Tablolara sahip içerik sunma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Çerçeveleri Kullanma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA iv
İçindekiler

Bölüm 8: Sayfalara içerik ekleme


Sayfalarla çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
İçerik ekleme ve formatlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Görüntü ekleme ve değiştirme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Web sayfalarına video gömme (HTML5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
SWF dosyaları ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
FLV dosyaları ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Web widget'ları ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Ses Ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Başka medya nesneleri ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Görevleri otomatikleştirme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm 9: Bağlama ve gezinme


Bağlama ve gezinme hakkında . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Bağ oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Atla menüleri . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Gezinme çubukları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Görüntü eşlemeleri . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Bağlarla ilgili sorunları giderme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Sayfaları önizleme


Sayfaları Dreamweaver'da önizleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sayfaları tarayıcılarda önizleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sayfaları mobil aygıtlarda önizleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Sayfa koduyla çalışma


Dreamweaver'da kodlamaya ilişkin genel bilgiler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kodlama ortamını ayarlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kodlama tercihlerini ayarlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kod yazma ve düzenleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kodu daraltma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kodu en iyileştirme ve hata giderme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Tasarım görünümünde kodu düzenleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sayfaların başlık içeriğiyle çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sunucu tarafındaki içerikle çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Etiket kitaplıklarını yönetme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dreamweaver'a özel etiketleri içe aktarma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm JavaScript davranışları ekleme


JavaScript davranışlarını kullanma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Yerleşik Dreamweaver davranışları uygulama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Diğer uygulamalarla çalışma


Uygulamalar arasında entegrasyon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Fireworks ile çalışma ve Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Photoshop ile çalışma ve Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Flash ile çalışma ve Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Adobe Bridge ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA v
İçindekiler

Device Central ile Çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


ConnectNow ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dreamweaver için AIR Uzantısı . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Şablon oluşturma ve yönetme


Dreamweaver şablonları hakkında . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Şablonları ve şablon tabanlı belgeleri tanıma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dreamweaver şablonu oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Düzenlenebilir bölgeler oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Yinelenen bölgeler oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
İsteğe bağlı bölgeler oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Düzenlenebilir etiket niteliklerini tanımlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Yuvalanmış bir şablon oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Şablonları düzenleme, güncelleştirme ve silme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Şablon içeriğini dışa ve içe aktarma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Varolan bir belgenin şablonunu uygulama veya kaldırma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Şablon tabanlı bir belgedeki içeriği düzenleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Şablon sözdizimi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Şablonlar için yazarlık tercihleri belirleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Spry sayfalarını görsel olarak oluşturma


Spry çerçevesi hakkında . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Spry widget'ları ile çalışma (genel talimatlar) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Akordeon widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Menü Çubuğu widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Daraltılabilir Panel widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sekmeli Paneller widget'ıyla çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Araç İpucu widget'ıyla çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doğrulama Radyo Grubu widget'ıyla çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doğrulama Metin Alanı widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doğrulama Metin Alanı widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doğrulama Seçimi widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doğrulama Onay Kutusu widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doğrulama Şifresi widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Doğrulama Onayı widget'ı ile çalışma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Spry ile veri görüntüleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Spry efektleri ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Birden fazla ekran ve aygıt için tasarlama


Ortam sorguları oluşturma (CS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sayfa yönlendirmesini değiştirme (CS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Mobil aygıtlar için web uygulamaları oluşturma (CS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Web uygulamalarını yerel mobil uygulamalar olarak dağıtma (CS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Çoklu Ekran Önizlemesi'ni kullanarak sayfaların önizlemesini yapma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA vi
İçindekiler

Bölüm Adobe Çevrimiçi Hizmetler'i Kullanma


Adobe Çevrimiçi hizmetleri . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
BrowserLab . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Business Catalyst InContext Editing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm XSLT ile birlikte XML verilerini görüntüleme


XML ve XSLT hakkında . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
XSL dönüşümlerini sunucuda gerçekleştirme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
XSL dönüşümlerini istemcide gerçekleştirme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Eksik karakter elemanları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Dinamik siteler oluşturmaya hazırlanma


Web uygulamalarını anlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Bilgisayarınızı uygulama geliştirme için ayarlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
ColdFusion geliştiricileri için veritabanı bağlantıları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
ASP geliştiricileri için veritabanı bağlantıları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
PHP geliştiricileri için veritabanı bağlantıları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sorun giderme:veritabanı bağlantıları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Bağlantı komut dosyalarını kaldırma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Sayfaları dinamik yapma


Görsel geliştirme için çalışma alanını en iyileştirme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dinamik sayfalar tasarlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dinamik içerik kaynaklarına genel bakış . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dinamik içerik panelleri . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dinamik içeriğin kaynaklarını tanımlama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Sayfalara dinamik içerik ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Dinamik içeriği değiştirme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Veritabanı kayıtlarını görüntüleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Canlı veri görüntüleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Özel sunucu davranışları ekleme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Uygulamaları görsel olarak oluşturma


Kalıp ve ayrıntı sayfaları oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Arama ve sonuç sayfaları oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Kayıt ekleme sayfası oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Bir kaydı güncelleştirmek için sayfalar oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Bir kaydı silmek için sayfalar oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Gelişmiş veri yönetimi nesneleriyle sayfalar oluşturma (ColdFusion, ASP) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
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 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Uygulamanızdaki bir klasörün güvenliğini sağlama (ColdFusion) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
ColdFusion bileşenlerini kullanma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA vii
İçindekiler

Bölüm Formlar oluşturma


Kullanıcılardan bilgi toplama . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Web formları oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
ColdFusion formları oluşturma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Bölüm Erişilebilirlik


Dreamweaver ve erişilebilirlik . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Son güncelleme 2/5/


1

Bölüm 1: Yenilikler

Yenilikler (CS)
Çoklu ekran desteği Tasarımlarınızı standart ekran çözünürlüklerinde önizleyin veya çözünürlüğü tanımlamak için
medya sorgularını kullanın. Aygıtın nasıl tutulduğuna bağlı olarak sayfa yönlendirmesini değiştiren aygıtlar için test
yaparken, önizleme sırasında yatay ve dikey seçeneklerini kullanın. Daha fazla bilgi için bkz. “Birden fazla ekran ve
aygıt için tasarlama” sayfa
Ortam sorgusu desteği Farklı ekran çözünürlükleri için sitenizin görünüşünü özelleştirmek üzere ortam sorgularını
kullanın. Daha fazla bilgi için bkz. “Ortam sorguları oluşturma (CS)” sayfa
Mobil aygıtlar arasında çalışan web uygulamaları oluşturma jQuery Mobile widget'ını kullanarak hızlı bir şekilde
birçok mobil aygıtta çalışan bir web uygulaması tasarlayın. Daha fazla bilgi için bkz. “Mobil aygıtlar için web
uygulamaları oluşturma (CS)” sayfa
Uygulamalarınızı Android, iPhone ve iPad için paketleme Uygulamalarınızı Dreamweaver'da paketleyin ve Android™
ve iOS tabanlı cihazlara dağıtın. Daha fazla bilgi için bkz. “Web uygulamalarını yerel mobil uygulamalar olarak
dağıtma (CS)” sayfa
HTML5, CSS3 ve jQuery desteği Dreamweaver HTML5, CSS3 ve jQuery için kod ipucunu destekler.

Ayrıca en baştan HTML5 sayfaları oluşturmak için başlangıç mizanpajları da mevcuttur. Dreamweaver HTML
sayfalarına video gömmek için HTML5 özelliğini destekler. Daha fazla bilgi için bkz. “Web sayfalarına video gömme
(HTML5)” sayfa
CSS paneli yaygın olarak kullanılan CSS3 özelliklerini desteklemek için geliştirilmiştir. Daha fazla bilgi için bkz. “Kod
ipuçları” sayfa ve “CSS stilleri panelinde CSS3 desteğindeki geliştirmeler (CS)” sayfa
FTPS desteği FTPS kullanarak veri aktarın. FTPS (SSL üzerinden FTP), şifreleme desteği sağlayan SFTP ile
karşılaştırıldığında hem şifreleme hem de kimlik doğrulama desteği sağlar. Daha fazla bilgi için bkz. “FTPS bağlantıları
için seçenekleri ayarlama (CS)” sayfa
W3C doğrulayıcısı desteği Dreamweaver'da W3C doğrulayıcısını kullanarak standartlarla uyumlu HTML ve XHTML
sayfaları oluşturun. Daha fazla bilgi için bkz. “W3C doğrulayıcı kullanarak belgeleri doğrulama (CS)” sayfa

Yenilikler (CS5)
Adobe BrowserLab
Dreamweaver CS5, CS Live'ın tarayıcılar arası uyumluluk testi için hızlı ve doğru çözüm sağlayan yeni çevrimiçi
hizmetlerinden biri olan Adobe BrowserLab ile entegre olur. BrowserLab ile birden fazla görüntüleme ve kıyaslama
aracı kullanarak web sayfalarının ve yerel içeriğin önizlemesini yapabilirsiniz. Bkz. “BrowserLab” sayfa

Business Catalyst entegrasyonu


Adobe Business Catalyst geleneksel masaüstü araçlarını web tasarımcıları için tek bir merkezi platformla değiştiren,
barındırılan bir uygulamadır. Uygulama Dreamweaver'la birlikte çalışır ve temel verilere dayalı web sitelerinden,
sağlam yapılı çevrimiçi mağazalara kadar her türlü siteyi oluşturabilirsiniz. Bkz.
seafoodplus.info

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 2
Yenilikler

CSS geliştirmeleri

CSS Etkinleştir/Devre Dışı Bırak


CSS Etkinleştir/Devre Dışı Bırak, CSS özelliklerini doğrudan CSS Stilleri panelinden devre dışı bırakmanıza ve yeniden
etkinleştirmenize izin verir. Bir CSS özelliğini devre dışı bırakmak, belirtilen özelliği gerçekten silmeden kapsam dışı
bırakır. Bkz. “CSS Etkinleştir/Devre Dışı Bırak” sayfa

CSS İncelemesi
İnceleme modu CSS kutu modeli özelliklerini (dolgu, kenarlık ve kenar boşluğu dahil olmak üzere), kod okumadan
veya Firebug gibi ayrı bir üçüncü taraf hizmeti gerektirmeden görsel olarak ayrıntılı bir şekilde görüntülemenize izin
verir. Bkz. “CSS'yi Canlı görünümde inceleme” sayfa

CSS başlangıç mizanpajları


Dreamweaver CS5 güncelleştirilmiş ve basitleştirilmiş CSS başlangıç mizanpajları içerir. CS4 mizanpajlarındaki
karmaşık alt seçiciler kaldırıldı ve basitleştirilmiş, anlaşılması kolay sınıflarla değiştirildi. Bkz. “CSS mizanpajıyla sayfa
oluşturma” sayfa

Dinamik Olarak İlgili Dosyalar


Dinamik Olarak İlgili Dosyalar özelliği PHP tabanlı İçerik Yönetimi Sistemi sayfalarını birleştirmek için gereken tüm
harici dosyaları ve komut dosyalarını keşfetmenize izin verir ve bunların dosya adlarını İlgili Dosyalar araç çubuğunda
görüntüler. Varsayılan olarak Dreamweaver Wordpress, Drupal ve Joomla! CSM çerçeveleri için dosya keşfini
destekler. Bkz. “Dinamik Olarak İlgili Dosyaları Açma” sayfa

Canlı görünüm gezinme


Canlı görünüm gezinme Canlı görünümde bağlantıları etkinleştirir ve sunucu tarafı uygulamalarla ve dinamik
verilerle etkileşime geçmenize izin verir. Bu uygulama ayrıca canlı bir web sunucusunun sunduğu sayfaları incelemek
için bir URL girmenize ve yerel olarak tanımladığınız sitelerinizin birinde varsa göz attığınız sayfaları düzenlemenize
izin verir. Bkz. “Sayfaları Dreamweaver'da önizleme” sayfa

PHP özel sınıfı kod ipuçları


PHP özel sınıfı kod ipuçları PHP işlevleri, nesneleri ve sabitleri için düzgün söz dizimini görüntüleyerek daha düzgün
kod yazmanıza yardımcı olur. Kod ipuçları Zend çerçevesi gibi üçüncü taraf çerçevelerinin yanında sizin kendi özel
işlev ve sınıflarınızla da çalışır.

Basitleştirilmiş site kurulumu


Yakın zamanda yeniden tasarlanmış Site Tanımı iletişim kutusu (artık Site Kurulumu iletişim kutusu), hemen web
sayfaları yapmaya başlayabilmeniz için yerel Dreamweaver sitesi kurma işlemini daha kolay hale getirir. Uzak sunucu
kategorisi, uzak ve test sunucularınızı tek bir görünümde belirtmenize izin verir. Bkz. “Yeni bir site kurma” sayfa

Siteye özgü kod ipuçları


Siteye özgü kod ipuçları özelliği, üçüncü taraf PHP kitaplıkları ve WordPress, Drupa, Joomla! gibi CMS çerçeveleri
veya diğer çerçevelerle çalışırken kod ortamınızı özelleştirmenize izin verir. Bloglar için tema dosyaları ve diğer özel
PHP dosyaları ve dizinleri, kod ipuçları için kaynak olarak dahil edilebilir veya dışarıda bırakılabilir. Bkz. “Siteye özgü
kod ipuçları” sayfa

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 3
Yenilikler

Subversion destek geliştirmeleri


Dreamweaver CS5 Subversion için desteği genişletir ve bu dosyaları yerel olarak taşımanıza, kopyalamanıza ve
silmenize ve daha sonra değişiklikleri uzak SVN deposuyla senkronize etmenize izin verir. Yeni Geri Döndür komutu,
ağaç çakışmalarını hemen düzeltmenize veya dosyanın daha önceki bir sürümüne geri dönmenize izin verir. Ek olarak,
yeni bir uzantı belirli bir projede hangi Subversion sürümüyle çalışmak istediğinizi belirtmenize izin verir. Bkz.
“Dosyaları almak ve teslim etmek için Subversion (SVN) kullanma” sayfa

Çıkartılmış özellikler
Aşağıdaki özellikler Dreamweaver CS5'ten itibaren çıkartılmıştır:
• Erişilebilirlik doğrulama raporu
• ASP/JavaScript sunucu davranışları
• Tarayıcıyı JavaScript davranışını denetleme
• Site tanımlamadan FTP/RDS sunucusuna bağlanma
• Shockwave veya SWF JavaScript davranışını denetleme
• Web Fotoğraf Albümü Oluşturma
• Açılır Menü JavaScript davranışını gizleme
• InContext Editing Kullanılabilir CSS Sınıflarını Yönetme
• FlashPaper Ekleme
• Mark of the Web Kodu Ekleme/Kaldırma
• Microsoft Visual SourceSafe entegrasyonu
• Gezinme çubukları
• Ses Çal JavaScript davranışı
• Olaylar menüsünü görüntüleme (Davranışlar paneli)
• Açılır Menüyü Göster JavaScript davranışı
• JavaScript davranışları ekleme
• Etiketleri doğrulama
• Canlı Verileri Görüntüleme

Son güncelleme 2/5/


4

Bölüm 2: Çalışma Alanı

Dreamweaver iş akışı ve çalışma alanı


Dreamweaver iş akışına genel bakış
Web sitesi oluşturmak için birçok yaklaşım kullanabilirsiniz. Bunlardan biri şu şekildedir:

Sitenizi planlama ve kurma


Dosyaların nerelere konulacağını belirleyin ve sitenin gereklerini, dinleyici kitlesi profillerini ve sitenin amaçlarını
gözden geçirin. Buna ek olarak kullanıcı erişiminin yanı sıra tarayıcı, eklenti ve indirme kısıtlamaları gibi teknik
gerekleri de değerlendirin. Bilgilerinizi düzenledikten ve bir yapı belirledikten sonra sitenizi oluşturmaya
başlayabilirsiniz. (Bkz. “Dreamweaver siteleriyle çalışma” sayfa )

Site dosyalarınızı organize etme ve yönetme


Gerektiğinde düzeni değiştirmek için Dosyalar panelinde kolayca dosya ve klasör ekleyebilir, silebilir ve yeniden
adlandırabilirsiniz. Dosyalar panelinde ayrıca sitenizi yönetmek, uzak bir sunucu ile site arasında dosya aktarmak,
dosyaların üzerine yazılmasını önlemek için Teslim Et/Teslim Al süreci kurmak, yerel ve uzak sitelerinizdeki dosyaları
senkronize etmek için birçok araç bulunur. Varlıklar panelinden sitedeki varlıkları kolayca organize edebilirsiniz;
sonra bu varlıkların çoğunu doğrudan Varlıklar panelinden birDreamweaver belgesine sürükleyebilirsiniz.
Dreamweaver uygulamasını ayrıca Adobe®Contribute® sitelerinizin çeşitli yönlerini yönetmek için de kullanabilirsiniz.
(Bkz. “Dosyaları ve klasörleri yönetme” sayfa 72 ve “Varlıkları ve kitaplıkları yönetme” sayfa )

Web sayfalarınızın mizanpajını yapma


Sitenizin görünümünü oluşturmak için kendinize uygun bulduğunuz mizanpaj tekniğini seçin veya Dreamweaver
mizanpaj tekniklerini birbirleri ile birlikte kullanın. Mizanpajınızı oluşturmak için Dreamweaver AP öğeleri, CSS
konumlandırma stilleri veya önceden tasarlanmış CSS mizanpajları kullanabilirsiniz. Tablo araçları, sayfa yapınızı
önce çizip sonra yeniden düzenleyerek sayfalarınızı çabucak tasarlamanıza olanak verir. Bir tarayıcıda aynı anda
birden çok öğeyi göstermek istiyorsanız, belgelerinizin mizanpajı için çerçeve kullanabilirsiniz. Son olarak
Dreamweaver şablonunu esas alarak yeni sayfalar oluşturabilir, sonra şablon değiştiğinde bu sayfaların mizanpajını
otomatik olarak güncelleştirebilirsiniz. (Bkz. “CSS ile sayfa oluşturma” sayfa ve “Sayfa mizanpajını HTML ile
yapma” sayfa )

Sayfalara içerik ekleme


Metin, görüntü, rollover görüntüleri, görüntü eşlemeleri, renkler, filmler, ses, HTML bağları, atla menüleri ve daha
pek çok şey gibi varlıklar ve tasarım öğeleri ekleyin. Başlık ve arka plan gibi öğeler için yerleşik sayfa oluşturma
özellikleri kullanabilir, doğrudan sayfaya yazabilir veya başka belgelerden içerik aktarabilirsiniz. Dreamweaver ayrıca;
ziyaretçi Gönder düğmesini tıklattığında formun geçerliliğini doğrulama veya ana sayfanın yüklenmesi
tamamlandığında ikinci bir tarayıcı penceresi açma gibi belirli olaylara karşılık olarak görevler gerçekleştirmek için
davranışlar sunar. Son olarak Dreamweaver, web sitesi performansını maksimum düzeye çıkarmak ve farklı web
tarayıcıları ile uyumluluklarından emin olmak üzere sayfaları test etmek için araçlar sunar. (Bkz. “Sayfalara içerik
ekleme” sayfa )

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 5
Çalışma Alanı

El ile kod yazarak sayfa oluşturma


Web sayfalarının kodunu el ile yazma, başka bir sayfa oluşturma yaklaşımıdır. Dreamweaver, kullanımı kolay görsel
düzenleme araçları, ayrıca gelişmiş bir kod yazma ortamı sağlar; böylece sayfa oluşturmak veya düzenlemek için bu
yaklaşımlardan herhangi birini veya ikisini birden kullanabilirsiniz. (Bkz. “Sayfa koduyla çalışma” sayfa )

Dinamik içerik için web uygulaması kurma


Birçok web sitesinde ziyaretçilerin veritabanlarında saklanan bilgileri görüntülemesine; genellikle de bazı
ziyaretçilerin veritabanlarına yeni bilgiler ekleyip buradaki bilgileri düzenlemelerine olanak veren dinamik sayfalar
bulunur. Böyle sayfalar oluşturmak için önce bir web sunucusu ve uygulama sunucusu kurmalı, bir Dreamweaver
sitesi oluşturmalı veya değiştirmeli ve bir veritabanına bağlanmalısınız. (Bkz. “Dinamik siteler oluşturmaya
hazırlanma” sayfa )

Dinamik sayfalar oluşturma


Dreamweaver uygulamasında; veritabanlarından çıkarılmış kayıt kümeleri, form parametreleri ve JavaBeans
bileşenleri gibi çeşitli dinamik içerik kaynakları tanımlayabilirsiniz. Sayfaya dinamik içerik eklemek için içeriği sayfaya
sürüklemeniz yeterlidir.
Sayfanızı aynı anda bir tek kayıt veya birçok kayıt ve birden çok kayıt sayfası gösterecek şekilde kurabilir, bir kayıt
sayfasından diğerine ileri (veya geri) gitmek için özel bağlar ekleyebilir ve kullanıcıların kayıtları takip edebilmeleri için
kayıt sayaçları oluşturabilirsiniz. Sitenizin uygulama veya ticari mantığını, Adobe® ColdFusion® uygulaması ve web
servisleri gibi teknolojiler kullanarak modüler hale getirebilirsiniz. Daha fazla esneklik istiyorsanız özel sunucu
davranışları ve etkileşimli formlar oluşturabilirsiniz. (Bkz. “Sayfaları dinamik yapma” sayfa )

Test etme ve yayınlama


Sayfalarınızı test etme, geliştirme döngüsü boyunca devam eden bir süreçtir. Döngünün sonunda siteyi bir sunucuda
yayınlarsınız. Birçok geliştirici ayrıca, sitenin güncel ve işlevsel kalmasını sağlamak için düzenli aralıklarla bakım
programı yaparlar. (Bkz. “Sunucunuzdan dosya alma ve dosyayı sunucunuza koyma” sayfa )
Dreamweaver ile neler yapabileceğinize ilişkin video eğitimi için bkz. seafoodplus.info

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


Dreamweaver çalışma alanı, belgeleri ve nesne özelliklerini görüntülemenize olanak verir. Çalışma alanı ayrıca araç
çubuklarına en genel birçok işlemi de yerleştirir, böylece belgelerinizde hızlıca değişiklik yapabilirsiniz.
Windows® sisteminde, Dreamweaver uygulaması hepsi bir arada entegre mizanpaj sunar. Entegre çalışma alanında
tüm pencere ve paneller tek bir büyük uygulama penceresine entegre edilmiştir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 6
Çalışma Alanı

A B C D E F

G H I
A. Uygulama çubuğu B. Belge araç çubuğu C. Belge penceresi D. Çalışma alanı değiştiricisi E. Panel grupları F. CS Live G. Etiket seçici
H. Özellik denetçisi I. Dosyalar paneli

Mac OS® sisteminde Dreamweaver, her belgeyi tanımlayan sekmeler kullanarak birden çok belgeyi tek bir pencerede
görüntüler. Dreamweaver ayrıca, içinde her belgenin kendi penceresinde görüntülendiği kayar bir çalışma alanı da
görüntüleyebilir. Panel grupları başlangıçta bir araya sabitlenmiştir ancak kendi pencerelerinde serbest bırakılabilir.
Panel grupları sabitlenmiş durumdayken ve belge alanı ekranı kapladığında, panelleri yeniden boyutlandırma veya
gösterme ve gizleme Windows'ta olduğu gibi ana belgeyi otomatik olarak boyutlandırır.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 7
Çalışma Alanı

A B C D E F

G H I
A. Uygulama çubuğu B. Belge araç çubuğu C. Çalışma alanı değiştiricisi D. Belge penceresi E. CS Live F. Panel grupları G. Etiket seçici
H. Özellik denetçisi I. Dosyalar paneli

Farklı Dreamweaver çalışma alanlarıyla ilgili eğitim için bkz. seafoodplus.info

Daha fazla Yardım konusu


“Araç çubuklarını, denetçileri ve bağlam menülerini kullanma” sayfa 21
“CS5 çalışma alanını özelleştirme” sayfa 23
“Sekmeli belgeleri gösterme (Dreamweaver Macintosh)” sayfa 28
Dreamweaver çalışma alanı eğitimi

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


Çalışma alanında aşağıdaki öğeler bulunur.
Not: Dreamweaver birçok başka panel, denetçi ve pencere sağlar. Panelleri, denetçileri ve pencereleri açmak için Pencere
menüsünü kullanın.
Karşılama ekranı Son çalıştığınız belgelerden birini açmanıza veya yeni bir belge oluşturmanıza olanak verir.
Karşılama ekranında ayrıca, bir ürün gezisi yaparak veya eğitim alarak Dreamweaver hakkında daha fazla bilgi
edinebilirsiniz.
Uygulama çubuğu Uygulama penceresinin üst kısmında bir çalışma alanı değiştiricisi, menüler (yalnızca Windows)
ve diğer uygulama denetimleri bulunur.
Belge araç çubuğu Belge penceresinin farklı görünümleri (örneğin Tasarım görünümü veya Kod görünümü) için
seçenekler, çeşitli görüntüleme seçenekleri ve örneğin tarayıcıda önizleme gibi bazı sık kullanılan işlemler sunan
düğmeler içerir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 8
Çalışma Alanı

Standart araç çubuğu (Varsayılan çalışma alanı mizanpajında gösterilmez.) Dosya ve Düzen menülerindeki sık
kullanılan işlemlerin düğmelerini içerir: Yeni, Aç, Bridge'de Gözat, Kaydet, Tümünü Kaydet, Kodu Yazdır, Kes,
Kopyala, Yapıştır, Geri Al ve Yinele. Standart araç çubuğunu göstermek için Görünüm > Araç Çubukları > Standart'ı
seçin.
Kodlama araç çubuğu (Yalnızca Kod görünümünde gösterilir.) Birçok standart kodlama işlemini yapmanızı sağlayan
düğmeler içerir.
Stil Oluşturma araç çubuğu (Varsayılan olarak gizlidir.) Medyaya bağımlı stil sayfaları kullanmanız halinde
tasarımınızın farklı medya türlerinde nasıl görüneceğini görmenize olanak veren düğmeler içerir. Ayrıca Basamaklı
Stil Sayfaları (CSS) stillerini etkinleştirmenizi veya devre dışı bırakmanızı sağlayan bir düğme içerir.
Belge penceresi Hazırlama ve düzenleme sırasında geçerli belgeyi gösterir.

Özellik denetçisi Seçili nesne veya metnin çeşitli özelliklerini görüntülemenizi ve değiştirmenizi sağlar. Her nesne
farklı özelliklere sahiptir. Özellik denetçisi, Kodlayıcı çalışma alanı mizanpajında varsayılan olarak genişletilmez.
Etiket seçici 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.
Paneller Çalışmanızı izlemenize ve değiştirmenize yardım eder. Örnekler arasında Ekle paneli, CSS Stilleri paneli ve
Dosyalar paneli bulunur. Bir paneli genişletmek için ilgili sekmeyi çift tıklatın.
Ekle paneli 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.
Dosyalar paneli 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, aynen
Windows Gezgini (Windows) veya Finder (Macintosh) ile olduğu gibi erişmenize olanak verir.

Daha fazla Yardım konusu


“Belge penceresinde çalışma” sayfa 17
“Araç çubuklarını, denetçileri ve bağlam menülerini kullanma” sayfa 21
“Pencereleri ve panelleri yönetme” sayfa 23

Belge penceresine genel bakış


Belge penceresi geçerli belgeyi gösterir. Aşağıdaki görünümlerden herhangi birini seçebilirsiniz:
Tasarım görünümü Görsel sayfa mizanpajı, görsel düzenleme ve hızlı uygulama geliştirme için tasarım ortamı. 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.
Kod görünümü HTML, JavaScript, sunucu dili kodu—PHP veya ColdFusion İşaretleme Dili (CFML) gibi—ve diğer
türdeki kodları yazma ve düzenleme için el ile kod yazma ortamı.
Bölünmüş Kod görünümü Kod görünümünün, aynı anda belgenin farklı bölümleri arasında geçiş yaparak çalışmanıza
olanak veren bölünmüş hali.
Kod ve Tasarım görünümü Aynı belgeyi tek pencerede hem Kod görünümünde hem de Tasarım görünümünde
görmenizi sağlar.
Canlı görünüm Canlı görünümde Tasarım görünümüyle benzer şekilde, belgenizin bir tarayıcıda nasıl görüneceğine
ilişkin daha gerçekçi bir örnek görüntülenir ve bu görünüm tarayıcıda olduğu gibi belgeyle etkileşim kurmanıza olanak

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 9
Çalışma Alanı

verir. Canlı görünüm düzenlenemez. Ancak düzenlemeleri Kod görünümünde yapıp değişiklikleri görmek için Canlı
görünümü yenileyebilirsiniz.
Canlı Kod görünümü Yalnızca bir belge Canlı görünümde görüntülenirken kullanılabilir. Canlı Kod görünümü
sayfayı yürütmek için tarayıcı tarafından kullanılan gerçek kodu gösterir ve Canlı görünümde sayfayla etkileşim
kurulurken dinamik olarak değişir. Canlı Kod görünümü düzenlenemez.
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. Dosya üzerinde değişiklikler yaptıysanız ve henüz bu değişiklikleri
kaydetmediyseniz Dreamweaver, dosya adının sonunda bir yıldız işareti görüntüler.
Bir belgeye geçmek için o belgenin sekmesini tıklatın.
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.

Daha fazla Yardım konusu


“Belge penceresinde çalışma” sayfa 17
“Canlı görünüm hakkında” sayfa
“İlgili Dosyaları Açma” sayfa 68
“Dreamweaver'da kodlamaya ilişkin genel bilgiler” sayfa

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. Aşağıdaki resimde genişletilmiş Belge araç çubuğu gösterilmektedir.
A B C D E F G H I J K L

A. Kod görünümü göster B. Kod ve Tasarım görünümünü göster C. Tasarım görünümünü göster D. Canlı Kod görünümü E. Tarayıcı
Uyumluluğunu Denetle F. Canlı görünüm G. CSS İnceleme modu H. Tarayıcıda Önizle/Hata Ayıkla I. Görsel Yardımcılar J. Tasarım
Görünümünü Yenile K. Belge Başlığı L. Dosya Yönetimi

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


Kod Görünümü Göster Belge penceresinde yalnızca Kod görünümünü gösterir.

Kod ve Tasarım Görünümlerini Göster Belge penceresini Kod ve Tasarım görünümleri arasında ayırır. Bu birleşik
görünümü seçtiğinizde, Görünüm Seçenekleri menüsünde Tasarım Görünümü Üstte seçeneği görüntülenir.
Tasarım Görünümünü Göster Belge penceresinde yalnızca Tasarım görünümünü gösterir.

Not: XML, JavaScript, CSS veya diğer kod tabanlı dosya türleri ile çalışıyorsanız, Tasarım görünümünde dosyaları
görüntüleyemezsiniz ve Tasarım ve Bölünmüş düğmeleri soluklaşır.
Canlı Görünüm Belgenin düzenlenemeyen, etkileşimli ve tarayıcı tabanlı bir görünümünü gösterir.

Canlı Kod Görünümü Sayfayı yürütmek için tarayıcı tarafından kullanılan gerçek kodu görüntüler.

Belge Başlığı Belgeniz için, tarayıcının başlık çubuğunda gösterilecek bir başlık girmenize olanak verir. Belgenizin
zaten bir başlığı varsa, bu alanda görünür.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 10
Çalışma Alanı

Dosya Yönetimi Dosya Yönetimi açılır menüsünü gösterir.

Tarayıcıda Önizle/Hata Ayıkla Belgenizi bir tarayıcıda önizlemenize veya belgenizin hatalarını ayıklamanıza olanak
verir. Açılır menüden bir tarayıcı seçin.
Tasarım Görünümünü Yenile Kod görünümünde değişiklik yapıldıktan sonra belgenin Tasarım görünümünü yeniler.
Kod görünümünde yaptığınız değişiklikler, dosyayı kaydetmek veya bu düğmeyi tıklatmak gibi belirli eylemler
gerçekleştirilene kadar Tasarım görünümünde kendiliğinden görünmez.
Not: Yenileme ayrıca, örneğin bir kod bloğunun açma veya kapatma etiketlerini seçebilme gibi DOM'a (Document
Object Model - Belge Nesne Modeli) bağımlı kod özelliklerini de güncelleştirir.
Görünüm Seçenekleri Kod görünümü ve Tasarım görünümlerine ilişkin (hangisinin diğerinin üstünde olacağı gibi)
seçenekleri belirlemenize olanak verir. Menüdeki seçenekler geçerli görünüm içindir: Tasarım görünümü, Kod
görünümü veya her ikisi de.
Görsel Yardımcılar Sayfalarınızı tasarlamak için farklı görsel yardımcılar kullanmanıza olanak verir.

İşaretleri Doğrula Geçerli belgeyi veya seçili bir etiketi doğrulamanıza olanak verir.

Tarayıcı Uyumluluğunu Denetle CSS'nizin farklı tarayıcılar ile uyumlu olup olmadığını denetlemenize olanak verir.

Daha fazla Yardım konusu


“Araç çubuklarını gösterme” sayfa 21
“Canlı görünümde sayfaları önizleme” sayfa
“Kodlama tercihlerini ayarlama” sayfa
“Başlık içeriğini görüntüleme ve düzenleme” sayfa
“Yerleşim için görsel yardımcılar kullanma” sayfa

Standart araç çubuğuna genel bakış


Standart araç çubuğu, Dosya ve Düzen menülerindeki sık kullanılan işlemler için düğmeler içerir: Yeni, Aç, Bridge'de
Gözat, Kaydet, Tümünü Kaydet, Kodu Yazdır, Kes, Kopyala, Yapıştır, Geri Al ve Yinele. Bu düğmeleri onlara eşdeğer
menü komutlarını kullandığınız şekilde kullanın.

Daha fazla Yardım konusu


“Araç çubuklarını gösterme” sayfa 21
“Belge oluşturma ve açma” sayfa 59

Stil Oluşturma araç çubuğuna genel bakış


Stil Oluşturma araç çubuğu (varsayılan olarak gizlidir) medyaya bağımlı stil sayfaları kullanıyorsanız, tasarımınızın
farklı medya türlerinde nasıl görüneceğini görmenize olanak veren düğmeler içerir. CSS stillerini etkinleştirmenizi
veya devre dışı bırakmanızı sağlayan bir düğme de içerir. Bu araç çubuğunu görüntülemek için Görünüm > Araç
çubukları > Stil Oluşturma'yı seçin.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 11
Çalışma Alanı

Bu araç çubuğu yalnızca belgeleriniz medyaya bağımlı stil sayfaları kullanıyorsa çalışır. Örneğin stil sayfanız yazdırma
medyası için bir gövde kuralı ve avuçiçi cihazlar için farklı bir gövde kuralı belirtiyor olabilir. Medyaya bağlı stil
sayfaları oluşturma hakkında daha fazla bilgi için seafoodplus.info adresindeki World Wide Web
Konsorsiyumu web sitesine bakın.
Varsayılan olarak Dreamweaver, ekran medya türününe yönelik tasarımınızı görüntüler (sayfanın bilgisayarınızın
ekranında nasıl oluşturulacağını gösterir). Stil Oluşturma araç çubuğunda ilgili düğmeleri tıklatarak aşağıdaki medya
türü oluşturmalarını görüntüleyebilirsiniz.
Ekran Medya Türü Oluştur Sayfanın bilgisayar ekranında nasıl görüntüleneceğini gösterir.

Yazdırma Medya Türü Oluştur Sayfanın yazdırılan kağıtta nasıl görüneceğini gösterir.

Avuçiçi Medya Türü Oluştur Sayfanın cep telefonu veya BlackBerry cihazı gibi bir avuçiçi cihazda nasıl
görüntüleneceğini gösterir.
Projeksiyon Medya Türü Oluştur Sayfanın projeksiyon cihazında nasıl görüntüleneceğini gösterir.

TTY Medya Türü Oluştur Sayfanın yazı makinesinde nasıl görüneceğini gösterir.

TV Medya Türü Oluştur Sayfanın televizyon ekranında nasıl görüntüleneceğini gösterir.

CSS Stillerinin Görüntülenmesini Değiştir CSS stillerini etkinleştirmenize veya devre dışı bırakmanıza olanak sağlar.
Bu düğme, diğer medya düğmelerinden bağımsız çalışır.
Tasarım zamanı Stil Sayfaları Bir Tasarım zamanı stil sayfası belirlemenizi sağlar.

Yazdırma ve avuçiçi cihazlar için stil sayfaları tasarlamayla ilgili eğitim için bkz. seafoodplus.info

Daha fazla Yardım konusu


“Araç çubuklarını gösterme” sayfa 21

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


Tarayıcı Gezinmesi araç çubuğu Canlı görünümde etkin olur ve size Belge penceresinde baktığınız sayfanın adresini
gösterir. Dreamweaver CS5 itibariyle Canlı görünüm normal bir tarayıcı görevi görür; bu nedenle, yerel siteniz dışında
bir siteye (örneğin, seafoodplus.info) göz atsanız bile, Dreamweaver sayfayı Belge penceresine yükler.

A B C
A. Tarayıcı kontrolleri B. Adres kutusu C. Canlı görünüm seçenekleri

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 sayfanızda bağ metnini seçmenize veya tıklatmanıza olanak sağlar. Canlı görünümde bağları test
etmek için adres kutusunun sağındaki Görünüm seçenekleri menüsünden Bağları İzle veya Bağları Sürekli İzle
seçeneğini belirleyerek bir defa tıklatma ya da sürekli tıklatmayı etkinleştirebilirsiniz.

Daha fazla Yardım konusu


“Sayfaları Dreamweaver'da önizleme” sayfa

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 12
Çalışma Alanı

Kodlama araç çubuğuna genel bakış


Kodlama araç çubuğu, kod seçimlerini daraltma ve genişletme, geçersiz kodu vurgulama, yorum ekleme ve çıkarma,
kod girintileme ve son kullanılan kod parçacıklarını ekleme gibi birçok standart kodlama işlemlerini yapmanızı
sağlayan düğmeler içerir. Kodlama araç çubuğu, Belge penceresinin sol tarafında dikey olarak görüntülenir ve yalnızca
Kod görünümü gösterilirken görünebilir.

Kodlama araç çubuğunu serbest bırakamaz veya taşıyamazsınız ancak bu çubuğu gizleyebilirsiniz (Görünüm > Araç
çubukları > Kodlama).
Daha fazla düğme görüntülemek (Sözcük Kaydır, Gizli Karakterleri Göster ve Otomatik Girinti gibi) veya kullanmak
istemediğiniz düğmeleri gizlemek için Kodlama araç çubuğunu da düzenleyebilirsiniz. Ancak bunu yapmak için araç
çubuğunu üreten XML dosyasını düzenlemelisiniz. Daha fazla bilgi için bkz. Dreamweaver'ı Genişletme.

Daha fazla Yardım konusu


“Araç çubuklarını gösterme” sayfa 21
“Kodlama araç çubuğuyla kod ekleme” sayfa

Durum çubuğuna genel bakış


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

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 13
Çalışma Alanı

A B C D E F G H
A. Etiket seçici B. Seçme aracı C. El aracı D. Yakınlaştırma Aracı E. Büyütme ayarla F. Pencere boyutu açılır menüsü G. Belge boyutu ve
tahmini indirme süresi H. Kodlama göstergesi

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.
Seçme aracı El aracını etkinleştirir veya devre dışı bırakır.

El aracı Belgeyi tıklatıp Belge penceresine sürüklemenize olanak sağlar.

Yakınlaştırma aracı ve Büyütme Ayarla açılır menüsü Belgeniz için bir büyütme düzeyi ayarlamanıza olanak sağlar.

Pencere boyutu açılır menüsü (Kod görünümünde kullanılamaz.) Belge penceresini önceden tanımlı veya özel
boyutlara yeniden boyutlandırmanıza olanak sağlar. 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 boyutu ve indirme süresi Görüntüler ve diğer medya dosyaları gibi bağlı tüm dosyalar dahil olmak üzere
sayfanın tahmini belge boyutunu ve tahmini indirme süresini görüntüler.
Kodlama göstergesi Geçerli belge için metin kodlamasını gösterir.

Daha fazla Yardım konusu


“Pencere boyutunu ve bağlantı hızını belirleme” sayfa 20
“Yakınlaştırma ve uzaklaştırma” sayfa
“Belge penceresini yeniden boyutlandırma” sayfa 19
“İndirme süresi ve boyut tercihlerini belirleme” sayfa

Özellik denetçisine genel bakış


Özellik denetçisi, metin veya eklenmiş bir nesne gibi o anda seçili durumdaki bir sayfa öğesinin en sık kullanılan
özelliklerini incelemenize ve düzenlemenize olanak verir. Özellik denetçisinin 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. gibi)

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 14
Çalışma Alanı

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

Daha fazla Yardım konusu


“Panelleri sabitleme ve çıkartma” sayfa 24
“Özellik denetçisini kullanma” sayfa 22

Ekle paneline genel bakış


Ekle panelinde tablo, görüntü ve bağ gibi nesneler oluşturmak ve eklemek için düğmeler bulunur. Düğmeler, Kategori
açılır menüsünden istediğiniz kategoriyi seçerek aralarında geçiş yapabileceğiniz birkaç kategoride düzenlenmiştir. Ek
kategoriler, geçerli belge ASP veya CFML belgeleri gibi sunucu kodu içerdiğinde görüntülenir.

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 Görüntü açılır menüsünden Görüntü Yer Tutucu'yu seçerseniz Görüntü düğmesini
bir sonraki tıklatışınızda, Dreamweaver bir görüntü yer tutucu ekler. Açılır menüden herhangi bir zamanda bir
seçenek belirlediğinizde, düğmenin varsayılan eylemi değişir.
Ekle paneli aşağıdaki kategorilerde düzenlenmiştir:
Genel kategorisi Görüntüler ve tablolar gibi genel olarak kullanılan nesneleri oluşturmanıza ve eklemenize olanak
sağlar.
Mizanpaj kategorisi Tablolar, tablo öğeleri, div etiketleri, kareler ve Spry widget'ları eklemenize olanak sağlar.
Tablolar için iki görünüm de seçebilirsiniz: Standart (varsayılan) ve Genişletilmiş Tablolar.
Formlar kategorisi Form oluşturmak ve Spry doğrulama widget'ları da dahil olmak üzere form öğeleri eklemek için
düğmeler içerir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 15
Çalışma Alanı

Veri kategorisi Kayıt kümeleri, yinelenen bölgeler ve kayıt ekleme ile güncelleştirme formları gibi diğer dinamik
öğelerin yanı sıra Spry veri nesneleri eklemenize olanak sağlar.
Spry kategorisi Spry veri nesneleri ve widget'ları da dahil olmak üzere Spry sayfaları oluşturmak için düğmeler içerir.

InContext Editing kategorisi Düzenlenebilir Bölgeler, Yinelenen Bölgeler ve CSS sınıflarını yönetmeye ilişkin
düğmeler de dahil olmak üzere, InContext düzenleme sayfalarının oluşturulmasına ilişkin düğmeleri içerir.
Metin kategorisi b, em, p, h1 ve ul gibi çeşitli metin ve liste formatlama etiketleri eklemenize olanak sağlar.

Sık Kullanılanlar kategorisi Tek bir genel alanda en çok kullandığınız Ekle paneli düğmelerini gruplamanıza ve
düzenlemenize olanak sağlar.
Sunucu kodu kategorileri Yalnızca ASP, CFML Basic, CFML Flow, CFML Advanced ve PHP de dahil olmak üzere
belirli bir sunucu dili kullanan sayfalarda kullanılabilir. Bu kategorilerin her biri Kod görünümünde ekleyebileceğiniz
sunucu kodu nesneleri sağlar.
Dreamweaver uygulamasındaki diğer panellerin aksine, Ekle panelini varsayılan sabitleme konumunun dışına
sürükleyip Belge penceresinin üst kısmında yatay bir konumda bırakabilirsiniz. Bunu yaptığınızda panel bir araç
çubuğuna dönüşür (ancak paneli diğer araç çubukları gibi gizleyip görüntüleyemezsiniz).

Daha fazla Yardım konusu


“Ekle panelini kullanma” sayfa
“Spry sayfalarını görsel olarak oluşturma” sayfa

Dosyalar paneline genel bakış


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

Dosyalar panelinde site, dosya ya da klasör görüntülerken görüntüleme alanının boyutunu değiştirebilir ve Dosyalar
panelini genişletebilir ya da daraltabilirsiniz. Dosyalar paneli daraltıldığında panel; yerel sitenin, uzak sitenin, test
sunucusunun veya SVN deposunun içeriğini dosya listesi olarak görüntüler. Genişletildiğinde ise yerel siteyi ve uzak
siteyi, test sunucusunu veya SVN deposunu görüntüler.
Dreamweaver siteleri için, daraltılmış panelde varsayılan olarak görüntülenen görünümü (yerel ya da uzak siteniz)
değiştirerek Dosyalar panelini de özelleştirebilirsiniz.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 16
Çalışma Alanı

(CS) Dosyalar paneli, içeriğini güncellemek için düzenli aralıklarla sunucu ile etkileşime geçer. Bu otomatik
güncellemeler gerçekleşirken Dosyalar panelinde bir eylem gerçekleştirmeye çalışırsanız bir hata mesajı görüntülenir.
Otomatik güncellemeleri devre dışı bırakmak için Dosyalar paneli seçenek menüsünü açın ve Görünüm menüsünde
Otomatik Güncelleştir öğesinin seçimini kaldırın.
Panelin içeriğini el ile güncellemek için paneldeki Yenile düğmesini kullanın. Ancak, dosyaların geçerli teslim alınma
durumları yalnızca otomatik güncelleştirme etkinken güncellenir.

Daha fazla Yardım konusu


“Dosyalar panelinde dosyalarla çalışma” sayfa 75

CSS Stilleri paneline genel bakış


CSS Stilleri paneli o anda seçili durumdaki bir sayfa öğesini etkileyen CSS kurallarını ve özelliklerini (Geçerli modu)
veya belgenin tamamını etkileyen kuralları ve özellikleri (Tümü modu) izlemenizi sağlar. CSS Stilleri panelinin en
üstündeki bir geçiş düğmesi iki mod arasında geçiş yapmanızı sağlar. CSS Stilleri paneli ayrıca CSS özelliklerini hem
Tümü hem de Geçerli modunda değiştirmenizi sağlar.

Bölmelerin arasındaki kenarlıkları sürükleyerek bölmelerden herhangi birini yeniden boyutlandırabilirsiniz.


Geçerli modunda, CSS Stilleri paneli üç bölme görüntüler: belgedeki geçerli seçime ilişkin CSS özelliklerini
görüntüleyen Seçim için Özet bölmesi, seçili özelliklerin (veya seçiminize bağlı olarak seçili etikete ilişkin
basamaklandırılmış kuralların) konumunu görüntüleyen Kurallar bölmesi ve seçimi tanımlayan CSS özelliklerini
düzenlemenizi sağlayan Özellikler bölmesi.
Tümü modunda, CSS Stilleri paneli iki bölme görüntüler: Tüm Kurallar bölmesi (üstte) ve Özellikler bölmesi (altta).
Tüm Kurallar bölmesi geçerli belgede tanımlı olan kuralların ve geçerli belgeye ilişik olan stil sayfalarında tanımlı olan
tüm kuralların listesini görüntüler. Özellikler bölmesi, Tüm Kurallar bölmesinde seçili olan herhangi bir kuralın CSS
özelliklerini düzenlemenizi sağlar.
Özellikler bölmesinde yaptığınız tüm değişiklikler hemen uygulanır ve böylece çalışmanızı hemen önizlemeniz
sağlanır.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 17
Çalışma Alanı

Daha fazla Yardım konusu


“CSS oluşturma ve yönetme” sayfa

Görsel kılavuzlara genel bakış


Dreamweaver, belgeleri tasarlamanıza ve tarayıcılarda yaklaşık nasıl görüneceklerini tahmin etmenize yardım etmek
üzere çok çeşitli görsel kılavuzlar sunar. Aşağıdakilerden herhangi birini yapabilirsiniz:
• Öğelerin sayfaya nasıl oturduğunu görmek için Belge penceresini anında istenen pencere boyutuna yapıştırın.
• 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.

Daha fazla Yardım konusu


“Yerleşim için görsel yardımcılar kullanma” sayfa

GoLive kullanıcıları
Eskiden GoLive kullandıysanız ve şimdi Dreamweaver ile çalışmaya başlamak istiyorsanız, Dreamweaver çalışma
alanına ve iş akışına giriş ile sitelerinizi Dreamweaver'a taşıma yolları üzerine bir tartışmayı çevrimiçi olarak
bulabilirsiniz.

Daha fazla Yardım konusu


GoLive kullanıcıları için Dreamweaver eğitimi

Belge penceresinde çalışma


Belge penceresinde görünümler arasında geçiş yapma
Bir belgeyi Belge penceresinde Kod görünümünde, Bölünmüş Kod görünümünde, Tasarım görünümünde, Kod ve
Tasarım görünümlerinde (Bölünmüş görünüm) veya Canlı görünümde görüntüleyebilirsiniz. Ayrıca Bölünmüş Kod
görünümünü veya Kod ve Tasarım görünümlerini yatay veya dikey olarak görüntüleme seçeneğiniz de
bulunmaktadır. (Yatay görüntüleme varsayılan ayardır.)

Kod görünümüne geçme


❖ Aşağıdakilerden birini yapın:

• Görünüm > Kod'u seçin.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 18
Çalışma Alanı

• Belge araç çubuğunda Kod Görünümünü Göster düğmesini tıklatın.

Bölünmüş Kod görünümüne geçme


Bölünmüş Kod görünümü belgenizi ikiye böler, böylece aynı anda kodun iki bölümü üzerinde de çalışabilirsiniz.
❖ Görünüm >Bölünmüş Kod'u seçin.

Tasarım görünümüne geçme


❖ Aşağıdakilerden birini yapın:

• Görünüm > Tasarım'ı seçin.


• Belge araç çubuğunda Tasarım Görünümünü Göster düğmesini tıklatın.

Kod ve Tasarım görünümlerini gösterme


❖ Aşağıdakilerden birini yapın:

• Görünüm > Kod ve Tasarım'ı seçin.


• Belge araç çubuğunda Kod ve Tasarım Görünümleri Göster düğmesini tıklatın.

Varsayılan olarak Kod görünümü Belge penceresinin üst kısmında, Tasarım görünümü ise alt kısmında görüntülenir.
Tasarım görünümünü üstte görüntülemek için Görünüm > Tasarım Görünümü Üstte'yi seçin.

Kod görünümü ve Tasarım görünümü arasında geçiş yapma


❖ Control+ters tırnak (`) tuş bileşimine basın.

Her iki görünüm de Belge penceresinde gösteriliyorsa, bu klavye kısayolu klavye odağını iki görünüm arasında
götürüp getirir.

Görünümleri dikey olarak bölme


Bu seçenek yalnızca Bölünmüş Kod görünümü ve Kod ve Tasarım görünümleri (Bölünmüş görünüm) için
kullanılabilir. Kod görünümü ve Tasarım görünümü için devre dışı bırakılmıştır.
1 Bölünmüş Kod görünümünde (Görünüm > Bölünmüş Kod) veya Kod ve Tasarım görünümlerinde (Görünüm >
Kod ve Tasarım) olduğunuzdan emin olun.
2 Görünüm > Dikey Böl'ü seçin.
Kod ve Tasarım görünümlerindeyseniz Tasarım görünümünü solda görüntüleme seçeneğiniz vardır (Görünüm >
Tasarım Görünümü Solda).

Daha fazla Yardım konusu


“Belge penceresine genel bakış” sayfa 8
“Canlı görünümde sayfaları önizleme” sayfa

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 19
Çalışma Alanı

Belge pencerelerini basamaklama veya döşeme


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

Daha fazla Yardım konusu


“Pencereleri ve panelleri yönetme” sayfa 23
“Sekmeli belgeleri gösterme (Dreamweaver Macintosh)” sayfa 28

Basamaklı Belge pencereleri


❖ Pencere > Basamakla'yı seçin.

Belge pencerelerini döşeme


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

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 önceden belirlenmiş bir boyuta boyutlandırma


❖ Belge penceresinin alt tarafındaki Pencere Boyutu açılır menüsündeki boyutlardan birini seçin. Dreamweaver
CS ve üstü yaygın mobil cihazlara yönelik seçenekler de dahil olmak üzere genişletilmiş bir seçim listesi sunar
(aşağıda gösterildiği gibi).

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.
Daha az hassas yeniden boyutlandırma için işletim sisteminizin bir pencerenin alt sağ köşesini sürükleme gibi
standart pencere yeniden boyutlandırma yöntemlerini kullanın.
Not: (Yalnızca Windows için) Belge penceresindeki belgeler varsayılan olarak ekranı kaplar ve ekranı kaplayan bir
belgeyi yeniden boyutlandıramasınız. Belgenin ekranı kaplamasını geri almak için, belgenin sağ üst köşesindeki ekranı
kaplamayı geri al düğmesini tıklatın.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 20
Çalışma Alanı

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


1 Pencere Boyutu açılır menüsünden Boyutları Düzenle'yi seçin.
2 Pencere Boyutu listesindeki genişlik veya yükseklik değerlerinden herhangi birini tıklatın ve yeni bir değer girin.
Belge penceresini yalnızca belirli bir genişliğe ayarlanabilecek (yükseklik değişmeden kalacak) şekilde ayarlamak için,
yükseklik değerini seçip silin.
3 Açıklama kutusunu tıklatıp belirli bir boyut hakkında açıklama metni girin.

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


1 Pencere Boyutu açılır menüsünden Boyutları Düzenle'yi seçin.
2 Genişlik sütununda son değerin altındaki boşluğu tıklatın.
3 Genişlik ve Yükseklik değerlerini girin.
Yalnızca Genişlik veya Yükseklik değerini belirlemek için bu alanlardan birini boş bırakmanız yeterlidir.
4 Eklediğiniz boyut hakkında açıklama metni girmek için Açıklama alanını tıklatın.
Örneğin, x piksellik bir monitörün yanına SVGA veya ortalama PC ve 17 inç yazabilirsiniz. x piksellik
bir monitöre yönelik girişin yanına 17 inç Mac yazabilirsiniz. Çoğu monitör çeşitli piksel boyutlarına ayarlanabilir.

Pencere boyutunu ve bağlantı hızını belirleme


1 Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
2 Sol taraftaki Kategori listesinden Durum Çubuğu'nu (CS5) veya Pencere Boyutları'nı (CS ve üstü) seçin.
3 Aşağıdaki seçeneklerden birini belirleyin:
Pencere Boyutları Durum çubuğunun açılır menüsünde görüntülenen pencere boyutlarını özelleştirmenize olanak
sağlar.
Bağlantı Hızı indirme boyutunu hesaplamak için kullanılan bağlantı hızını (kilobit/saniye) belirler. Sayfanın indirme
boyutu Durum çubuğunda görüntülenir. Belge penceresinde bir görüntü seçildiğinde, görüntünün indirme boyutu
Özellik denetçisinde görüntülenir.

Daha fazla Yardım konusu


“Durum çubuğuna genel bakış” sayfa 12
“Belge penceresini yeniden boyutlandırma” sayfa 19

Dreamweaver uygulamasındaki raporlar


Dreamweaver uygulamasında içerik bulmak, sorun gidermek veya içeriği test etmek için raporlar alabilirsiniz.
Aşağıdaki rapor türlerini çıkarabilirsiniz:
Arama Etiketleri, nitelikleri ve etiketlerin içindeki belirli metinleri aramanıza olanak verir.

Referans Yardımcı olacak referans bilgilerini araştırmanızı sağlar.

Doğrulama Kod veya sözdizimi hatalarını denetlemenizi sağlar.

Tarayıcı Uyumluluğu Hedeflenen tarayıcılar tarafından desteklenmeyen bir etiket veya nitelik olup olmadığını görmek
için belgelerinizdeki HTML'yi test etmenize olanak verir.
Bağ Denetleyici Kopuk, harici ve artık bağları bulmanıza ve onarmanıza olanak verir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 21
Çalışma Alanı

Site Raporları İş akışını iyileştirmenizi ve sitenizdeki HTML niteliklerini test etmenizi sağlar. İş akışı raporları
arasında teslim alan, son değiştirilen ve tasarım notları; HTML raporları arasında birleştirilebilir yuvalanmış font
etiketleri, erişilebilirlik, eksik Alt metni, gereksiz yuvalanmış etiketler, atılabilir boş etiketler ve başlıksız belgeler yer
alır.
FTP Günlüğü Tüm FTP dosya aktarım etkinliğini görüntülemenizi sağlar.

Sunucu Hata Ayıklama Adobe® ColdFusion® uygulamasının hatalarını ayıklamak için bilgi görüntülemenizi sağlar.

Daha fazla Yardım konusu


“Koddaki etiketleri, nitelikleri veya metni arama” sayfa
“Dil referans materyali kullanma” sayfa
“Sitenizi test etme” sayfa
“XML belgelerini doğrulama” sayfa
“Tarayıcı uyumluluğunu denetleme” sayfa
“Kopuk, harici ve öksüz bağları bulma” sayfa
“Uzak sunucuya dosya koyma” sayfa 83
“Dosyaları uzak sunucudan alma” sayfa 82
“ColdFusion hata ayıklayıcısını kullanma (yalnızca Windows)” sayfa

Araç çubuklarını, denetçileri ve bağlam menülerini


kullanma
Araç çubuklarını gösterme
Belge ile ilgili ve standart düzenleme işlemleri için Belge ve Standart araç çubuklarını kullanın; hızlıca kod eklemek için
Kodlama araç çubuğunu kullanın; sayfanızı farklı medya türlerinde görüntüleneceği şekilde göstermek için Stil
Oluşturma araç çubuğunu kullanın. Ayrıca gerektiği şekilde araç çubuklarını göstermeyi veya gizlemeyi seçebilirsiniz.
• Görünüm > Araç Çubukları'nı, daha sonra da araç çubuğunu seçin.
• Araç çubuklarından herhangi birini sağ tıklatın (Windows) veya Control tuşuna basıp tıklatın (Macintosh) ve araç
çubuğunu bağlam menüsünden seçin.
Not: Kod denetçisinde (Pencere > Kod Denetçisi) Kodlama araç çubuğunu göstermek veya gizlemek için denetçinin en
üstündeki Görünüm Seçenekleri açılır menüsünden Kodlama Araç Çubuğu'nu seçin.

Daha fazla Yardım konusu


“Belge araç çubuğuna genel bakış” sayfa 9
“Standart araç çubuğuna genel bakış” sayfa 10
“Kodlama araç çubuğuna genel bakış” sayfa 12
“Stil Oluşturma araç çubuğuna genel bakış” sayfa 10

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 22
Çalışma Alanı

Özellik denetçisini kullanma


Özellik denetçisi, metin veya eklenmiş bir nesne gibi o anda seçili durumdaki bir sayfa öğesinin en sık kullanılan
özelliklerini incelemenize ve düzenlemenize olanak verir. Özellik denetçisinin içeriği, seçili öğeye (öğelere) göre
değişir.
Belirli bir Özellik denetçisine yönelik yardıma 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çeneğini belirleyin.
Not: Belirli bir etiketin özellikleriyle ilişkilendirilmiş her niteliği görüntülemek ve düzenlemek için Etiket denetçisini
kullanın.

Daha fazla Yardım konusu


“Özellik denetçisine genel bakış” sayfa 13
“Özellik denetçisinde metin özelliklerini ayarlama” sayfa
“Panelleri sabitleme ve çıkartma” sayfa 24
“Etiket denetçisiyle nitelikleri değiştirme” sayfa

Özellik denetçisini gösterme veya gizleme


❖ Pencere > Özellikler'i seçin.

Özellik denetçisini genişletme veya daraltma


❖ Özellik denetçisinin sağ alt köşesindeki genişletme okunu tıklatın.

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


1 Belge penceresinde sayfa öğesini seçin.
Seçili öğenin tüm özelliklerini görüntülemek için Özellik denetçisini genişletmek zorunda kalabilirsiniz.
2 Özellik denetçisinde istediğiniz özelliği değiştirin.
Not: Belirli özellikler hakkında bilgi için öğeyi Belge penceresinde seçin, sonra Özellik denetçisinin sağ üst köşesindeki
Yardım simgesini tıklatın.
3 Değişiklikleriniz Belge penceresine hemen uygulanmazsa, değişiklikleri aşağıdaki yöntemlerden biriyle uygulayın:
• Özellik düzenleme metin alanlarının dışına tıklatın.
• Enter (Windows) ya da Return (Macintosh) tuşuna basın.
• Başka bir özelliğe geçmek için Sekme tuşuna basın.

Bağlam menülerini kullanma


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 ile ilgili komutları listeler.
1 Nesneyi veya pencereyi sağ tıklatın (Windows) veya Control tuşuna basarak tıklatın (Macintosh).

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 23
Çalışma Alanı

2 Bağlam menüsünden bir komut seçin.

CS5 çalışma alanını özelleştirme


Pencereleri ve panelleri yönetme
Belge penceresini ve panelleri taşıyarak ve işleyerek özel çalışma alanı oluşturabilirsiniz. Çalışma alanlarını
kaydedebilir, bunlar arasında geçiş yapabilirsiniz. Fireworks'te, özel çalışma alanlarının yeniden adlandırılması
beklenmeyen davranışa yol açabilir.
Not: Aşağıdaki örneklerde gösterim amacıyla Photoshop kullanılmıştır. Çalışma alanı tüm ürünlerde aynı şekilde
hareket eder.

Belge pencerelerini yeniden düzenleme, sabitleme ve kaydırma


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 bir pencere grubundan ayırmak (kaydırmak veya sekmeyle dışına çıkmak) için pencereye ait
sekmeyi grubun dışına sürükleyin.
Not: Photoshop uygulamasında ayrıca, tek bir Belge penceresini kaydırmak için Pencere > Düzenle > Pencerede
Kaydır'ı veya tüm Belge pencerelerini aynı anda kaydırmak için Pencere > Düzenle > Tümünü Pencerelerde Kaydır'ı
seçebilirsiniz. Daha fazla bilgi için kb adresindeki teknik nota bakın.
Not: Dreamweaver Belge pencerelerinin sabitlenmesini ve ayrılmasını desteklemez. Kayan pencereler (Windows)
oluşturmak için Belge penceresinin Simge Durumuna Küçült düğmesini kullanın veya yan yana Belge pencereleri
oluşturmak için Pencere > Dikey Olarak Döşe seçeneğini belirleyin. Bu konu hakkında daha fazla bilgi için
Dreamweaver Yardımı'nda “Dikey Olarak Döşe” metnini aratın. İş akışı Macintosh kullanıcıları için biraz farklılık
gösterir.
• Belge penceresini ayrı bir Belge penceresi grubuna sabitlemek için pencereyi grubun içine sürükleyin.
• Yığılı ya da döşeli belge grupları oluşturmak için pencereyi başka bir pencerenin alt, üst veya yan kenarları boyunca
bırakma bölgelerinden birine sürükleyin. Uygulama çubuğundaki Mizanpaj düğmesini kullanarak da grup için
mizanpaj seçebilirsiniz.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 24
Çalışma Alanı

Not: Bazı ürünler bu işlevleri desteklemez. Ancak, belgenizin mizanpajını oluşturmanıza yardımcı olmak amacıyla
ürününüzde, Pencere menüsünde Basamakla ve Döşe komutları olabilir.
• Seçimi sürüklerken sekmeli grupta başka bir belgeye geçmek için bir an için seçimi belgenin sekmesi üzerinde
tutun.
Not: Bazı ürünler bu işlevleri desteklemez.

Panelleri sabitleme ve çıkartma


Sabitleme alanı panellerin ya da panel gruplarının genellikle dikey konumda birlikte görüntülendiği alandır. Panelleri
sabitleme alanının içine ve dışına taşıyarak sabitleyebilir ve çıkartabilirsiniz.
• 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.

Mavi renkli dikey vurguyla belirtilen yeni sabitleme alanına sürüklenmekte olan Gezgin paneli

Gezgin paneli kendi sabitleme alanında

Panellerin yuvadaki tüm boş alanları doldurmasını engelleyebilirsiniz. Yuvanın alt kenarını yukarı doğru
sürükleyin; böylece artık çalışma alanının kenarına ulaşamayacaktır.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 25
Çalışma Alanı

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.
Not: Farenin konumu (panelin konumundansa) bırakma bölgesini etkinleştirir. Bu nedenle, bırakma bölgesini
göremezseniz, fareyi bırakma bölgesinin olması gerektiği yere sürükleyin.
• Paneli taşımak için sekmesinden sürükleyin.
• Bir panel grubunu taşımak için başlık çubuğunu sürükleyin.
A
B

Dar bir mavi bırakma bölgesi Renk panelinin Katmanlar panel grubunun üstünde tek başına sabitleneceğini belirtir.
A. Başlık çubuğu B. Sekme C. Bırakma bölgesi

Sabitlenmesini önlemek için paneli taşırken Ctrl (Windows) ya da Command (Mac OS) tuşuna basın. İşlemi iptal
etmek için panel taşırken Esc tuşuna basın.

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.

Panel grubuna panel ekleme

• 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).

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 26
Çalışma 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üzer durumdaki yığınlanmış paneller

• 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.
Not: Sekmeyi başlık çubuğundaki geniş bırakma bölgesinin üzerinde değil, panellerin arasındaki dar bırakma
bölgesinin üzerinde bıraktığınızdan emin olun.
• 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 gribini, 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. Photoshop'taki Renk paneli gibi bazı
paneller sürükleyerek yeniden boyutlandırılamaz.

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.

Simgelere daraltılmış paneller

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 27
Çalışma Alanı

Simgelerden genişletilmiş paneller

• 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.
Bazı ürünlerde, Arabirim ya da Kullanıcı Arabirimi seçeneklerinden Simge Panellerini Otomatik Olarak Daralt'ı
seçerseniz, genişletilmiş bir panel simgesinden uzakta tıklattığınızda simge otomatik olarak daraltılır.
• Simge sabitleme alanına yüzen panel ya da panel grubu eklemek için paneli ya da panel grubunu sekmesinden ya
da başlık çubuğundan alanın içine sürükleyin. (Simge sabitleme alanına eklendiklerinde paneller otomatik olarak
simge olarak daraltılır.)
• Panel simgesini (veya panel simgesi grubunu) taşımak için simgeyi sürükleyin. Panel simgelerini yukarıya ve
aşağıya, sabitleme alanının içine (burada o sabitleme alanının paneli stilinde görünürler) ya da sabitleme alanının
dışına (yüzen simgeler olarak görünürler) sürükleyebilirsiniz.

Çalışma alanlarını kaydetme ve değiştirme


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. Uygulama çubuğunda çalışma alanı değiştiricide kaydedilmiş
çalışma alanlarına ait adlar görüntülenir.

Özel çalışma alanını kaydetme


1 Kaydetmek istediğiniz yapılandırmayı içeren çalışma alanıyla aşağıdakilerden birini yapın:
• (Illustrator) Pencere > Çalışma Alanı > Çalışma Alanını Kaydet'i seçin.
• (Photoshop, Illustrator, InCopy) Pencere > Çalışma Alanı > Yeni Çalışma Alanı'nı seçin.
• (Dreamweaver) Pencere > Çalışma Alanı Mizanpajı > Yeni Çalışma Alanı seçeneğini belirleyin.
• (Flash) Uygulama çubuğunda çalışma alanı değiştiriciden Yeni Çalışma Alanı'nı seçin.
• (Fireworks) Uygulama çubuğunda çalışma alanı değiştiriciden Geçerli Olanı Kaydet'i seçin.
2 Çalışma alanı için bir ad yazın.
3 (Photoshop, InDesign) Yakala altında bir ya da daha fazla seçenek belirleyin:
Panel Konumları Geçerli panel konumlarını kaydeder (Yalnızca InDesign'da).

Klavye kısayolları Geçerli klavye kısayolu kümesini kaydeder (yalnızca Photoshop).

Menüler veya Menü Özelleştirme Geçerli menü kümesini kaydeder.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 28
Çalışma Alanı

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


❖ Uygulama çubuğunda çalışma alanı değiştiriciden çalışma alanını seçin.

Photoshop'ta çalışma alanları arasında hızla gezinmek için her çalışma alanına bir klavye kısayolu ekleyebilirsiniz.

Özel çalışma alanını silme


• Uygulama çubuğunda çalışma alanı değiştiriciden Çalışma Alanlarını Yönet'i seçip Sil'i tıklatın. (Fireworks'te bu
seçenek kullanılamaz.)
• (Photoshop, InDesign, InCopy) Çalışma alanı değiştiriciden Çalışma Alanını Sil'i seçin.
• (Illustrator) Pencere > Çalışma Alanı > Çalışma Alanlarını Yönet'i seçin, çalışma alanını seçin ve sonra Sil simgesini
tıklatın.
• (Photoshop, InDesign) Pencere > Çalışma Alanı > Çalışma Alanını Sil'i seçin, çalışma alanını seçin ve ardından Sil'i
tıklatın.

Varsayılan çalışma alanını geri yükleme


1 Uygulama çubuğunda çalışma alanı değiştiricisinden Varsayılan veya Essentials çalışma alanını seçin. Fireworks
için seafoodplus.info makalesine bakın.
Not: Dreamweaver'da, Tasarımcı varsayılan çalışma alanıdır.
2 Fireworks (Windows) için şu klasörleri silin:
Windows Vista \\Kullanıcılar\<kullanıcıadı>\AppData\Roaming\Adobe\Fireworks CS4\

Windows XP \\Documents and Settings\<kullanıcıadı>\Application Data\Adobe\Fireworks CS4

3 (Photoshop, InDesign, InCopy) Pencere > Çalışma Alanı > [Çalışma Alanı Adı] Sıfırla'yı seçin.

(Photoshop) Kaydedilen bir çalışma alanı düzenlemesini geri yükleme


Photoshop uygulamasında, çalışma alanları otomatik olarak sizin son düzenlediğiniz biçiminde görünür ancak
panellerin orijinal, kaydedilmiş düzenlemesini geri yükleyebilirsiniz.
• Ayrı bir çalışma alanını geri yüklemek için, Pencere > Çalışma Alanı > Çalışma Alanı Adını Sıfırla seçeneğini
belirleyin.
• Photoshop ile birlikte yüklenen tüm çalışma alanlarını geri yüklemek için Arabirim tercihlerinde Varsayılan
Çalışma Alanlarını Geri Yükle'yi tıklatın.
Uygulama çubuğundaki çalışma alanlarının sırasını yeniden düzenlemek için çalışma alanlarını sürükleyin.

Sekmeli belgeleri gösterme (Dreamweaver Macintosh)


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.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 29
Çalışma Alanı

Ayrı belgeleri sekmeli pencerelerde birleştirme


❖ Pencere > Sekme Olarak Birleştir'i 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.

Renk simgelerini etkinleştirme


Varsayılan olarak Dreamweaver CS4 ve sonrası, üzerine geldiğinizde renkli simgelere dönüşen siyah ve beyaz simgeler
kullanır. Renk simgelerini kalıcı olarak etkinleştirebilirsiniz; böylece simgelerin üzerine gitmeniz gerekmez.
❖ Aşağıdakilerden birini yapın:

• Görünüm > Renk Simgeleri'ni seçin.


• Klasik veya Kodlayıcı çalışma alanına geçin.
Renk simgelerini tekrar kapatmak için, Görünüm menüsünde Renk Simgeleri seçimini kaldırın veya farklı bir çalışma
alanına geçin.

Daha fazla Yardım konusu


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

Dreamweaver Karşılama ekranını gizleme ve gösterme


Karşılama ekranı, Dreamweaver programını 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.

Karşılama ekranını gizleme


❖ Karşılama ekranında Bir Daha Gösterme seçeneğini belirleyin.

Karşılama ekranını gösterme


1 Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
2 Genel kategorisinde Karşılama Ekranını Göster seçeneğini belirleyin.

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


Dreamweaver uygulamasını, Windows XP veya Mac OS X gibi çok kullanıcılı işletim sistemlerinde bile
gereksinimlerinize uygun olarak ö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 uygulamasının tanıdığı çok kullanıcılı işletim
sistemlerinden birinde ilk defa çalıştırdığınızda, uygulama çok çeşitli yapılandırma dosyalarının kopyalarını oluşturur.
Bu kullanıcı yapılandırma dosyaları size ait bir klasörde saklanır.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 30
Çalışma Alanı

Örneğin Windows XP'de varsayılan olarak gizli olan C:\Documents and Settings\kullanıcı adı\Application
Data\Adobe\Dreamweaver\tr_TR\Configuration dosyasında saklanır. Gizli dosya ve klasörleri göstermek için,
Windows Gezgini'nde Araçlar > Klasör Seçenekleri'ni seçin ve Gizli Dosya ve Klasörleri Göster seçeneğini belirleyin.
Windows Vista'da, varsayılan olarak gizli olan C:\Users\kullanıcı adı\AppData\Roaming\Adobe\Dreamweaver
\tr_TR\Configuration dosyasında saklanır. Gizli dosya ve klasörleri göstermek için, Windows Gezgini'nde Araçlar >
Klasör Seçenekleri'ni seçin ve Gizli Dosya ve Klasörleri Göster seçeneğini belirleyin.
Mac OS X'te, Home klasöründe saklanır; özel olarak da, Users/kullanıcı adı/Library/Application
Support/Adobe/Dreamweaver /Configuration klasöründe saklanır.
Dreamweaver uygulamasını yeniden yükler veya yükseltirseniz, Dreamweaver otomatik olarak kullanıcı yapılandırma
dosyalarının yedek kopyalarını oluşturur böylece, bu dosyaları elle yapılandırdıysanız yaptığınız değişikliklere yine de
erişebilirsiniz.

Genel Dreamweaver tercihlerini belirleme


1 Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
2 Aşağıdaki seçeneklerden birini belirleyin:
Belgeleri Sekmeler Olarak Aç Tüm belgeleri belgeler arasında geçiş yapmanıza olanak sağlayan tek bir pencerede açar
(yalnızca Macintosh).
Karşılama Ekranını Göster Dreamweaver uygulamasını başlattığınızda veya açık bir belgeniz olmadığında,
Dreamweaver Karşılama ekranını gösterir.
Belgeleri Başlangıçta Yeniden Aç Dreamweaver uygulamasını kapattığınızda açık olan belgeleri açar. Bu seçenek
belirlenmemişse, uygulamayı başlattığınızda Dreamweaver Karşılama ekranını veya boş bir ekran görüntüler
(Karşılama Ekranını Göster ayarınıza bağlı olarak).
Salt Okunur Dosyaları Açarken Uyar Salt okunur (kilitli) bir dosya açtığınızda sizi uyarır. Dosyanın kilidini
açma/teslim alma, dosyayı görüntüleme veya iptal seçeneklerinden birini belirleyin.
İlgili Dosyaları Etkinleştir Geçerli belgeye hangi dosyaların bağlı olduğunu görmenizi sağlar (örneğin CSS veya
JavaScript dosyaları). Dreamweaver, belgenin üst kısmında her ilgili dosya için bir düğme gösterir ve düğmeyi
tıklatırsanız o dosyayı açar.
Dinamik Olarak İlgili Dosyaları Keşfet Dinamik Olarak İlgili Dosyaların, İlgili Dosyalar araç çubuğunda otomatik
olarak mı yoksa el ile yapılan bir müdaheleden sonra mı görüntüleneceğini seçmenize izin verir. Dinamik Olarak İlgili
Dosyaların keşfini etkisiz hale getirmeyi de seçebilirsiniz.
Dosyaları Taşırken Bağları Güncelleştir Bir belgeyi siteniz içinde taşıdığınızda, yeniden adlandırdığınızda veya
sildiğinizde ne olacağını belirler. Bağları otomatik olarak her zaman güncelleştirmek, bağları hiçbir zaman
güncelleştirmemek veya bir güncelleştirme için uyarılmak üzere bu tercihi ayarlayın. (Bkz. “Bağları otomatik
güncelleştirme” sayfa )
Nesneleri Eklerken İletişim Kutusu Göster Dreamweaver uygulamasının, Ekle panelini ya da Ekle menüsünü
kullanarak görüntü, tablo, Shockwave filmleri ve belirli diğer nesneleri eklerken ek bilgiler girmenizi isteyip
istemeyeceğini belirler. Bu seçenek kapalı olarak ayarlanmışsa, iletişim kutusu görüntülenmez ve görüntülerin kaynak
dosyasını, tablodaki satır sayısını belirtmek için Özellik denetçisini kullanmanız gerekir. Rollover görüntüleri ve
Fireworks HTML'i için, bu seçenek ayarına bakılmaksızın bir nesne eklediğinizde her zaman bir iletişim kutusu
görüntülenir. (Bu ayarı geçici olarak geçersiz kılmak için, nesneleri oluştururken ve eklerken Control tuşu (Windows)
ya da Command tuşu (Macintosh) basılıyken tıklatın.)
Çift Bayt Satır İçi Girişi Etkinleştir Geliştirme ortamı veya çift bayt metni (Japonca karakterler gibi) kolaylaştıran dil
seti kullanıyorsanız, Belge penceresine doğrudan çift bayt metin girmenize olanak sağlar. Bu seçeneğin işareti

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 31
Çalışma Alanı

kaldırıldığında, çift bayt metni girmeniz ve dönüştürmeniz için bir metin giriş penceresi görüntülenir; kabul edildikten
sonra metin Belge penceresinde görüntülenir.
Başlıktan Sonra Düz Paragrafa Geç Tasarım görünümünde başlık paragrafının sonunda Enter (Windows) veya
Return (Macintosh) tuşuna basmanın p etiketiyle etiketlenmiş yeni paragraf etiketi oluşturacağını belirtir. (Başlık
paragrafı h1 veya h2 gibi başlık etiketiyle etiketlenmiş paragraftır). Bu seçenek devre dışı bırakıldığında başlık
paragrafının sonunda Enter veya Return tuşuna basma, aynı başlık etiketiyle etiketlenmiş yeni bir paragraf oluşturur
(bir satırda birden fazla başlık yazmanıza ve ardından geri gidip ayrıntıları doldurmanıza olanak sağlar).
Birden Çok İzleyen Boşluğa İzin Ver Tasarım görünümünde iki veya daha fazla boşluk yazmanın, tarayıcıda birden çok
boşluk olarak görünen bölünemez boşluk oluşturacağını belirtir. (Örneğin daktilodaki gibi cümleler arasında iki
boşluk yazabilirsiniz.) Bu seçenek özel olarak kelime işlemcilerde yazmaya alışmış kişiler için tasarlanmıştır. Bu
seçenek devre dışı bırakıldığında, çok sayıda boşluk tek boşluk gibi ele alınır (tarayıcılar çok sayıda boşluğu tek boşluk
olarak işlediği için).
<b> ve <i> Yerine <strong> ve <em> Kullan Dreamweaver uygulamasının strong etiketini genellikle b etiketi
uygulayacağınız bir eylemi gerçekleştireceğini ve em etiketini i etiketini uygulayacağınız eylemi gerçekleştirdiğinizde
uygulayacağını belirtir. Bu eylemler HTML modunda metin Özellik denetçisinde Kalın veya İtalik düğmelerini
tıklatmanızı ve Format > Stil > Kalın'ı veya Format > Stil > İtalik'i seçmenizi içerir. Belgelerinizde b ve i etiketlerini
kullanmak için bu seçeneğin işaretini kaldırın.
Not: World Wide Web Konsorsiyumu b ve i etiketlerinin kullanılmasını önermez; strong ve em etiketleri b ve i
etiketlerinin yaptığından daha fazla anlamsal bilgi sağlar.
<p> veya <h1> - <h6> etiketleri içine düzenlenebilir bölgeler yerleştirirken uyar Paragraf veya başlık etiketinde
düzenlenebilir bölümü olan bir Dreamweaver şablonu kaydettiğinizde, bir uyarı mesajının görüntülenip
görüntülenmeyeceğini belirtir. Bu mesaj size, kullanıcıların bölgede daha fazla paragraf oluşturamayacaklarını belirtir.
Varsayılan olarak etkindir.
Ortalama Özellik denetçisinde Ortala düğmesini tıklattığınızda, öğelerin divalign="center" veya center etiketi
kullanılarak ortalanmasını isteyip istemediğinizi belirtir.
Not: Her iki ortalama yaklaşımı da, HTML belirtiminde resmi olarak bırakılmıştır; metni ortalamak için CSS
stilleri kullanmanız gerekir. Her iki yaklaşım da XHTML Transitional belirtiminden itibaren teknik olarak halen
geçerlidir, ancak XHTML Strict belirtiminde artık geçerli değildir.
Geçmiş Adımlarının Maksimum Sayısı Geçmiş panelinin tuttuğu ve gösterdiği adım sayısını belirler. (Varsayılan değer
çoğu kullanıcının ihtiyaçları için yeterli olmalıdır.) Geçmiş panelindeki belirli adım sayısını aşarsanız en eski adımlar
atılır.
Daha fazla bilgi için bkz. “Görev otomasyonu” sayfa
Yazım Denetimi Sözlüğü mevcut yazım denetimi sözlüklerini listeler. Sözlükte birden fazla diyalekt veya yazım
denetimi kuralı varsa (Amerikan İngilizcesi ve İngiliz İngilizcesi gibi), diyalektler Sözlük açılır menüsünde ayrı olarak
listelenir.

Daha fazla Yardım konusu


“Çalışma alanı mizanpajına genel bakış” sayfa 5
“Bağları otomatik güncelleştirme” sayfa

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 32
Çalışma Alanı

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 bir varsayılan kodlama ayarlamayla ilgili bilgi edinme konusunda bkz. “Belge oluşturma ve açma”
sayfa
1 Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
2 Soldaki Kategori listesinden Fontlar'ı seçin.
3 Font Ayarları listesinden bir kodlama türü (Batı Avrupa veya Japonca gibi) seçin.
Not: Bir Asya dili görüntülemek için çift bayt fontları destekleyen bir işletim sistemi kullanıyor olmalısınız.
4 Seçili kodlamanın her kategorisi için kullanılacak font ve boyutu seçin.
Not: Font açılır menülerinde görüntülenmesi için bir fontun bilgisayarınızda yüklü olması gerekir. Örneğin Japonca
metni görmek için yüklü Japonca fontunuz olmalıdır.
Orantısal Font Dreamweaver uygulamasının normal metni (örneğin paragraflardaki metni, başlıkları ve tabloları)
görüntülemek için kullandığı fonttur. Varsayılan font, sisteminizde yüklü olan fontlara bağlıdır. Birçok ABD sistemi
için varsayılan font Times New Roman 12 pt'dir. (Orta) Windows'ta ve Times 12 pt. Mac OS'ta.
Karışık Font Dreamweaver uygulamasının pre, code ve tt etiketleri içindeki metni görüntülemek için kullandığı
fonttur. Varsayılan font, sisteminizde yüklü olan fontlara bağlıdır. Birçok ABD sistemi için varsayılan font Courier
New 10 pt'dir. (Küçük) Windows'ta ve Monaco 12 pt. Mac OS'ta.
Kod Görünümü Kod görünümünde ve Kod denetleyicide görüntülenen tüm metinlerde kullanılan fonttur. Varsayılan
font, sisteminizde yüklü olan fontlara bağlıdır.

Daha fazla Yardım konusu


“Belge kodlamasını anlama” sayfa

Dreamweaver vurgulama renklerini özelleştirme


Şablon bölgelerini, kitaplık öğelerini, üçüncü şahıslara ait etiketleri, mizanpaj öğelerini ve Dreamweaver içindeki kodu
özelleştirmek için Vurgulama tercihlerini kullanın.

Daha fazla Yardım konusu


“Renk seçiciyi kullanma” sayfa
“div etiketlerinin vurgu rengini değiştirme” sayfa

Vurgulama rengini değiştirme


1 Düzen > Tercihler'i, sonra da Vurgulama kategorisini seçin.
2 Vurgulama rengini değiştirmek istediğiniz nesnenin yanındaki renk kutusunu tıklatın, sonra yeni bir renk seçmek
için renk seçiciyi kullanın veya onaltılı bir değer girin.

Nesnenin vurgulanmasını etkinleştirme veya devre dışı bırakma


1 Düzen > Tercihler'i, sonra da Vurgulama kategorisini seçin.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 33
Çalışma Alanı

2 Vurgulama rengini etkinleştirmek veya devre dışı bırakmak istediğiniz nesnenin yanındaki Göster seçeneğini
işaretleyin veya bu seçeneğin işaretini kaldırın.

Varsayılan tercihleri geri yükleme


Varsayılan Dreamweaver tercihlerini geri yüklemeyle ilgili yordamlar için bkz. Tech Note

Klavye kısayolları
Geçerli kısayol kümesi için bir referans sayfası oluşturma
Bir referans sayfası, geçerli kısayol kümesinin bir kaydıdır. Bilgiler HTML tablosu formatında saklanır. Referans
sayfasını yazdırabilir veya bir web tarayıcısında görüntüleyebilirsiniz.
1 Düzen > Klavye Kısayolları (Windows) veya Dreamweaver > Klavye Kısayolları (Macintosh) menü komutunu
seçin.
2 İletişim kutusunun en üstündeki dört düğmeden üçüncüsü olan Kümeyi HTML Olarak Dışa Aktar düğmesini
tıklatın.
3 Açılan Kaydet iletişim kutusunda referans sayfasının adını girin ve dosya kaydetmek için uygun yeri seçin.

Klavye kısayollarını özelleştirme


Kod parçacıklarına yönelik kısayollar dahil kendi klavye kısayollarınızı oluşturmak için Klavye Kısayolu Düzenleyici'yi
kullanın. Ayrıca kısayolları çıkarabilir, varolan kısayolları düzenleyebilir ve Klavye Kısayol Düzenleyici'de önceden
belirlenmiş bir kısayol kümesini seçebilirsiniz.

Daha fazla Yardım konusu


“Kod parçacıklarıyla çalışma” sayfa

Klavye kısayolu oluşturma


Kendi kısayol tuşlarınızı oluşturun, varolan kısayolları düzenleyin veya önceden belirlenmiş bir kısayol kümesini
seçin.
1 Düzen > Klavye Kısayolları (Windows) veya Dreamweaver > Klavye Kısayolları (Macintosh) menü komutunu
seçin.
2 Aşağıdaki seçeneklerden herhangi birini belirleyin ve Tamam'ı tıklatın:
Geçerli Kümesi Dreamweaver ile gelen veya kendi özel tanımladığınız önceden belirlenmiş bir kümeyi seçmenize
olanak verir. Önceden belirlenmiş kümeler menünün en üstünde listelenir. Örneğin HomeSite veya BBEdit
programlarındaki kısayolları biliyorsanız, ilgili önceden belirlenmiş kümeyi seçerek bu kısayolları kullanabilirsiniz.
Komutlar Düzenlemek üzere bir komut kategorisi seçmenize olanak verir. Örneğin Aç komutu gibi menü komutlarını
veya Ayraçları Dengele gibi kod düzenleme komutlarını düzenleyebilirsiniz.
Bir kod parçacığına klavye kısayolu eklemek veya bu kısayolu düzenlemek için, Komutlar açılır menüsünden Kod
Parçacığı'nı seçin.
Komut listesi Komutlar açılır menüsünden seçtiğiniz kategori ile ilgili komutları, beraberlerinde de bunlara atanmış
kısayolları gösterir. Menü Komutları kategorisi, bu listeyi menülerin yapısını tekrarlayan bir ağaç görünümü olarak
gösterir. Diğer kategoriler, komutları adlarıyla (örneğin Uygulamadan Çık), düz bir liste olarak gösterir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 34
Çalışma Alanı

Kısayollar Seçili komuta atanmış tüm kısayolları gösterir.

Öğe Ekle (+) Geçerli komuta yeni bir kısayol ekler. Bu düğmeyi Kısayollar'a yeni boş bir satır eklemek için tıklatın.
Yeni bir tuş bileşimi girin ve bu komuta yeni bir klavye kısayolu eklemek için Değiştir'i tıklatın. Her komuta iki farklı
klavye kısayolu atayabilirsiniz; bir komuta zaten iki kısayol atanmışsa, Öğe Ekle düğmesi hiçbir şey yapmaz.
Öğeyi Kaldır (-) Seçili kısayolu kısayol listesinden kaldırır.

Basılacak Tuş Bir kısayol eklerken veya değiştirirken girdiğiniz tuş bileşimini gösterir.

Değiştir Basılacak Tuş'ta gösterilen tuş bileşimini kısayollar listesine ekler veya seçili kısayolu belirtilen tuş bileşimi ile
değiştirir.
Kümeyi Çoğalt Geçerli kümeyi çoğaltır. Yeni kümeye bir ad verin; varsayılan ad geçerli küme adının sonuna kopya
kelimesi eklenmiş halidir.
Kümeyi Yeniden Adlandır Geçerli kümeyi yeniden adlandırır.

HTML Dosyası Olarak Dışa Aktar Geçerli kümeyi, kolay görüntüleme ve yazdırma için bir HTML tablosu formatında
kaydeder. HTML dosyasını tarayıcınızda açabilir ve kolay referans olması için kısayolları yazdırabilirsiniz.
Kümeyi Sil Bir kümeyi siler. (Etkin kümeyi silemezsiniz.)

Komuttan bir kısayolu çıkarma


1 Düzen > Klavye Kısayolları (Windows) veya Dreamweaver > Klavye Kısayolları (Macintosh) menü komutunu
seçin.
2 Komutlar açılır menüsünden bir komut kategorisi seçin.
3 Komutlar listesinde bir komut ve bir kısayol seçin.
4 Öğeyi Kaldır (-) düğmesini tıklatın.

Komuta kısayol ekleme


1 Düzen > Klavye Kısayolları (Windows) veya Dreamweaver > Klavye Kısayolları (Macintosh) menü komutunu
seçin.
2 Komutlar açılır menüsünden bir komut kategorisi seçin.
3 Komutlar listesinde bir komut seçin.
Bir kod parçacığına bir klavye kısayolu eklemek için, Komutlar açılır menüsünden Parçacık'ı seçin.

Komuta atanan kısayollar Kısayollar'da görüntülenir.


4 Aşağıdakilerden birini yaparak bir kısayol eklemeye hazırlanın:
• Komuta atanmış ikiden az kısayol varsa, Öğe Ekle (+) düğmesini tıklatın. Kısayollar'da yeni bir boş satır
görüntülenir ve ekleme noktası Basılacak Tuş'a gider.
• Komuta zaten iki kısayol atanmışsa, birini seçin (yeni kısayol bu seçilenin üzerine yazılır). Sonra Basılacak Tuş'u
tıklatın.
5 Bir tuş bileşimine basın. Tuş bileşimi Basılcak Tuş'ta görüntülenir.
Not: Tuş bileşimi ile ilgili bir sorun varsa (örneğin tuş bileşimi daha önce başka bir komuta atanmışsa), Kısayollar'ın
hemen altında bu durumu açıklayan bir mesaj görüntülenir ve kısayolu eklemeniz ya da düzenlemeniz mümkün
olmayabilir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 35
Çalışma Alanı

6 Değiştir'i tıklatın. Yeni tuş bileşimi komuta atanır.

Varolan bir kısayolu düzenleme


1 Düzen > Klavye Kısayolları (Windows) veya Dreamweaver > Klavye Kısayolları (Macintosh) menü komutunu
seçin.
2 Komutlar açılır menüsünden bir komut kategorisi seçin.
3 Komutlar listesinde değiştirmek üzere bir komut ve bir kısayol seçin.
4 Basılacak Tuş'u tıklatın ve yeni tuş bileşimini girin.
5 Kısayolu değiştirmek için Değiştir düğmesini tıklatın.
Not: Tuş bileşimi ile ilgili bir sorun varsa (örneğin tuş bileşimi daha önce başka bir komuta atanmışsa), Kısayollar
alanının hemen altında bu durumu açıklayan bir mesaj görüntülenir ve kısayolu eklemeniz ya da düzenlemeniz
mümkün olmayabilir.

Klavye kısayolları ve ABD'ye özgü olmayan klavyeler hakkında


Varsayılan Dreamweaver klavye kısayolları, esas olarak ABD'ye özgü standart klavyelerde çalışır. Başka ülkelere özgü
klavyeler (İngiltere'de üretilenler dahil) bu kısayollardan yararlanmak için gerekli işlevselliği sağlamıyor olabilir.
Klavye Dreamweaver'a özgü belirli kısayolları desteklemezse, Dreamweaver bunların işlevini devreden çıkarır.
ABD'ye özgü olmayan klavyelerde çalışan klavye kısayollarını özelleştirmek için Dreamweaver'ı Genişletme'deki
“Klavye kısayol eşlemelerini değiştirme” konusuna bakın.

Eklentiler
Dreamweaver'da eklenti ekleme ve yönetme
Eklentiler, Dreamweaver uygulamasına kolayca ekleyebileceğiniz yeni özelliklerdir. Birçok eklenti türü
kullanabilirsiniz; örneğin tablolarınızı yeniden formatlamanıza, arka uç veritabanlarına bağlanmanıza veya tarayıcılar
için komut dosyaları yazmanıza yardımcı olan eklentiler vardır.
Not: Çok kullanıcılı bir işletim sisteminde tüm kullanıcıların erişebildiği eklentiler kurmak için Yönetici (Windows) veya
kök (Mac OS X) olarak oturum açmış olmanız gerekir.
En yeni Dreamweaver eklentileri hakkında bilgi almak için seafoodplus.info
adresindeki Adobe Exchange web sitesini kullanın. Bu adrese gittiğinizde giriş yapıp eklentiler (çoğu ücretsizdir)
indirebilir, tartışma gruplarına katılabilir, kullanıcı derecelendirmelerini ve incelemelerini okuyabilir ve Extension
Manager programını kurup kullanabilirsiniz. Eklentileri yükleyebilmeniz için önce Extension Manager programını
kurmanız gerekir.
Extension Manager Adobe uygulamalarında eklentiler kurup yönetmenize izin veren ayrı bir uygulamadır. Extension
Manager programını Dreamweaver uygulamasında Komutlar > Eklentileri Yönet'i seçerek başlatın.
1 Adobe Exchange web sitesinde, bir eklentinin indirme bağını tıklatın.
Tarayıcınız dosyayı doğrudan siteden açıp kurmanıza veya diskinize kaydetmenize izin verebilir.
• Eklentiyi doğrudan siteden açıyorsanız, Extension Manager kurulumu otomatik olarak kendi yapar.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 36
Çalışma Alanı

• Eklentiyi diske kaydederseniz, eklenti paketi dosyasını (.mxp veya .mxi) kaydetmek için iyi bir yer, bilgisayarınızda
Dreamweaver uygulamasının klasöründeki Downloaded Extensions klasörüdür.
2 Eklenti paketi dosyasını çift tıklatın veya Extension Manager'ı açıp Dosya > Eklentiyi Kur'u seçin. (Bazı eklentiler
uygulama yeniden başlatılıncaya kadar erişilebilir değildir.
Not: Eklenti kaldırmak veya bir eklenti hakkında daha fazla bilgi almak için Extension Manager'ı kullanın.

Daha fazla Yardım konusu


“Çok kullanıcılı sistemlerde Dreamweaver'ı özelleştirme hakkında” sayfa 29

Son güncelleme 2/5/


37

Bölüm 3: Dreamweaver siteleriyle çalışma


Adobe® Dreamweaver® CS5 sitesi, web sitenizdeki tüm dosyaların ve varlıkların oluşturduğu gruptur. Web sayfalarını
bilgisayarınızda oluşturabilir, web sunucusuna yükleyebilir ve güncelleştirilen dosyaları her kaydedişinizde aktararak
siteyi hazır durumda tutabilirsiniz. Ayrıca Dreamweaver kullanılmadan oluşturulmuş web sitelerini de düzenleyebilir
ve bulundurabilirsiniz.

Dreamweaver sitesi kurma


Dreamweaver siteleri hakkında
Dreamweaver uygulamasında “site” terimi, bir web sitesine ait olan belgeler için yerel veya uzak depolama konumunu
ifade etmektedir. Dreamweaver sitesi, tüm web belgelerinizi düzenlemeniz ve yönetmeniz, sitenizi web sunucusuna
yüklemeniz, bağlarınızı izlemeniz ve korumanız ile dosyaları yönetmeniz ve paylaşmanız için bir yöntem sunar.
Dreamweaver uygulamasının özelliklerinden tam olarak yararlanmak için bir site tanımlamanız gerekir.
Not: Dreamweaver sitesi tanımlamak için yalnızca yerel bir klasör hazırlamanız yeterlidir. Web sunucusuna dosya
aktarmak ya da web uygulamaları geliştirmek için ayrıca uzak bir siteye ve test sunucusuna ilişkin bilgileri de eklemeniz
gerekir.
Dreamweaver sitesi, geliştirme ortamınıza ve geliştirdiğiniz web sitesinin türüne göre en çok üç bölümden ya da
klasörden oluşur:
Yerel kök klasörü Üstünde çalıştığınız dosyaları depolar. Dreamweaver bu klasörü “yerel siteniz” olarak adlandırır. Bu
klasör genellikle yerel bilgisayarınızdadır ancak bir ağ sunucusunda da bulunabilir.
Uzak klasör Dosyaları test, üretim, birlikte çalışma ve benzer amaçlar için depolar. Dreamweaver bu klasörü “uzak
siteniz” olarak adlandırır. Normalde, uzak klasörünüz web sunucunuzun çalıştığı bilgisayarda bulunur. Uzak klasör,
kullanıcıların İnternet üzerinden eriştiği dosyaları içerir.
Yerel ve uzak klasörler yerel sabit diskiniz ve web sunucunuz arasında dosya aktarmanızı sağlayarak Dreamweaver
sitelerinizdeki dosyaları yönetmenizi kolaylaştırır. Yerel klasördeki dosyalar üzerinde çalışıp diğer kişilerin görmesini
istediğiniz uzak klasörde yayınlayabilirsiniz.
Test sunucusu klasörü Dreamweaver uygulamasının dinamik sayfaları işlediği klasördür.

Yeni bir Dreamweaver sitesi tanımlamayla ilgili video eğitimi için bkz. seafoodplus.info

Yerel ve uzak klasör yapısını anlama


Dreamweaver uygulamasını uzak klasöre bağlanmak için kullanmak istediğinizde, Site Tanımı iletişim kutusunun
Uzak Bilgiler kategorisinde uzak klasörü belirlemelisiniz. Belirlediğiniz uzak klasör (“ana bilgisayar dizini” olarak da
bilinir), Dreamweaver sitenizin yerel kök klasörüne karşılık gelmelidir. (Yerel kök klasörü, Dreamweaver sitenizin üst
düzey klasörüdür.) Uzak klasörler, yerel klasörler gibi, herhangi bir başlığa sahip olabilir ancak, genel olarak, Internet
Servis Sağlayıcılar, bağımsız kullanıcı hesapları için public_html, pub_html veya benzeri biçimde üst düzey uzak
klasöri adlandırır. Kendi uzak sunucunuzla çalışıyorsanız ve uzak klasörü istediğiniz gibi adlandırabiliyorsanız, yerel
kök klasörünüzün ve uzak klasörünüzün adlarının aynı olması iyi bir fikirdir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 38
Dreamweaver siteleriyle çalışma

Aşağıda örnekte sol tarafta bir örnek yerel kök klasör ve sağ tarafta örnek uzak klasör gösterilmektedir. Yerel
makinenizdeki yerel kök klasör, uzak klasörün alt klasörleri veya dizin yapısında uzak klasörün üstündeki klasörler
yerine, web sunucusundaki uzak klasörle doğrudan eşleşir.

hayır oturum açma dizini


(Bu durumda uzak
klasör olmamalıdır)

Yerel klasör evet ortak_html


(kök klasör) (Uzak klasör
olmalıdır)

Varlıklar hayır Varlıklar


(Uzak klasör
olmamalıdır)

HTML HTML

Not: Yukarıdaki örnek, yerel makinedeki yerel kök klasörü ve uzak web sunucusundaki bir üst düzey uzak klasörü
göstermektedir. Bununla birlikte, yerel makinedeki Dreamweaver sitelerinin sayısını tutuyorsanız, uzak sunucudaki
uzak klasörlere eşit bir sayıya gereksiniminiz olacaktır. Bu durumda, yukarıdaki örnek geçerli olmayacaktır ve
public_html klasörü içinde farklı uzak klasörler oluşturacak ve ardından bunları yerel makinenizdeki ilgili yerel kök
klasörlerle eşleştireceksiniz.
Bir uzak bağlantıyı ilk olarak kurduğunuzda, web sunucusundaki uzak klasör genellikle boştur. Ardından, yerel kök
klasörünüzdeki tüm dosyaları karşıya yüklemek için Dreamweaver uygulamasını kullandığınızda, uzak klasör tüm
web dosyalarınızla doldurulur. Uzak klasörün dizin yapısı ve yerel kök klasörü her zaman aynı olmalıdır. (Diğer bir
deyişle, yerel kök klasörünüzdeki dosyalar ve klasörler ile uzak klasörünüzdeki dosya ve klasörler arasında her zaman
bire bir karşılık olmalıdır.) Uzak klasörün yapısı yerel kök klasörünün yapısıyla eşleşmezse, Dreamweaver dosyaları
yanlış konuma yükler ve dosyalar site ziyaretçileri tarafından görülmeyebilir. Ayrıca, klasör ve dosya yapıları
eşitlenmediğinde görüntü ve bağ yolları kolayca kopabilir.
Dreamweaver uygulamasının bağlanabilmesi için uzak klasör bulunmalıdır. Web sunucunda uzak klasör olarak işlem
yapan atanmış bir klasör yoksa, bir tane oluşturun veya sunucunun yöneticisinden sizin için bir tane oluşturmasını
isteyin.

Yeni bir site kurma


Dreamweaver sitesi hazırlamak, bir web sitesiyle ilişkili tüm belgeleri yönetmenin bir yoludur. Site Kurulumu iletişim
kutusu Dreamweaver siteniz için ayarları belirlediğiniz yerdir.
Site Kurulumu iletişim kutusunu açmak için Site > Yeni Site öğesini seçin.
Yeni bir Dreamweaver sitesi kurmayla ilgili video eğitimi için bkz. seafoodplus.info

Yerel site konumunu belirtme


Site Kurulumu iletişim kutusunun Site kategorisi Dreamweaver sitenizle çalışmaya başlamak için doldurmanız
gereken tek yerdir. Bu kategori sitenizin tüm dosyalarını depolayacağınız yerel dosyayı belirlemenize izin verir. Yerel
klasör yerel bilgisayarınızda veya bir ağ sunucusunda bulunabilir
Hazır olduğunuzda, Site Kurulumu iletişim kutusunda, uzak sunucunuzda uzak bir klasörü belirttiğiniz Sunucular
kategorisini içeren diğer kategorileri doldurabilirsiniz.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 39
Dreamweaver siteleriyle çalışma

Not: Yerel kök klasörünüz web sunucunuzu çalıştıran sistemdeyse, uzak klasör belirtmeniz gerekmez. Bu, web
sunucusunun yerel bilgisayarınızda çalıştığını gösterir.
Site Adı Dosyalar panelinde ve Siteleri Yönet iletişim kutusunda görünen ad; bu ad tarayıcıda görünmez.

Yerel Site Klasörü Yerel diskinizde site dosyalarınızı, şablonlarınızı ve kitaplık öğelerinizi depoladığınız klasörün adı.
Sabit diskinizde bir klasör oluşturun ya da klasöre gözatmak için klasör simgesini tıklatın. Dreamweaver uygulaması
site kökünü temel alan bağları çözerken bu işlemi bu klasöre göre yapar.

Sunucuları belirtme
Sunucular kategorisi uzak sunucuları ve test sunucularını belirtmenize olanak sağlar.
Uzak sunucu; dosyaları üretim, birlikte çalışma, dağıtma ve bir dizi diğer işlem için depolayacak uzak klasörü
belirttiğiniz yerdir. Normalde, uzak klasör web sunucunuzun çalıştığı bilgisayarda bulunur.
Dreamweaver Dosyalar panelinde, uzak klasör uzak siteniz olarak adlandırılır. Uzak klasör kurduğunuzda,
Dreamweaver uygulamasının web sunucunuza ve web sunucunuzdan dosya yüklemesi için bir bağlantı yöntemi
seçmeniz gerekir.
Not: Dreamweaver, IPv6 etkin sunuculara bağlantıları destekler. Desteklenen bağlantı türleri FTP, SFTP, WebDav ve
RDS'yi içerir. Daha fazla bilgi için bkz. seafoodplus.info

Yerel veya ağ bağlantılarının seçeneklerini ayarlama


Ağ klasörüne bağlanmak için ya da dosyalarınızı yerel bilgisayarda depoluyorsanız veya test sunucunuzu yerel
bilgisayarda çalıştırıyorsanız bu ayarı kullanın.
1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.
3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için Yeni Sunucu Ekle düğmesini tıklatın
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın
4 Sunucu Adı metin kutusunda yeni sunucu için bir ad belirtin. Ad istediğiniz herhangi bir öğe olabilir.
5 Şunu Kullanarak Bağlan açılır menüsünden Yerel/Ağ öğesini seçin.
6 Site dosyalarınızı depoladığınız klasöre göz atmak ve klasörü seçmek için Sunucu Klasörü metin kutusunun
yanındaki klasör simgesini tıklatın.
7 Web URL'si metin kutusuna web sitenizin URL'sini girin (örneğin seafoodplus.info). Dreamweaver
Web URL'sini site köküyle ilgili bağlar oluşturmak ve bağ denetleyicisini kullandığınızda bağları doğrulamak için
kullanır.
Bu seçeneğin daha kapsamlı bir açıklaması için bkz. “Gelişmiş Ayarlar kategorisi” sayfa
8 Temel ekranı kapatmak için Kaydet'i tıklatın. Daha sonra, Sunucular kategorisinde, eklediğiniz veya düzenlediğiniz
sunucunun uzak sunucu mu, test sunucusu mu yoksa ikisi birden mi olduğunu belirtin.

FTP bağlantılarına yönelik seçenekleri ayarlama


Web sunucunuza FTP kullanarak bağlanıyorsanız bu ayarı kullanın.
1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 40
Dreamweaver siteleriyle çalışma

3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için Yeni Sunucu Ekle düğmesini tıklatın
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın
Aşağıdaki resim, metin alanları doldurulmuş Sunucu kategorisinin Temel ekranını göstermektedir.

Sunucu kategorisinin temel ekranı, Site Kurulumu iletişim kutusu.

4 Sunucu Adı metin kutusunda yeni sunucu için bir ad belirtin. Ad istediğiniz herhangi bir öğe olabilir.
5 Şunu Kullanarak Bağlan açılır menüsünden FTP seçin.
6 FTP Adresi metin kutusunda, web sitenizin dosyalarını yüklediğiniz FTP sunucusunun adresini girin.
FTP adresiniz, bir bilgisayar sisteminin seafoodplus.info gibi tam İnternet adıdır. Adresi başka metin eklemeden
tam olarak girin. Özellikle, adresin önüne protokol adı eklemeyin.
FTP adresinizi bilmiyorsanız web barındırma şirketinizle bağlantı kurun.
Not: Bağlantı Noktası 21, FTP bağlantılarını almak için varsayılan bağlantı noktasıdır. Varsayılan bağlantı noktasını
numarasını sağ taraftaki metin kutusunu düzenleyerek değiştirebilirsiniz. Ayarlarınızı kaydettiğinizde sonuç iki nokta
üst üste olur ve yeni bağlantı noktası numarası FTP adresinize eklenir (örneğin, seafoodplus.info).
7 Kullanıcı Adı ve Şifre metin kutularına, FTP sunucusuna bağlanmak için kullandığınız kullanıcı adını ve şifreyi
girin.
8 FTP adresinizi, kullanıcı adınızı ve şifrenizi test etmek için Test'i tıklatın.
Not: FTP adresi, kullanıcı adı ve şifre bilgilerini sitenizi barındıran şirketin sistem yöneticisinden almanız gerekir. Diğer
kişiler bu bilgilere erişemez. Sistem yöneticisinin vermiş olduğu bilgileri aynen girin.
9 Dreamweaver varsayılan olarak parolanızı kaydeder. Uzak sunucuya her bağlanışınızda Dreamweaver
uygulamasının size parola sormasını istiyorsanız Kaydet seçeneğinin işaretini kaldırın.
10 Kök Dizini metin kutusunda, herkesin görebildiği belgeleri depoladığınız uzak sunucudaki dizini (klasörü) girin.
Kök dizini olarak ne gireceğinizden emin değilseniz sunucunun yöneticisiyle bağlantı kurun veya metin kutusunu boş
bırakın. Bazı sunucularda kök dizininiz FTP ile bağlandığınız ilk dizinle aynıdır. Dizini bulmak için sunucuya
bağlanın. Dosyalar panelinizdeki Uzak Dosya görünümünde public_html ya da www veya kullanıcı adınızın olduğu
bir klasör görünürse, bu büyük olasılıkla Kök Dizini metin kutusuna girmeniz gereken dizindir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 41
Dreamweaver siteleriyle çalışma

11 Web URL'si metin kutusuna web sitenizin URL'sini girin (örneğin seafoodplus.info). Dreamweaver
Web URL'sini site köküyle ilgili bağlar oluşturmak ve bağ denetleyicisini kullandığınızda bağları doğrulamak için
kullanır.
Bu seçeneğin daha kapsamlı bir açıklaması için bkz. “Gelişmiş Ayarlar kategorisi” sayfa
12 Hala daha fazla seçeneği ayarlamanız gerekiyorsa Daha Fazla Seçenek bölümünü genişletin.
13 Proxy yapılandırmanız pasif FTP kullanılmasını gerektiriyorsa Pasif FTP Kullan'ı işaretleyin.
Pasif FTP, yerel yazılımınızın FTP bağlantısı kurulmasını uzak sunucudan istemesi yerine FTP bağlantısını kendisinin
kurmasını sağlar. Pasif FTP kullanıp kullanmadığınızı bilmiyorsanız, sistem yöneticinize danışın veya Pasif FTP
Kullan seçeneğini işaretlemeyi ve işareti kaldırmayı deneyin.
Daha fazla bilgi için, seafoodplus.info adresindeki Adobe web sitesinde bulunan numaralı
TechNote makalesine başvurun.
14 IPv6 etkin bir FTP sunucu kullanıyorsanız, IPv6 Aktarım Modunu Kullan seçeneğini belirleyin.
Internet Protokolü sürüm 6'nın dağıtılmasıyla (IPv6), PORT ve PASV FTP komutlarının yerini sırasıyla EPRT ve
EPSV almıştır. Bu nedenle, IPv6 etkin bir FTP sunucusuna bağlanıyorsanız veri bağlantınız için genişletilmiş pasif
(EPSV) ve genişletilmiş aktif (EPRT) komutlarını kullanmanız gerekir.
Daha fazla bilgi için bkz. seafoodplus.info
15 Bir proxy ana bilgisayarı veya proxy bağlantı noktası belirtmek istiyorsanız Proxy Kullan öğesini seçin.
Daha fazla bilgi için, Tercihler iletişim kutusuna gitmek için bağı tıklatın ve ardından Tercihler iletişim kutusunun Site
kategorisinde Yardım düğmesini tıklatın.
16 Temel ekranı kapatmak için Kaydet'i tıklatın. Daha sonra, Sunucular kategorisinde, eklediğiniz veya düzenlediğiniz
sunucunun uzak sunucu mu, test sunucusu mu yoksa ikisi birden mi olduğunu belirtin.
FTP bağlantı sorunlarını gidermeyle ilgili yardım için seafoodplus.info adresindeki Adobe web
sitesinde TechNote kb makalesine bakın.

FTPS bağlantıları için seçenekleri ayarlama (CS)


FTPS (SSL üzerinden FTP), yalnızca şifreleme desteği sağlayan SFTP ile karşılaştırıldığında hem şifreleme hem de
kimlik doğrulama desteği sağlar.
Veri aktarımı için FTPS kullanırken, kimlik bilgilerinizi ve ayrıca sunucuya aktarılan verileri şifrelemeyi seçebilirsiniz.
Ayrıca, sunucunun kimlik bilgilerini ve bağlantılarını doğrulamayı seçebilirsiniz. Sunucunun kimlik bilgileri,
Dreamweaver veritabanındaki geçerli güvenilir CA sunucu sertifikaları setine göre doğrulanır. VeriSign, Thawte vb.
şirketleri içeren Sertifika Yetkilileri (CA'lar), dijital olarak imzalanmış sunucu sertifikaları yayınlar.
Not: Bu yordam FTPS'ye özgü seçenekleri açıklar. Normal FTP seçenekleriyle ilgili bilgi için önceki bölüme bakın.
1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.
3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için "+" (Yeni Sunucu Ekle) düğmesini tıklatın.
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın.
4 Sunucu Adı öğesinde yeni sunucu için bir ad belirtin.
5 Şunu Kullanarak Bağlan öğesinde gereksiniminize göre aşağıdakilerden birini seçin.
SSL/TLS üzerinden FTP (Kapalı Şifreleme) Güvenlik talebi alınmazsa sunucu bağlantıyı sonlandırır.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 42
Dreamweaver siteleriyle çalışma

SSL/TLS üzerinden FTP (Açık Şifreleme) İstemci güvenlik talep etmezse sunucu güvenli olmayan işleme devam
etmeyi seçebilir veya bağlantıyı reddedebilir/sınırlandırabilir.
6 Kimlik Doğrulama öğesinde aşağıdakilerden birini seçin:
Yok Sunucunun imzalı veya kendinden imzalı olan kimlik bilgileri görüntülenir. Sunucu kimlik bilgilerini kabul
ederseniz, sertifika Dreamweaver'da seafoodplus.info sertifika deposuna eklenir. Aynı sunucuya bir sonraki
bağlanışınızda Dreamweaver doğrudan sunucuya bağlanır.
Not: Kendinden imzalı bir sertifikanın kimlik bilgileri sunucuda değişmişse, yeni kimlik bilgilerini kabul etmeniz
istenir.
Güvenilir Sunulan sertifika Dreamweaver veritabanındaki geçerli güvenilir CA sunucu sertifikaları setine göre
doğrulanır. Güvenilir sunucular listesi seafoodplus.info dosyasında saklanır.
Not: Güvenilir Sunucu'yu seçip kendinden imzalı bir sunucuya bağlanırsanız bir hata mesajı görüntülenir.
7 Daha fazla seçenek ayarlamak için Daha Fazla Seçenek bölümünü genişletin.
Yalnızca Komut Kanalını Şifrele Yalnızca aktarılan komutları şifrelemek istiyorsanız bu seçeneği belirleyin. Bu
seçeneği yalnızca aktarılan veri şifreliyse veya hassas bilgiler içermiyorsa kullanın.
Yalnızca Kullanıcı Adını ve Şifreyi Şifrele Yalnızca kullanıcı adınızı ve şifrenizi şifrelemek istiyorsanız bu seçeneği
belirleyin.
8 Temel ekranı kapatmak için Kaydet'i tıklatın. Daha sonra Sunucular kategorisinde eklediğiniz veya düzenlediğiniz
sunucunun uzak sunucu mu, test sunucusu mu yoksa ikisi birden mi olduğunu belirtin.
FTP bağlantı sorunlarını gidermeyle ilgili yardım için seafoodplus.info adresindeki Adobe web
sitesinde TechNote kb makalesine bakın.

SFTP bağlantılarına yönelik seçenekleri ayarlama


Proxy yapılandırmanız güvenli FTP kullanılmasını gerektiriyorsa, Güvenli FTP (SFTP) kullanın. SFTP test
sunucunuza yapılan bir bağlantıyı güvenli duruma getirmek için şifreleme ve genel anahtarlar kullanır.
Not: Bu seçeneği kullanabilmeniz için, sunucunuzun bir SFTP hizmeti kullanıyor olması gerekir. Sunucunuzda SFTP
çalışıp çalışmadığını bilmiyorsanız, sunucu yöneticinize başvurun.
1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.
3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için Yeni Sunucu Ekle düğmesini tıklatın
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın
4 Sunucu Adı metin kutusunda yeni sunucu için bir ad belirtin. Ad istediğiniz herhangi bir öğe olabilir.
5 Şunu Kullanarak Bağlan açılır menüsünden SFTP'yi seçin.
Seçeneklerin geri kalanı FTP bağlantılarına yönelik seçeneklerle aynıdır. Daha fazla bilgi için yukarıdaki bölüme bakın.
Not: Bağlantı Noktası 22, STFP bağlantılarını almak için varsayılan bağlantı noktasıdır.

WebDAV bağlantı seçeneklerini ayarlama


Bu ayarı web sunucunuza Web Tabanlı Dağıtılmış Yazma ve Sürüm Oluşturma (WebDAV) protokolünü kullanarak
bağlanıyorsanız kullanın.
Bu bağlantı yöntemi için, bu protokolü destekleyen Microsoft Internet Information Server (IIS) ya da uygun şekilde
yapılandırılmış Apache web sunucusu gibi bir sunucunuz olmalıdır.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 43
Dreamweaver siteleriyle çalışma

Not: Bağlantı yöntemi olarak WebDAV öğesini seçerseniz ve Dreamweaver uygulamasını çok kullanıcılı bir ortamda
kullanıyorsanız, tüm kullanıcılarınızın da bağlantı yöntemi olarak WebDAV'ı seçtiğinden emin olmanız gerekir. Bazı
kullanıcılar WebDAV öğesini ve bazıları diğer bağlantı yöntemlerini (örneğin FTP) seçerse, WebDAV kendi kilitleme
sistemini kullandığından, Dreamweaver uygulamasının teslim etme/teslim alma özelliği beklendiği gibi çalışmaz.
1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.
3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için Yeni Sunucu Ekle düğmesini tıklatın
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın
4 Sunucu Adı metin kutusunda yeni sunucu için bir ad belirtin. Ad istediğiniz herhangi bir öğe olabilir.
5 Şunu Kullanarak Bağlan açılır menüsünden WebDAV öğesini seçin.
6 URL için, WebDAV sunucusunda bağlanmak istediğiniz dizinin tam URL'sini girin.
Bu URL protokolü, kapıyı ve dizini (kök dizin değilse) içerir. Örneğin, seafoodplus.infoanıseafoodplus.info
7 Kullanıcı adınızı ve şifrenizi girin.
Bu bilgiler sunucu kimlik denetimi içindir ve Dreamweaver ile ilgili değildir. Kullanıcı adınız ve parolanızdan emin
değilseniz sistem yöneticinizle ya da web yöneticinizle görüşün.
8 Bağlantı ayarlarınızı test etmek için Test'i tıklatın.
9 Her yeni oturum başlattığınızda Dreamweaver uygulamasının parolanızı hatırlamasını istiyorsanız Kaydet
seçeneğini belirleyin.
10 Web URL'si metin kutusuna web sitenizin URL'sini girin (örneğin seafoodplus.info). Dreamweaver
Web URL'sini site köküyle ilgili bağlar oluşturmak ve bağ denetleyicisini kullandığınızda bağları doğrulamak için
kullanır.
Bu seçeneğin daha kapsamlı bir açıklaması için bkz. “Gelişmiş Ayarlar kategorisi” sayfa
11 Temel ekranı kapatmak için Kaydet'i tıklatın. Daha sonra Sunucular kategorisinde eklediğiniz veya düzenlediğiniz
sunucunun uzak sunucu mu, test sunucusu mu yoksa ikisi birden mi olduğunu belirtin.

RDS bağlantı seçeneklerini ayarlama


Web sunucunuza RDS (Remote Development Services) kullanarak bağlanıyorsanız bu ayarı kullanın. Bu bağlantı
yöntemi için uzak sunucunuz Adobe® ColdFusion® çalıştıran bir bilgisayarda olmalıdır.
1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.
3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için Yeni Sunucu Ekle düğmesini tıklatın
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın
4 Sunucu Adı metin kutusunda yeni sunucu için bir ad belirtin. Ad istediğiniz herhangi bir öğe olabilir.
5 Şunu Kullanarak Bağlan açılır menüsünden RDS seçin.
6 Ayarlar düğmesini tıklatın ve RDS Sunucusunu Yapılandır iletişim kutusuna aşağıdaki bilgileri girin:
• Uzak klasör web sunucunuzun yüklü olduğu anasistem bilgisayarının adını girin.
Anasistem adı büyük olasılıkla bir IP adresi ya da URL'dir. Emin değilseniz yöneticinize sorun.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 44
Dreamweaver siteleriyle çalışma

• Bağlanmak istediğiniz kapı numarasını seçin.


• Anasistem dizini olarak kök uzak klasörünüzü girin.
Örneğin c:\inetpub\wwwroot\AnasistemDiz\.
• RDS kullanıcı adınızı ve şifrenizi girin.
Not: Kullanıcı adınızı ve şifrenizi ColdFusion Yöneticisi güvenlik ayarlarında belirlediyseniz bu seçenekler
görünmeyebilir.
• Dreamweaver uygulamasının ayarlarınızı anımsamasını istiyorsanız Kaydet seçeneğini işaretleyin.
7 RDS Sunucusunu Yapılandır iletişim kutusunu kapatmak için Tamam'ı tıklatın.
8 Web URL'si metin kutusuna web sitenizin URL'sini girin (örneğin seafoodplus.info). Dreamweaver
Web URL'sini site köküyle ilgili bağlar oluşturmak ve bağ denetleyicisini kullandığınızda bağları doğrulamak için
kullanır.
Bu seçeneğin daha kapsamlı bir açıklaması için bkz. “Gelişmiş Ayarlar kategorisi” sayfa
9 Temel ekranı kapatmak için Kaydet'i tıklatın. Daha sonra Sunucular kategorisinde eklediğiniz veya düzenlediğiniz
sunucunun uzak sunucu mu, test sunucusu mu yoksa ikisi birden mi olduğunu belirtin.

Microsoft Visual SourceSafe bağlantısı seçeneklerini ayarlama


Microsoft Visual SourceSafe desteği Dreamweaver CS5'ten itibaren bırakılmıştır.

Gelişmiş seçenekleri ayarlama


1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.
3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için Yeni Sunucu Ekle düğmesini tıklatın
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın
4 Temel seçenekleri gerektiği şekilde belirtin ve daha sonra Gelişmiş düğmesini tıklatın.
5 Yerel ve uzak dosyalarınızı otomatik olarak senkronize etmek istiyorsanız Senkronizasyon Sağla'yı seçin. (Bu
seçenek varsayılan olarak seçilidir.)
6 Dosyayı kaydettiğinizde Dreamweaver uygulamasının dosyanızı uzak sitenize yüklemesini istiyorsanız
Kaydedildiğinde Dosyaları Otomatik Olarak Sunucuya Yükle'yi seçin.
7 Teslim Etme/Teslim Alma sistemini etkinleştirmek istiyorsanız Dosya Teslim Almayı Etkinleştir'i seçin.
8 Bir Test sunucusu kullanıyorsanız, Sunucu Modeli açılır menüsünden bir sunucu modeli seçin. Daha fazla bilgi için
bkz. “Test sunucusu kurma” sayfa

Uzak klasör kurulumuyla ilgili sorunları giderme


Aşağıdaki liste uzak klasör kurarken karşılaşabileceğiniz yaygın sorunlara ve bunların nasıl çözüleceğine ilişkin bilgiler
sağlar.
seafoodplus.info adresindeki Adobe web sitesinde de, FTP sorun giderme bilgileri sunan kapsamlı bir
teknik not yer almaktadır.
• Dreamweaver FTP uygulaması belirli temsil sunucularıyla, çok katmanlı proxy'lerle ve dolaylı sunucu erişiminin
diğer şekilleriyle düzgün şekilde çalışmayabilir. FTP erişiminde sorunlarla karşılaşırsanız yerel sistem
yöneticinizden yardım isteyin.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 45
Dreamweaver siteleriyle çalışma

• Dreamweaver FTP uygulaması için, uzak sistemin kök dizinine bağlanmanız gerekir. Anasistem dizini olarak uzak
sistemin kök klasörünü belirttiğinizden emin olun. Anasistem dizinin tek bir bölme işareti (/) kullanarak
belirttiyseniz, bağlandığınız dizinden ve uzak kök klasörden görece bir yol belirtmeniz gerekir. Örneğin uzak kök
klasör daha üst düzey bir dizinse, anasistem dizini için ../../ belirtmeniz gerekebilir.
• Dosya ve klasör adlarında boşluk yerine alt çizgi kullanın ve mümkün olan her yerde özel karakter kullanmaktan
kaçının. Dosya veya klasör adlarındaki iki noktalar, eğik çizgiler, noktalar ve kesme işaretleri bazen sorunlara neden
olabilir.
• Uzun dosya adlarıyla ilgili sorunla karşılaşırsanız bu dosyaları daha kısa adlarla yeniden adlandırın. Mac OS'da
dosya adları 31 karakterden uzun olamaz.
• Birçok sunucu, sunucunun diskinin bir bölümündeki klasörle başka bir yerdeki bir klasör arasında bağlantı kurmak
için sembolik bağlantılar (UNIX), kısayollar (Windows) ya da diğer adlar (Macintosh) kullanır. Bu türdeki diğer
adlar uygun klasöre ya da dizine bağlanma yeteneğinizi etkilemez; ancak sunucunun bir bölümüne
bağlanabiliyorken başka bir bölümüne bağlanamıyorsanız diğer ad uyuşmazlığı olabilir.
• “Dosya yerleştirilemiyor” gibi bir hata mesajıyla karşılaşırsanız uzak klasörünüzde boş alan kalmamış olabilir. Daha
ayrıntılı bilgi için FTP günlüğüne bakın.
Not: Genel olarak, FTP aktarımıyla ilgili bir sorunla karşılaşırsanız, Pencere > Sonuçlar (Windows) ya da Site > FTP
Log (Macintosh) seçeneğini belirleyip ardından FTP Günlüğü sekmesini tıklatarak FTP günlüğünü inceleyin.

Sürüm Kontrolü kategorisi


Subversion kullanarak dosya alabilir ve teslim edebilirsiniz. Daha fazla bilgi için bkz. “Dosyaları almak ve teslim etmek
için Subversion (SVN) kullanma” sayfa

Gelişmiş Ayarlar kategorisi

Yerel Bilgiler
Varsayılan Görüntüler Klasörü Siteniz için olan görüntüleri saklamak istediğiniz klasör. Klasörün yolunu girin veya
klasöre gözatmak için klasör simgesini tıklatın. Dreamweaver belgelere görüntü eklediğinizde klasör yolunu kullanır.
Görece Bağlar Hedefi Diğer varlıklara veya sitenizdeki sayfalara bağ oluşturduğunuzda Dreamweaver'ın ne tür bağlar
oluşturduğunu belirtir. Dreamweaver iki tür bağ oluşturabilir: belgeyi temel alan ve site kökünü temel alan. İkisinin
arasındaki farklarla ilgili daha fazla bilgi için bkz “Mutlak, belgeyi temel alan ve site kökünü temel alan yollar”
sayfa
Varsayılan olarak, Dreamweaver belgeyi temel alan bağlar oluşturur. Varsayılan ayarı değiştirip Site Kökü seçeneğini
belirlerseniz, Web URL'si metin kutusunda (aşağıya bakınız) sitenin doğru Web URL'sinin girildiğinden emin olun.
Bu ayarı değiştirmek varolan bağların yolunu dönüştürmez; bu ayar yalnızca Dreamweaver ile görsel olarak
oluşturduğunuz yeni bağlara uygulanır.
Not: Bir test sunucusu belirtmedikçe veya Düzen > Tercihler > Tarayıcıda Önizleme öğesinde Geçici Dosya Kullanarak
Önizleme'yi seçmedikçe, belgeleri yerel bir tarayıcıda önizlerken site kökünü temel alan bağlarla bağlanmış içerik
görünmez. Bunun nedeni tarayıcının site köklerini tanımamasıdır, sunucular tanır.
Web URL’si Web sitenizin URL'si. Dreamweaver Web URL'sini site köküyle ilgili bağlar oluşturmak ve bağ
denetleyicisini kullandığınızda bağları doğrulamak için kullanır.
Site kökünü temel alan bağlar, çalıştığınız sayfanın dizin yapısındaki son konumdan emin değilseniz veya bağ içeren
dosyaları daha sonra yeniden konumlandıracağınızı ya da yeniden organize edeceğinizi düşünüyorsanız faydalıdır.
Site kökünü temel alan bağlar, diğer site varlıklarına giden yolları belgeleri değil, site kökünü temel alan bağlardır. Bu
yüzden belgeyi bir noktada taşırsanız, varlıklara giden yol doğru kalır.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 46
Dreamweaver siteleriyle çalışma

Örneğin, Web URL'si olarak seafoodplus.info (uzak sunucunun site kökü dizini)
adresini belirttiğinizi ve ayrıca uzak sunucuda benimsupersitem dizininde
(seafoodplus.info) bir görüntü klasörünüzün olduğunu varsayalım.
Ayrıca seafoodplus.info dosyanızın benimsupersitem dizininde olduğunu varsayalım.
seafoodplus.info dosyasından görüntü dizinindeki bir görüntüye site kökünü temel alan bir bağ oluşturduğunuzda, bağ şu
şekilde gözükür:
<img src="/mycoolsite/images/seafoodplus.info" />

Bu belgeyi temel alan, şu şekilde görüntülenecek bağdan farklıdır:


<img src="images/seafoodplus.info" />

/benimsupersitem/ öğesinin görüntü kaynağı bağına eklenmesi; görüntüyü, belgeyi temel alarak değil, site kökünü
temel alarak bağlar. Görüntünün görüntü dizininde kaldığını varsayıldığında, görüntünün dosya yolu
(/benimsupersitem/resimler/seafoodplus.info), seafoodplus.info dosyasını başka bir dizine taşısanız bile her zaman doğru kalır.
Daha fazla bilgi için bkz “Mutlak, belgeyi temel alan ve site kökünü temel alan yollar” sayfa
Bağ doğrulama açısından, bir bağın siteye göre dahili mi harici mi olduğunu belirlemek için Web URL'si gereklidir.
Örneğin, web URL'niz seafoodplus.info ise ve bağ denetleyicisi sayfanızda
seafoodplus.info URL'li bir bağ bulursa, denetleyici bu bağı harici olarak belirler ve bu şekilde bildirir.
Benzer şekilde, bağ denetleyicisi bağların siteye dahil olup olmadığını belirlemek için Web URL'sini kullanır ve daha
sonra bu dahili bağların bozuk olup olmadığını denetler.
Büyük/küçük Harf Duyarlı Bağ Denetimi Dreamweaver bağları denetlerken, bağlardaki büyük küçük harf
kullanımının dosya adlarındaki kullanımla eşleşip eşleşmediğini denetler. Bu seçenek, dosya adlarının büyük küçük
harf duyarlı olduğu UNIX sistemlerinde kullanışlıdır.
Önbelleği Etkinleştir Bağ ve site yönetimi görevlerinin hızını artırmak için yerel önbellek oluşturulup
oluşturulmayacağını belirtir. Bu seçeneği işaretlemezseniz, Dreamweaver siteyi oluşturmadan önce önbellek
oluşturmak isteyip istemediğinizi tekrar sorar. Bu seçeneği kullanmak yararlı olacaktır çünkü Varlıklar paneli
(Dosyalar paneli grubunda) yalnızca önbellek oluşturulduğunda çalışır.

Perdeleme ve diğer kategoriler


Perdeleme, Tasarım Notları, Dosya Görünüm Sütunları, Contribute, Şablonlar ve Spry kategorileriyle ilgili daha fazla
bilgi için iletişim kutusundaki Yardım düğmesini tıklatın.

FTP erişimi olan uzak klasöre bağlanma ve klasörle bağlantıyı kesme


❖ Dosyalar panelinde:

• Bağlanmak için araç çubuğundaki Uzak Anasisteme Bağlanır'ı tıklatın.


• Bağlantıyı kesmek için araç çubuğundaki Bağlantıyı Kes'i tıklatın.

Ağ erişimi olan uzak klasöre bağlanma ve klasörle bağlantıyı kesme


❖ Uzak klasöre bağlanmanız gerekmez, her zaman bağlısınızdır. Uzak dosyalarınızı görmek için Yenile düğmesini
tıklatın.

Test sunucusu kurma


Dinamik sayfalar geliştirmeyi düşünüyorsanız, Dreamweaver uygulaması siz çalışırken dinamik içerik oluşturmak ve
görüntülemek için bir test sunucusunun hizmetlerine gerek duyar. Test sunucusu yerel bilgisayarınızda, geliştirme
sunucusunda, aşamalandırma sunucusunda veya üretim sunucusunda olabilir.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 47
Dreamweaver siteleriyle çalışma

Test sunucusunun amaçlarıyla ilgili ayrıntılı bir inceleme için David Powers’ın Dreamweaver CS5'te yerel bir test
sunucusu ayarlama başlıklı Dreamweaver Developer Center (Dreamweaver Geliştirici Merkezi) makalesine bakın.

Daha fazla Yardım konusu


“Uygulama sunucusu seçme” sayfa
“Dinamik siteler oluşturmaya hazırlanma” sayfa

Test sunucusu kurma


1 Site > Siteleri Yönet'i seçin.
2 Yeni bir site kurmak için Yeni'yi tıklatın veya varolan bir Dreamweaver sitesini seçin ve Düzenle'yi tıklatın.
3 Site Kurulumu iletişim kutusunda Sunucular kategorisini seçin ve aşağıdakilerden birini yapın:
• Yeni bir sunucu eklemek için Yeni Sunucu Ekle düğmesini tıklatın
• Varolan bir sunucuyu seçin ve Varolan Sunucuyu Düzenle düğmesini tıklatın
4 Temel seçenekleri gerektiği şekilde belirtin ve daha sonra Gelişmiş düğmesini tıklatın.
Not: Bir test sunucusu belirtirken Temel ekranda bir Web URL'si belirtmeniz gerekir. Daha fazla bilgi için bir sonraki
bölüme bakın.
5 Test Sunucusu altında, web uygulamanız için kullanmak istediğiniz sunucu modelini seçin.
Not: Dreamweaver CS5 ile birlikte Dreamweaver artık seafoodplus.info, ASP JavaScript veya JSP sunucu davranışlarını
yüklememektedir. Ancak seafoodplus.info, ASP JavaScript veya JSP sayfaları üzerinde çalışıyorsanız, Dreamweaver hala bu
sayfalar için Canlı görünümü, kod renklerini ve kod ipuçlarını destekleyecektir. Bu özelliklerin çalışması için Site
Tanımı iletişim kutusunda seafoodplus.info, ASP JavaScript veya JSP seçeneğini belirlemeniz gerekmez.
6 Gelişmiş ekranını kapatmak için Kaydet'i tıklatın. Daha sonra Sunucular kategorisinde, test sunucusu olarak
eklediğiniz veya düzenlediğiniz sunucuyu belirtin.

Test sunucusuna ilişkin Web URL'si hakkında


Dreamweaver uygulamasının siz çalışırken veri görüntülemek ve veritabanlarına bağlanmak için bir test sunucusunun
hizmetlerini kullanabilmesi için Web URL'si belirtmeniz gerekir. Dreamweaver uygulaması veritabanları hakkında,
örneğin veritabanınızdaki tabloların adları ve tablolarınızdaki sütunların adları gibi kullanışlı bilgileri size sağlamak
için tasarım zamanı bağlantısı kullanır.
Bir test sunucusu için Web URL'si, etki alanı adından ve web sitenizdeki ana dizinlerin altdizinlerinin ya da sanal
dizinlerinin herhangi birinden oluşur.
Not: Microsoft IIS'de kullanılan terminoloji bir sunucudan diğerine farklılık gösterebilir ancak web sunucularının çoğu
için aynı kavramlar geçerlidir.
Ana dizin Sunucuda sitenizin etki alanı adıyla eşleştirilmiş klasördür. Dinamik sayfaları işlemek için kullanmak
istediğiniz klasörün c:\sites\company\ olduğunu ve bu klasörün ana dizininiz olduğunu (diğer bir deyişle sitenizin etki
alanı adıyla eşleştirilmiş klasör olduğunu—örneğin seafoodplus.info) varsayın. Bu durumda URL öneki
seafoodplus.info olur.
Dinamik sayfaları işlemek için kullanmak istediğiniz klasör ana dizininizin bir altklasörüyse altklasörü URL'ye
eklemeniz yeterlidir. Ana dizininiz c:\sites\company\ ise, sitenizin etki alanı adı seafoodplus.info olur ve dinamik
sayfaları işlemek için kullanmak istediğiniz klasör c:\sites\company\inventory klasörüdür. Aşağıdaki Web URL'sini
girin:
seafoodplus.info

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 48
Dreamweaver siteleriyle çalışma

Dinamik sayfaları işlemek için kullanmak istediğiniz klasör ana dizininiz ya da onun altdizinlerinden biri değilse sanal
bir dizin oluşturmanız gerekir.
Sanal dizin URL'de görünse de sunucunun ana dizininde fiziksel olarak bulunmayan bir klasördür. Sanal dizin
oluşturmak üzere, URL'de klasörün yolu için diğer ad belirtin. Ana dizininizin c:\sites\company, işleme dizininizin is
d:\apps\inventory olduğunu ve bu klasör için warehouse adında bir diğer ad tanımladığınızı varsayın. Aşağıdaki Web
URL'sini girin:
seafoodplus.info
Localhost İstemci (genellikle tarayıcıdır ancak burada Dreamweaver uygulamasıdır) web sunucunuzla aynı sistemde
çalıştığında URL'lerinizdeki ana dizini ifade eder. Dreamweaver uygulamasının web sunucusuyla aynı Windows
sisteminde çalıştığını, ana dizininizin c:\sites\company olduğunu ve dinamik sayfaları işlemek üzere kullanmak
istediğiniz klasörü belirtmek için warehouse adında bir sanal dizin tanımladığınızı varsayın. Aşağıda, seçilen web
sunucuları için gireceğiniz Web URL'leri verilmiştir:

Web sunucusu Web URL’si

ColdFusion MX 7 http://localhost/warehouse/

IIS http://localhost/warehouse/

Apache (Windows) http://localhost/warehouse/

Jakarta Tomcat (Windows) http://localhost/warehouse/

Not: ColdFusion MX 7 web sunucusu numaralı kapıda, Apache web sunucusu 80 numaralı ve Jakarta Tomcat web
sunucusu numaralı kapıda çalışır.
Apache web sunucusu çalıştıran Macintosh kullanıcıları için, kişisel ana dizininiz Users/KullanıcıAdım/Sites'dır;
burada KullanıcıAdım, Macintosh kullanıcı adınızdır. Mac OS ya da sonraki sürümünü yüklediğinizde
~KullanıcıAdım adında bir diğer ad otomatik olarak tanımlanır. Bu nedenle Dreamweaver uygulamasındaki
varsayılan Web URL'niz aşağıdaki gibidir:
http://localhost/~KullanıcıAdım/
Dinamik sayfaları işlemek için kullanmak istediğiniz klasör Users:KullanıcıAdım:Sites:inventory ise Web URL'si
aşağıdaki gibidir:
http://localhost/~KullanıcıAdım/inventory/

Siteleri yönetme ve düzenleme


Siteleri Yönet iletişim kutusunu yeni site oluşturmak, siteyi düzenlemek, çoğaltmak, kaldırmak ya da sitenin ayarlarını
içe ya da dışa aktarmak için kullanın.
1 Site > Siteleri Yönet'i seçin ve soldaki listeden bir site seçin.
2 Seçeneklerden birini işaretlemek için bir düğmeyi tıklatın ve Bitti'yi tıklatın.
Yeni Yeni site oluşturmanızı sağlar.

Düzenle Varolan bir siteyi düzenlemenizi sağlar.

Çoğalt Seçtiğiniz sitenin bir kopyasını oluşturur. Kopya, site listesi penceresinde görünür.

Sil Seçili siteyi siler; bu işlemi geri alamazsınız.

Dışa Aktar Sitenin ayarlarını XML dosyası (*.ste) olarak dışa aktarmanızı sağlar.

İçe Aktar Sitenin içe aktarılacak ayarlar dosyasını (*.ste) seçmenizi sağlar.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 49
Dreamweaver siteleriyle çalışma

Daha fazla Yardım konusu


“Site ayarlarını içe ve dışa aktarma” sayfa 49

Varolan bir web sitesini Dreamweaver'da düzenleme


Özgün siteyi oluşturmak için Dreamweaver kullanmamış olsanız bile, Dreamweaver uygulamasını, varolan bir uzak
bir siteyi (veya uzak sitenin herhangi bir kolunu) yerel diskinize kopyalamak ve orada düzenlemek için
kullanabilirsiniz.
1 Varolan siteyi içerecek bir yerel klasör oluşturun ve bu klasörü sitenin yerel klasörü olarak ayarlayın.
Not: Varolan uzak sitenin ilgili kolunun yapısının tamamını yerel olarak çoğaltmanız gerekir.
2 Varolan siteye ilişkin uzaktan erişim bilgilerini kullanarak uzak bir klasör kurun. Dosyaları düzenlemek için önce
bilgisayarınıza yüklemeniz gerektiğinden uzak siteye bağlanmalısınız.
Uzak site için doğru kök klasörü seçtiğinizden emin olun.
3 Dosyalar panelinde (Pencere > Dosyalar), uzak siteyi görüntülemek için araç çubuğundaki Uzak Anasisteme
Bağlan düğmesini (FTP erişimi için) ya da Yenile düğmesini (ağ erişimi için) tıklatın.
4 Siteyi düzenleyin:
• Sitenin tümünde çalışmak istiyorsanız Dosyalar panelinde uzak sitenin kök klasörünü seçin ve sitenin tümünü
yerel diskinize yüklemek için araç çubuğundaki Dosyaları Al düğmesini tıklatın.
• Sitedeki dosya ya da klasörlerden yalnızca biriyle çalışmak istiyorsanız, dosyayı Dosyalar panelinin Uzak
görünümünde bulun ve dosyayı yerel diskinize yüklemek için araç çubuğundaki Dosyaları Al düğmesini tıklatın.
Dreamweaver uygulaması yüklenen dosyayı site sıradüzeninin doğru bölümüne yerleştirmek için uzak sitenin
yapısının gerekli kısmını otomatik olarak çoğaltır. Sitenin yalnızca bir parçasını düzenlerken, örneğin görüntü
dosyaları gibi bağımlı dosyaları da genellikle dahil etmeniz gerekir.

Site listenizden bir Dreamweaver sitesini kaldırma


Dreamweaver sitesini ve tüm kurulum bilgilerini site listenizden kaldırmak site dosyalarınızı bilgisayarınızdan
kaldırmaz.
1 Site > Siteleri Yönet'i seçin.
2 Bir site adı seçin.
3 Kaldır'ı tıklatın, siteyi listeden kaldırmak için Evet'i tıklatın ya da site adını bırakmak için Hayır'ı tıklatın ve sonra
Bitti'yi tıklatın.

Site ayarlarını içe ve dışa aktarma


Site ayarlarınızı, daha sonra Dreamweaver uygulamasına içe aktarabileceğiniz bir XML dosyasına dışa aktarabilirsiniz.
Bu, siteleri makineler ya da ürün sürümleri arasında taşımanızı ya da ayarları diğer kullanıcılarla paylaşmanızı sağlar.
Site ayarlarınızı düzenli aralıklarla dışa aktararak siteyle ilgili ortaya bir sorun çıkması durumunda her zaman
yedek kopya bulundurabilirsiniz.

Sitelerinizi dışa aktarma


1 Site > Siteleri Yönet'i seçin.
2 Ayarlarını dışa aktarmak istediğiniz bir ya da daha fazla site seçin ve Dışa Aktar'ı tıklatın:
• Birden fazla site seçmek için, her siteyi Ctrl tuşu (Windows) ya da Command tuşu (Macintosh) basılıyken tıklatın.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 50
Dreamweaver siteleriyle çalışma

• Bir dizi site seçmek için aralıktaki ilk ve son siteyi Üstkarakter tuşu basılıyken tıklatın.
3 Sitenizin ayarlarını yedeklemek istiyorsanız, Dışa Aktarma Sitesi iletişim kutusunda birinci seçeneği belirleyin ve
Tamam'ı tıklatın. Dreamweaver uygulaması, yerel yol bilgileriyle birlikte kullanıcı adı ve parolası gibi uzak sunucu
bilgilerini de kaydeder.
4 Ayarlarınızı diğer kullanıcılarla paylaşmak istiyorsanız, Dışa Aktarma Sitesi iletişim kutusunda ikinci seçeneği
belirleyin ve Tamam'ı tıklatın. (Dreamweaver diğer kullanıcıların kullanamayacağı, örneğin uzak sunucu oturum
açma bilgileriniz ve yerel yollarınız gibi bilgileri kaydetmez.)
5 Ayarlarını dışa aktarmak istediğiniz her site için, siteyi kaydetmek istediğiniz konuma gözatın ve Kaydet'i tıklatın.
(Dreamweaver her sitenin ayarlarını .ste uzantılı bir XML dosyası olarak kaydeder.)
6 Bitti'yi tıklatın.
Not: Bulunmasını kolaylaştırmak için *.ste dosyasını sitenizin kök klasörüne ya da masaüstünüze kaydedin. Dosyayı
nereye koyduğunuzu anımsayamazsanız, bilgisayarınızda *.ste uzantılı dosyaları aratın.

Siteleri içe aktarma


1 Site > Siteleri Yönet'i seçin.
2 İçe Aktar'ı tıklatın.
3 Ayarlarını içe aktarmak istediğiniz (.ste dosya uzantılı dosyalarda tanımlı) bir ya da daha fazla siteye gözatın ve
seçin.
Birden fazla site seçmek için, her .ste dosyasını Ctrl tuşu (Windows) ya da Command tuşu (Macintosh) basılıyken
tıklatın. Bir dizi site seçmek için aralıktaki ilk ve son dosyayı Üstkarakter tuşu basılıyken tıklatın.
4 Aç'ı tıklatın ve sonra Bitti'yi tıklatın.
Dreamweaver site ayarlarını içe aktardıktan sonra, sitenin adı Siteleri Yönet iletişim kutusunda görünür.

Dosya aktarmak için site tercihlerini ayarlama


Dosyalar panelinde görünen dosya aktarma özelliklerini denetlemek için tercihler belirleyebilirsiniz.
1 Düzen > Tercihler'i (Windows) veya Dreamweaver > Tercihler'i (Macintosh) seçin.
2 Tercihler iletişim kutusunda soldaki kategori listesinden Site'yi seçin.
3 Seçenekleri ayarlayın ve Tamam'ı tıklatın.
Her Zaman Göster Hangi sitenin (uzak veya yerel) her zaman gösterildiğini ve yerel ve uzak dosyaların hangi Dosyalar
paneli bölmesinde (sol veya sağ) göründüğünü belirtir.
Varsayılan olarak yerel site her zaman sağda görünür. Seçilmeyen bölme (varsayılan olarak bırakılan), değiştirilebilir
bölmedir: bu bölme diğer sitedeki (varsayılan olarak uzak site) dosyaları görüntüleyebilir.
Bağımlı Dosyalar Tarayıcı HTML dosyasını yüklerken tarayıcının yüklediği bağımlı dosyaları (görüntüler, harici stil
sayfaları ve HTML dosyasında referans gösterilen diğer dosyalar) aktarmak için bir komut istemi görüntüler.
Varsayılan olarak hem Çıkmadan/Teslim Almadan Önce Komut İste hem de Yerleştirmeden/Bırakmadan Önce
Komut İste seçilidir.
Yeni bir dosyayı teslim alırken bağımsız dosyaları indirmek genellikle iyi bir fikirdir ancak bağımsız dosyaların son
sürümleri zaten yerel diskteyse bunları yeniden indirmek gerekmez. Bu dosyaları karşıya yüklerken ve teslim ederken
de geçerlidir: hedefte güncel dosyalar zaten varsa gerek yoktur.

Son güncelleme 2/5/


DREAMWEAVER UYGULAMASINI KULLANMA 51
Dreamweaver siteleriyle çalışma

Bu seçeneklerin işaretini kaldırırsanız bağımlı dosyalarınız aktarılmaz. Bu nedenle, bu seçenekler işaretli


olmadığında da Bağımlı Dosyalar iletişim kutusunun görünmesini zorlamak için Al, Koy, Teslim Al veya Teslim Et
komutlarını seçerken Alt (Windows) veya Option (Macintosh) tuşunu basılı tutun.
FTP Bağlantısı Uzak siteye olan bağlantının etkinlik olmayan belirli bir dakika sayısından sonra sonra sonlandırılıp
sonlandırılmayacağını belirler.
FTP Zaman Aşımı Dreamweaver uygulamasının uzak sunucuya bağlanmayı denediği saniye sayısını görüntüler.

Belirtilen sürenin sonunda yanıt yoksa, Dreamweaver uygulaması size bu durumu bildiren bir uyarı iletişim kutusu
görüntüler.
FTP Aktarma seçenekleri Dreamweaver uygulamasının dosya aktarımı sırasında bir iletişim kutusu göründüğünde ve
kullanıcıdan yanıt alınamadığında belirli bir saniye sayısından sonra varsayılan seçeneği belirleyip belirlemeyeceğini
seçer.
Proxy Ana Bilgisayarı Proxy arkasında olduğunuzda dış sunucularla bağlantı kurduğunuz temsil sunucusunun
adresini belirtir.
Proxy arkasında değilseniz bu alanı boş bırakın. Güvenlik duvarının arkasındaysanız, Site Tanımı iletişim kutusunda
Proxy Kullan seçeneğini belirleyin (Sunucular > Varolan Sunucuyu Düzenle (kalem simgesi) > Daha Fazla Seçenek).
Proxy Bağlantı Noktası Güvenlik duvarınızda veya proxy'nizde uzak sunucuya bağlanmak için geçtiğiniz bağlantı
noktasını belirtir. Bağlantınızı 21 (FTP için varsayılan) dışındaki bir port üzerinden yapıyorsanız, numarayı buraya
girin.
Koyma Seçenekleri: Yerleştirmeden Önce Dosyaları Kaydet Kaydedilmemiş dosyaların uzak siteye yerleştirilmeden
önce otomatik olarak kaydedildiğini belirtir.
Taşıma Seçenekleri: Sunucuda Dosyaları Taşımadan Önce Sor Uzak bir sitede dosyaları taşımayı denediğinizde size
uyarı verir.
Siteleri Yönet Varolan bir siteyi yönetebileceğiniz veya yeni bir site oluşturabileceğiniz Siteleri Yönet iletişim
kutusunu açar.
Dreamweaver/Configuration klasöründeki seafoodplus.info dosyasını (Macintosh bilgisayarlarında
seafoodplus.info) özelleştirerek, aktardığınız dosya türlerinin ASCII (metin) veya ikili olarak
aktarılmasını belirleyebilirsiniz. Daha fazla bilgi için bkz. Genişleyen Dreamweaver.

Dreamweaver ile Contribute sitelerini yönetme


Contribute sitelerini yönetme
Adobe® Contribute® CS4 web tarayıcısını bir web sayfası düzenleyicisiyle birleştirir. Çalışma arkadaşlarınızın ya da
müşterilerinizin sizin oluşturduğunuz sitedeki bir sayfaya gözatmalarını ve gerekli izinleri varsa sayfayı
düzenlemelerini ya da güncelleştirmelerini sağlar. Contribute kullanıcıları formatlanmış metin, görüntü, tablo ve
bağlar da dahil olmak üzere temel web içeriğini ekleyebilir ve güncelleştirebilir. Contribute sitesi yöneticileri, yönetici
olmayan kullanıcıların sitede yapabileceklerini sınırlayabilir.
Not: Bu konuda sizin Contribute yöneticisi olduğunuz varsayılır.
Site yöneticisi olarak, bir bağlantı anahtarı oluşturup bunu yönetici olmayan kullanıcılara göndererek onlara sayfaları
düzenleyebilme yeteneği sağlarsınız (bunun nasıl yapılacağı hakkında bilgi için bkz. Contribute Yardımı. Contribute

Adobe Master Collection CS (FINAL) [TÜRKÇE - İNGİLİZCE]

~ ` Adobe Master Collection CS FINAL ` ~
[TÜRKÇE] - [İNGİLİZCE]
seafoodplus.info SON VERSIYON + SORUNSUZ % FULL!..

-: TARIHINDE :-
YENI "KEYGEN" DOSYASI EKLENMISTIR!!!!

seafoodplus.info


~~ Program Bilgisi ~~
Sürüm: Creative Suite Master Collection CS (FINAL)
Dil: TÜRKÇE - İNGİLİZCE
Sunucu: seafoodplus.info
Durum: Yüklendi

Hikayenizi bu kapsamlı program paketiyle baştan sona anlatın. Adobe® Creative Suite® 5 Master Collection yazılımları, harika çalışmalar tasarlamanızı ve geliştirmenizi, işbirliğinde verimliliği artırmanızı ve çalışmalarınızı neredeyse her türlü ortamda sunmanızı sağlar.

Adobe® Creative Suite® 5 Master Collection yazılımı farklı ortamlarda tasarım oluşturmak için kapsamlı bir araç seti sunar.

Master_Collection_CS5_seafoodplus.info


Adobe Master Collection CS5 İçeriği;

- Adobe Photoshop CS5 Extended
- Adobe Illustrator CS5
- Adobe InDesign CS
- Adobe Acrobat X Pro
- Adobe Flash Catalyst CS
- Adobe Flash Professional CS
- Adobe Flash Builder
- Adobe Dreamweaver CS
- Adobe Fireworks CS5
- Adobe Contribute CS5
- Adobe Premiere Pro CS
- Adobe After Effects CS
- Adobe Adobe Audition CS
- Adobe OnLocation CS
- Adobe Encore CS5
- Adobe Bridge CS5
- Adobe Device Central CS
- Adobe Media Encoder CS

Programin Özellikleri;

Yaratıcılığınızın kapsamını genişletin;

Hedef kitlenize çevrimiçi ulaşmak için Illustrator CS5'i kullanarak bir kurumsal kimlik oluşturun. Bu kimliği kod yazmadan çekici ve etkileyici bir arayüzün parçası haline getirmek için yeni Flash Catalyst CS5'i kullanın.

Sürükleyici deneyimler tasarlayın ve sunun;

Flash Professional CS5'i, tasarımlarınızı farklı masaüstlerinde, tarayıcılarda ve mobil aygıtlarda tutarlı bir şekilde sunan mikro siteler ve günlük oyunlarla hedef kitlenizin ilgilerini çekmek için kullanın.

PHTSHPCS5_ORN_seafoodplus.info


Öykünüzü tüm ekranlara taşıyın;

Photoshop CS5 Extended'den yüksek çözünürlüklü görüntüler ile HD video üretimlerini geliştirin. After Effects CS5 ile karmaşık efektler ekleyin ve Adobe Premiere Pro CS5 ile çok daha hızlı düzenleyin.

CS Master Collection'daki yenilikler;

Geliştirilmiş Çoklu Önizleme paneli;

Artık birden fazla CSS dosyasını ve özel ortam sorgularını daha iyi yöneten Adobe Dreamweaver CS'in gelişmiş paneliyle, web sitesi tasarımlarını masaüstü bilgisayarlar, tabletler ve televizyonlarda görünecekleri şekilde görüntüleyin.

Güçlü jQuery desteği;

Dreamweaver CS'teki jQuery Mobile çerçevesi destekli aygıtlar için zengin içerikler oluşturun. Mobil şablonlardan, bağlamsal kod ipuçlarından ve nesneleri tasarıma hızla ekleyebilme özelliklerinden faydalanın.

FLASHCS5_ORN_RESIM_seafoodplus.info


Daha fazla mobil platform ve aygıt için destek;

Flash Player ve Adobe AIR® ve Android™, RIM, iOS, webOS ve Adobe Digital Home dahil pek çok yeni platform desteği sayesinde Adobe Flash Professional CS'te daha fazla aygıtta sunmak için en iyileştirilmiş içerikler oluşturun.

Daha verimli video iş akışı;

Adobe Premiere Pro CS'te daha verimli ve düzgün biçimde kesin ve düzenleyin. Genel olarak kabul edilen NLE kısa yollarını kullanın ve yeni ikili sistem ses desteği sayesinde ayrı olarak kaydedilen alan seslerini videonuzla senkronize edin.

Mercury Playback Engine;

Adobe Premiere Pro CS'te bulunan Adobe Mercury Playback Engine geliştirmeleri sayesinde daha hızlı çalışın. Yeni onaylanmış dizüstü bilgisayar GPU'larını kullanarak düzenleyin, karışık biçimli zaman çizelgeleriyle gerçek zamanlı yürütün ve daha fazla GPU hızlandırmalı filtre ve efektler kullanın.

DREAMWEAVERCS5_seafoodplus.info


Gelişmiş video için ses düzenleme;

Artık Mac OS ve Windows® için de kullanılabilir olan Adobe Audition CS ile sesleri kaydedin, düzenleyin, karıştırın, bağlayın ve yumuşatın. Adobe Premiere Pro CS ile tam düzenleyin ya da Avid Pro Araçları ve diğer NLE'lerle proje alış verişini hızlandırmak için OMF ve XML kullanın.

Folio Producer tools in InDesign;

Create engaging digital magazines, newspapers, and retail catalogs that incorporate eye-catching elements such as ° object rotation and image panoramas for a wide variety of tablet devices. Upload to Adobe Digital Publishing Suite5 for further production and distribution.

Web için metin geliştirmeleri;

Flash Professional CS'te çift yönlü ve dikey metin ve akıcı metin mizanpajları için desteğin yanı sıra Arapça, Çince, İbranice gibi 30'dan fazla yazı sistemi desteği ile web için seçkin tipografiler oluşturun.

Creative Suite Master Collection' un yeni sürümü sizlerle!

seafoodplus.info Linki

Yasal olmayan paylaşım linkleri kaldırılmıştır.

nest...

batman iftar saati 2021 viranşehir kaç kilometre seferberlik ne demek namaz nasıl kılınır ve hangi dualar okunur özel jimer anlamlı bayram mesajı maxoak 50.000 mah powerbank cin tırnağı nedir