Kullanıcı Kılavuzu İptal

Fireworks ve Dreamweaver ile Çalışma

Ara
Dreamweaver

Dreamweaver

Uygulamayı aç
  1. Dreamweaver Kullanıcı Kılavuzu
  2. Giriş
    1. Dinamik web tasarımı hakkında temel bilgiler
    2. Dreamweaver'daki yenilikler
    3. Dreamweaver ile web geliştirme - Genel bakış
    4. Dreamweaver / Yaygın Sorular
    5. Klavye kısayolları
    6. Dreamweaver sistem gereksinimleri
    7. Özellik özeti
  3. Dreamweaver ve Creative Cloud
    1. Dreamweaver ayarlarını Creative Cloud ile senkronize etme
    2. Dreamweaver'da Creative Cloud Libraries
    3. Dreamweaver'da Photoshop dosyalarını kullanma
    4. Adobe Animate ve Dreamweaver ile çalışma
    5. Web için en iyileştirilmiş SVG dosyalarını Libraries'den ayıklama
  4. Dreamweaver çalışma alanları ve görünümleri
    1. Dreamweaver çalışma alanı
    2. Dreamweaver çalışma alanını görsel geliştirme açısından en iyileştirme
    3. Dosya adına veya içeriğe göre dosya arama | Mac OS
  5. Site kurma
    1. Dreamweaver siteleri hakkında
    2. Sitenizin yerel bir sürümünü kurma
    3. Yayımlama sunucusuna bağlanma
    4. Test sunucusu kurma
    5. Dreamweaver site ayarlarını içe ve dışa aktarma
    6. Mevcut web sitelerini uzak sunucudan yerel site köküne getirme
    7. Dreamweaver'daki erişilebilirlik özellikleri
    8. Gelişmiş ayarlar
    9. Dosya aktarmak için site tercihlerini ayarlama
    10. Dreamweaver'da proxy sunucu ayarlarını belirtme
    11. Dreamweaver ayarlarını Creative Cloud ile senkronize etme
    12. Dreamweaver'da Git'i kullanma
  6. Dosyaları yönetme
    1. Dosyaları oluşturma ve açma
    2. Dosyaları ve klasörleri yönetme
    3. Sunucunuzdan dosya alma ve dosyaları sunucunuza koyma
    4. Dosyaları teslim etme ve teslim alma
    5. Dosyaları senkronize etme
    6. Dosyaları farklılıklar açısından karşılaştırma
    7. Dreamweaver sitenizde dosya ve klasör perdeleme
    8. Dreamweaver siteleri için Tasarım Notları'nı etkinleştirme
    9. Olası Gatekeeper zaafını önleme
  7. Mizanpaj ve tasarım
    1. Mizanpaj için görsel yardımcılar kullanma
    2. Sayfanızın mizanpajını hazırlamak için CSS'yi kullanma hakkında
    3. Bootstrap kullanarak dinamik web siteleri tasarlama
    4. Dreamweaver'da ortam sorguları oluşturma ve kullanma
    5. Tablolara sahip içerik sunma
    6. Renkler
    7. Değişken ızgara mizanpajlarını kullanarak dinamik tasarım
    8. Dreamweaver'da Extract
  8. CSS
    1. Basamaklı Stil Sayfaları'nı anlama
    2. CSS Tasarımcısı'nı kullanarak sayfa mizanpajını yapma
    3. Dreamweaver'da CSS ön işlemcilerini kullanma
    4. Dreamweaver'da CSS Stili tercihlerini ayarlama
    5. Dreamweaver'da CSS kurallarını taşıma
    6. Dreamweaver'da satır içi CSS'yi CSS kuralına dönüştürme
    7. Div etiketleriyle çalışma
    8. Arka plana degradeler uygulama
    9. Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme
    10. Kodu formatlama
  9. Sayfa içeriği ve varlıklar
    1. Sayfa özelliklerini ayarlama
    2. CSS başlığı özelliklerini ve CSS bağ özelliklerini ayarlama
    3. Metinle çalışma
    4. Metni, etiketleri ve nitelikleri bulma ve değiştirme
    5. DOM paneli
    6. Canlı Görünüm'de düzenleme
    7. Dreamweaver'da belgeleri kodlama
    8. Belge penceresinde öğe seçme ve görüntüleme
    9. Özellik denetiminde metin özelliklerini belirleme
    10. Web sayfası üzerinde yazım denetimi gerçekleştirme
    11. Dreamweaver'da yatay cetveller kullanma
    12. Dreamweaver'da font birleşimlerini ekleme ve değiştirme
    13. Varlıklarla çalışma
    14. Dreamweaver'da tarih ekleme ve güncelleştirme
    15. Dreamweaver'da sık kullanılan varlıklar oluşturma ve yönetme
    16. Dreamweaver'da görüntü ekleme ve düzenleme
    17. Medya nesneleri ekleme
    18. Dreamweaver'da video ekleme
    19. HTML5 video ekleme
    20. SWF dosyaları ekleme
    21. Ses efektleri ekleme
    22. Dreamweaver'da HTML5 ses ekleme
    23. Kitaplık öğeleriyle çalışma
    24. Dreamweaver'da Arapça ve İbranice metin kullanma
  10. Bağlama ve gezinme
    1. Bağlama ve gezinme hakkında
    2. Bağ oluşturma
    3. Görüntü eşlemeleri
    4. Bağlantı sorunlarını giderme
  11. jQuery bileşenleri ve efektleri
    1. Dreamweaver'da jQuery UI ve Mobile bileşenlerini kullanma
    2. Dreamweaver'da jQuery efektlerini kullanma
  12. Web sitelerini kodlama
    1. Dreamweaver'da kod yazma hakkında
    2. Dreamweaver'da kodlama ortamı
    3. Kodlama tercihlerini ayarlama
    4. Kod rengini özelleştirme
    5. Kod yazma ve düzenleme
    6. Kod ipuçları verme ve kod tamamlama
    7. Kodu daraltma ve genişletme
    8. Parçacıklar ile kodu tekrar kullanma
    9. Lint kodu
    10. Kodu en iyileştirme
    11. Tasarım görünümünde kod düzenleme
    12. Sayfaların başlık içeriğiyle çalışma
    13. Dreamweaver'da sunucu tarafı içerikleri ekleme
    14. Dreamweaver'da etiket kitaplıkları kullanma
    15. Dreamweaver'a özel etiketleri içe aktarma
    16. JavaScript davranışlarını kullanma (genel talimatlar)
    17. Yerleşik JavaScript davranışları uygulama
    18. XML ve XSLT hakkında
    19. Dreamweaver uygulamasında sunucu tarafı XSL dönüşümleri gerçekleştirme
    20. Dreamweaver uygulamasında istemci tarafı XSL dönüşümleri gerçekleştirme
    21. Dreamweaver'da XSLT için karakter varlıkları ekleme
    22. Kodu formatlama
  13. Ürünler arası iş akışları
    1. Dreamweaver uzantılarını yükleme ve kullanma
    2. Dreamweaver uygulama içi güncelleştirmeleri
    3. Dreamweaver'da Microsoft Office belgeleri ekleme (yalnızca Windows)
    4. Fireworks ve Dreamweaver ile çalışma
    5. Contribute ile Dreamweaver sitelerindeki içeriği düzenleme
    6. Dreamweaver-Business Catalyst entegrasyonu
    7. Kişiselleştirilmiş e-posta kampanyaları oluşturma
  14. Şablonlar
    1. Dreamweaver şablonları hakkında
    2. Şablonları ve şablon tabanlı belgeleri tanıma
    3. Dreamweaver şablonu oluşturma
    4. Şablonlarda düzenlenebilir bölgeler oluşturma
    5. Dreamweaver'da yinelenen bölgeler ve tablolar oluşturma
    6. Şablonlarda isteğe bağlı bölgeler kullanma
    7. Dreamweaver'da düzenlenebilir etiket niteliklerini tanımlama
    8. Dreamweaver uygulamasında yuvalanmış şablonlar oluşturma
    9. Şablonları düzenleme, güncelleştirme ve silme
    10. Dreamweaver'da xml içeriğini dışa ve içe aktarma
    11. Mevcut bir belgenin şablonunu uygulama veya kaldırma
    12. Dreamweaver şablonlarındaki içerikleri düzenleme
    13. Dreamweaver'daki şablon etiketleri için sözdizimi kuralları
    14. Şablon bölgeleri için vurgulama tercihlerini belirleme
    15. Dreamweaver'da şablon kullanmanın avantajları
  15. Mobil ve çoklu ekran
    1. Ortam sorguları oluşturma
    2. Mobil cihazlar için sayfa yönlendirmesini değiştirme
    3. Dreamweaver kullanarak mobil cihazlar için web uygulamaları oluşturma
  16. Dinamik siteler, sayfalar ve web formları
    1. Web uygulamalarını anlama
    2. Bilgisayarınızı uygulama geliştirme için ayarlama
    3. Veritabanı bağlantılarında sorun giderme
    4. Dreamweaver uygulamasında bağlantı komut dosyalarını kaldırma
    5. Dinamik sayfalar tasarlama
    6. Dinamik içerik kaynaklarına genel bakış
    7. Dinamik içerik kaynaklarını tanımlama
    8. Sayfalara dinamik içerik ekleme
    9. Dreamweaver'da dinamik içeriği değiştirme
    10. Veritabanı kayıtlarını görüntüleme
    11. Dreamweaver'da canlı veri sağlama ve ilgili sorunları giderme
    12. Dreamweaver'da özel sunucu davranışı ekleme
    13. Dreamweaver ile form oluşturma
    14. Kullanıcılardan bilgi toplamak için formları kullanma
    15. Dreamweaver'da ColdFusion formları oluşturma ve etkinleştirme
    16. Web formları oluşturma
    17. Form öğeleri için geliştirilmiş HTML5 desteği
    18. Dreamweaver uygulamasını kullanarak bir form geliştirme
  17. Uygulamaları görsel olarak oluşturma
    1. Dreamweaver'da kalıp ve ayrıntı sayfaları oluşturma
    2. Arama ve sonuç sayfaları oluşturma
    3. Kayıt ekleme sayfası oluşturma
    4. Dreamweaver'da güncelleme kaydı sayfası oluşturma
    5. Dreamweaver'da kayıt silme sayfaları oluşturma
    6. Dreamweaver'da veritabanını değiştirmek için ASP komutları kullanma
    7. Kayıt sayfası oluşturma
    8. Oturum açma sayfası oluşturma
    9. Yalnızca yetkili kullanıcıların erişebileceği bir sayfa oluşturma
    10. Dreamweaver ile ColdFusion'daki klasörlerin güvenliğini sağlama
    11. Dreamweaver'da ColdFusion bileşenleri kullanma
  18. Web sitelerini test etme, önizleme ve yayımlama
    1. Sayfaları önizleme
    2. Dreamweaver web sayfalarını birden fazla cihazda önizleme
    3. Dreamweaver sitenizi test etme
  19. Sorun giderme
    1. Düzeltilen sorunlar
    2. Bilinen sorunlar

 

 

Web grafik dosyalarını düzenleme, optimize etme ve HTML sayfalarına yerleştirme açısından kolaylaştırılmış bir iş akışı için Fireworks ve Dreamweaver kullanın.

Not:

Bu özellik, Adobe Dreamweaver sürümlerinde desteklenmez.

Fireworks görüntüsü ekleme

Dreamweaver ve Fireworks bağları, görüntü eşlemelerini, tablo dilimlerini ve daha fazlasını içeren aynı dosya düzenleme yordamlarının çoğunu tanır ve paylaşır. Bu iki uygulama birlikte web grafik dosyalarını düzenlemek, en iyileştirmek ve HTML sayfalarına yerleştirmek için sorunsuz iş akışı sağlar.

Dışa aktarılan Fireworks grafiğini Görüntü Ekle komutunu kullanarak doğrudan Dreamweaver belgesine yerleştirebilir veya Dreamweaver görüntü yer tutucusundan yeni bir Fireworks grafiği oluşturabilirsiniz.

  1. Dreamweaver belgesinde görüntünün gösterilmesini istediğiniz yere ekleme noktasını yerleştirin ve aşağıdakilerden birini yapın:

    • Ekle > Görüntü'yü seçin.

    • Ekle panelinin Ortak kategorisinde Görüntü düğmesini tıklatın veya belgeye sürükleyin.

  2. İstenilen Fireworks dışa aktarılan dosyasına gidin ve Tamam'ı (Windows) veya Aç'ı (Macintosh) tıklatın.
    Not:

    Fireworks dosyası geçerli Dreamweaver sitesinde yoksa dosyayı kök klasöre kopyalamak isteyip istemediğinizi soran bir mesaj görüntülenir. Evet'i tıklatın.

Fireworks görüntüsünü veya tablosunu Dreamweaver'dan düzenleme

Fireworks tablosunun bir bölümü olan bir görüntüyü veya görüntü dilimini açtığınızda ve düzenlediğinizde Dreamweaver, görüntünün veya tablonun dışa aktarıldığı PNG dosyasını açan Fireworks uygulamasını başlatır.

Not:

Bu, PNG dosyaları için Fireworks'un birincil harici görüntü düzenleyici olarak ayarlandığını varsayar. JPEG ve GIF dosyaları için varsayılan düzenleyici olarak sıklıkla Fireworks ayarlanır. Bu dosya türleri için Photoshop'un varsayılan düzenleyici olarak ayarlanmasını da isteyebilirsiniz.

Görüntü, Fireworks tablosunun bir bölümü olduğunda, <!--fw table--> yorumu HTML kodunun içinde yer aldığı sürece düzenlemek üzere Fireworks tablosunun tamamını açabilirsiniz. Kaynak PNG dosyası, Dreamweaver Stili HTML ve Görüntüleri ayarı kullanılarak Fireworks'ten Dreamweaver sitesine dışa aktarıldıysa, Fireworks tablosu yorumu otomatik olarak HTML koduna eklenir.

  1. Dreamweaver uygulamasında, daha önceden açık değilse Özellik denetimini (Pencere > Özellikler) açın.
  2. Görüntüyü veya görüntü dilimini tıklatarak seçin.

    Fireworks'ten dışa aktarılan bir görüntüyü seçtiğinizde, Özellik denetimi seçimi Fireworks görüntüsü veya tablosu olarak tanımlar ve PNG kaynak dosyasının adını görüntüler.

  3. Düzenlemek üzere Fireworks'ü başlatmak için aşağıdakilerden birini yapın:

    • Özellik denetçisinde Düzenle'yi tıklatın.

    • Control (Windows) veya Command (Macintosh) tuşunu basılı tutun ve seçil görüntüyü çift tıklatın.

    • Seçili görüntüyü sağ tıklatın (Windows) veya Control tuşunu basılı tutup tıklatın (Macintosh) ve içerik menüsünden Fireworks İle Düzenle'yi seçin.

    Not:

    Fireworks kaynak dosyasını bulamazsa, PNG kaynak dosyasını bulmanız istenir. Fireworks kaynak dosyasıyla çalışıyorsanız, değişiklikler hem kaynak dosyasına hem de dışa aktarılan dosyaya kaydedilir; aksi durumda, sadece dışa aktarılan dosya güncelleştirilir.  

  4. Fireworks'te kaynak PNG dosyasını düzenleyin ve Bitti'yi tıklatın.

    Fireworks değişiklikleri PNG dosyasına kaydeder, güncelleştirilen görüntüyü (veya HTML ve görüntüleri) dışa aktarır ve odağı Dreamweaver uygulamasına döndürür. Dreamweaver uygulamasında, güncelleştirilmiş görüntü veya tablo görüntülenir.

    Dreamweaver ve Fireworks entegrasyonuyla ilgili eğitim için bkz. www.adobe.com/go/vid0188_tr.

Fireworks görüntüsünü Dreamweaver'dan en iyileştirme

Fireworks görüntülerinde ve animasyonlarında hızlı değişiklikler yapmak için Dreamweaver uygulamasını kullanabilirsiniz. Dreamweaver'ın içinden en iyileştirme ayarlarını, animasyon ayarlarını, ayrıca dışa aktarılan görüntünün boyutunu ve alanını değiştirebilirsiniz.

  1. Dreamweaver uygulamasında, istediğiniz görüntüyü seçin ve aşağıdakilerden birini yapın:

    • Komut > Görüntüyü En İyileştir seçeneğini belirleyin.

    • Özellik denetçisinde Görüntü Ayarlarını Düzenle düğmesini tıklatın.

  2. Görüntü Önizleme iletişim kutusunda düzenlemelerinizi yapın:

    • En iyileştirme ayarlarını düzenlemek için Seçenekler sekmesini tıklatın.

    • Dışa aktarılan görüntünün boyutunu ve alanını düzenlemek için Dosya sekmesini tıklatın.

  3. İşlem tamamlandığında Tamam'ı tıklatın.

Dreamweaver görüntü yer tutucularını değiştirmek için Fireworks uygulamasını kullanma

Dreamweaver belgesinde yer tutucu oluşturabilir ve ardından grafik görüntü veya değiştirmek üzere Fireworks tablosu tasarlamak için Fireworks'u başlatabilirsiniz.

Görüntü yer tutucusundan yeni görüntü oluşturmak için sisteminizde Dreamweaver ve Fireworks uygulamalarının ikisinin de kurulu olması gerekir.

  1. Fireworks uygulamasını PNG dosyaları için görüntü düzenleyici olarak ayarladığınızdan emin olun.
  2. Belge penceresinde görüntü yer tutucuyu tıklatarak seçin.
  3. Aşağıdakilerden birini yaparak Dreamweaver'dan Düzenleme modunda Fireworks'u başlatın:

    • Özellik denetiminde Oluştur'u tıklatın.

    • Control (Windows) veya Command (Macintosh) tuşuna basın ve görüntü yer tutucusunu çift tıklatın.

    • Görüntü yer tutucuyu sağ tıklatın (Windows) veya Control tuşunu basılı tutup tıklatın (Macintosh) ve ardından Fireworks'te Görüntü Oluştur'u seçin.

  4. Görüntüyü tasarlamak için Fireworks seçeneklerini kullanın.

    Fireworks, Dreamweaver uygulamasında görüntü yer tutucuyla çalışırken ayarlamış olabileceğiniz aşağıdaki görüntü yer tutucu ayarlarını tanır: görüntü boyutu (Fireworks tuval boyuyla ilişkilidir), görüntü kimliği (Fireworks'ün kaynak dosyası ve oluşturduğunuz dışa aktarma dosyası için varsayılan belge adı olarak kullandığı ad) ve metin hizalama. Fireworks ayrıca bağları ve Dreamweaver uygulamasında çalışırken görüntü yer tutucuya eklediğiniz bazı davranışları (görüntü değiştirme, açılır menü ve ayar metni gibi) tanır.

    Not:

    Fireworks, görüntü yer tutucuya eklediğiniz bağları göstermese de bu bağlar korunur. Bir etkin nokta oluşturur ve Fireworks'te bağ eklerseniz, Dreamweaver uygulamasında görüntü yer tutucuya eklediğiniz bağ silinmez; ancak, Fireworks'te yeni görüntü dosyasından bir dilim keserseniz, görüntü yer tutucuyu değiştirdiğinizde Fireworks, Dreamweaver belgesindeki bağı siler.

    Fireworks şu görüntü yer tutucu ayarlarını tanımaz: görüntü hizalama, renk, D boşluk ve Y boşluk ve eşlemeler. Bunlar, görüntü yer tutucu Özellik denetçisinde devre dışı bırakılır.

  5. Tamamladığınızda, kaydetme uyarısını görüntülemek için Bitti'yi tıklatın.
  6. Kayıt Yeri metin kutusunda Dreamweaver yerel site klasörü olarak tanımladığınız klasörü seçin.

    Dreamweaver belgesine eklediğinizde görüntü yer tutucuya ad verdiyseniz, Fireworks Dosya Adı kutusunu bu adla doldurur. Adı değiştirebilirsiniz.

  7. PNG dosyasını kaydetmek için Kaydet'i tıklatın.

    Dışa aktar iletişim kutusu görüntülenir. Görüntüyü GIF veya JPEG dosyası olarak veya dilimlenmiş görüntülerse, HTML ve görüntüler olarak dışa aktarmak için bu iletişim kutusunu kullanın.

  8. Kayıt Yeri olarak Dreamweaver yerel site klasörünü seçin.

    Ad kutusu otomatik olarak PNG dosyası için kullandığınız adı görüntüler. Adı değiştirebilirsiniz.

  9. Kayıt Türü olarak, dışa aktarmak istediğiniz dosyanın veya dosyaların türünü (örneğin Salt Görüntü veya HTML ve Görüntüler) seçin.
  10. Dışa aktarılan dosyayı kaydetmek için Kaydet'i tıklatın.

    Dosya kaydedilir ve odak, Dreamweaver uygulamasına döner. Dreamweaver belgesinde dışa aktarılan dosya veya Fireworks tablosu, görüntü yer tutucunun yerini alır.

Fireworks açılan menüleri hakkında

Fireworks kolay ve hızlı biçimde CSS temelli açılan menüler oluşturmanızı sağlar.

Esnek ve hızlı yüklenebilir olmasının yanı sıra Fireworks ile oluşturduğunuz açılan menüler aşağıdaki avantajları sağlar:

  • Menü öğeleri arama motorları tarafından dizinlenebilir.

  • Menü öğeleri ekran okuyucular tarafından okunabilir, bu da sayfalarınızı daha erişilebilir yapar.

  • Fireworks ile oluşturulan kod, standartlara uyar ve doğrulanabilir.

    Fireworks açılan menülerini Dreamweaver ile veya Fireworks ile düzenleyebilirsiniz ancak her ikisiyle birlikte düzenleyemezsiniz. Dreamweaver uygulamasında yapılan değişiklikler Fireworks'te korunmaz.

Fireworks açılan menülerini Dreamweaver'da düzenleme

Açılır menüyü Fireworks 8 veya üstünde oluşturabilir ve ardından Dreamweaver ile veya Fireworks ile (kaynağa uygun düzenlemeyi kullanarak) düzenleyebilirsiniz ancak her ikisiyle birlikte düzenleyemezsiniz. Menülerinizi Dreamweaver uygulamasında düzenler ve ardından Fireworks'te düzenlerseniz, metin içeriği dışında daha önce yaptığınız tüm düzenlemeleri kaybedersiniz.

Menülerinizi Dreamweaver ile düzenlemeyi tercih ederseniz, açılan menüyü oluşturmak için Fireworks'ü kullanabilir ve ardından menüyü düzenlemek ve özelleştirmek için özellikle Dreamweaver uygulamasını kullanabilirsiniz.

Menülerinizi Fireworks'te düzenlemeyi tercih ediyorsanız, Dreamweaver uygulamasındaki kaynağa uygun düzenlemeyi kullanabilirsiniz ancak menüleri doğrudan Dreamweaver uygulamasında düzenlememelisiniz.

  1. Dreamweaver uygulamasında, açılan menüyü içeren Fireworks tablosunu seçin ve ardından Özellik denetçisinde Düzenle'yi tıklatın.

    Kaynak PNG dosyası Fireworks'te açılır.

  2. Fireworks'te, menüyü Açılır Menü Düzenleyici'yle düzenleyin ve ardından Fireworks araç çubuğunda Bitti'yi tıklatın.

    Fireworks, düzenlenen açılır menüyü Dreamweaver uygulamasına geri gönderir.

    Açılır menüyü Fireworks MX 2004 veya daha önceki bir sürümle düzenlediyseniz, Davranışlar panelinde bulabileceğiniz Açılır Menüyü Göster iletişim kutusunu kullanarak açılır menüyü Dreamweaver uygulamasında düzenleyebilirsiniz.

Fireworks MX 2004 veya önceki sürümde oluşturulan açılır menüyü düzenleme

  1. Dreamweaver uygulamasında, açılır menüyü tetikleyen etkin noktayı veya görüntüyü seçin.
  2. Davranışlar panelinde (Shift+F3), Eylemler listesindeki Açılır Menüyü Göster'i çift tıklatın.
  3. Açılır Menü iletişim kutusunda değişikliklerinizi yapın ve Tamam'ı tıklatın.

Fireworks kaynak dosyaları için başlat ve düzenle tercihlerini belirleme

Görüntüleri düzenlemek için Fireworks'ü kullandığınızda, web sayfalarınızdaki görüntüler genelde kaynak PNG dosyasından Fireworks tarafından dışa aktarılır. Görüntü dosyasını düzenlemek üzere Dreamweaver uygulamasında açtığınızda, Fireworks PNG dosyası bulunamadıysa, yerini göstermeniz için sizi uyararak otomatik olarak kaynak PNG dosyasını açar. İsterseniz, Dreamweaver uygulamasının eklenen görüntüyü açması için tercihleri Fireworks'te ayarlayabilir veya görüntüyü Dreamweaver uygulamasında her açtığınızda Fireworks'ün eklenen görüntüyü veya Fireworks kaynak dosyasını kullanarak seçenek sunmasını sağlayabilirsiniz.

Not:

Dreamweaver, Fireworks'ün başlat ve düzenle tercihlerini sadece belirli durumlarda tanır. Özel olarak, Fireworks tablosunun bir bölümü olmayan ve kaynak PNG dosyasına doğru Tasarım Notları yolu olan bir görüntüyü açıyor ve düzenliyor olmalısınız.

  1. Fireworks'te, Düzen > Tercihler'i (Windows) veya Fireworks > Tercihler'i (Macintosh) seçin ve ardından Başlat ve Düzenle sekmesini (Windows) tıklatın veya açılan menüden Başlat ve Düzenle'yi seçin (Macintosh).
  2. Harici uygulamaya yerleştirilen Fireworks görüntülerini düzenler ve en iyileştirilirken kullanılacak tercih seçeneklerini belirleyin:

    Her Zaman Kaynak PNG Kullan

    Yerleştirilen görüntünün kaynağı olarak Tasarım Notları'nda tanımlanan Fireworks PNG dosyasını otomatik açar. Güncelleştirmeler kaynak PNG dosyasına ve karşılık gelen yerleştirilen görüntüye yapılır.

    Kaynak PNG'yi Hiçbir Zaman Kullanma

    Kaynak PNG dosyası olsun veya olmasın otomatik olarak yerleştirilen Fireworks görüntüsünü açar. Güncelleştirmeler yalnızca yerleştirilen görüntüye yapılır.

    Başlarken Sor

    Kaynak PNG dosyasının açılıp açılmayacağını soran bir mesaj görüntüler. Bu mesajdan genel başlatma ve düzenleme tercihlerini de belirleyebilirsiniz.

Dreamweaver belgesine Fireworks HTML kodu ekleme

Fireworks'ten en iyileştirilmiş görüntüleri ve HTML dosyalarını Dreamweaver site klasörü içinde bir konuma dışa aktarmak ve kaydetmek için Dışa Aktar komutunu kullanabilirsiniz. Ardından dosyayı Dreamweaver uygulamasına ekleyebilirsiniz. Dreamweaver ilişkilendirilen görüntüler, dilimler ve JavaScript ile eksiksiz olarak Fireworks'te üretilen HTML kodunu belgeye eklemenize olanak sağlar.

  1. Dreamweaver belgesinde, ekleme noktasını Fireworks HTML kodunu eklemek istediğiniz yere yerleştirin.
  2. Aşağıdakilerden birini yapın:

    • Ekle > Görüntü Nesneleri > Fireworks HTML'i seçin.

    • Ekle panelinin Ortak kategorisinde Görüntüler düğmesini tıklatın ve açılan menüden Fireworks HTML Ekle'yi seçin.

  3. Fireworks HTML dosyasını seçmek için Gözat'ı tıklatın.
  4. Dosyayı artık kullanmayacaksanız, Ekledikten Sonra Dosyayı Sil'i seçin. Bu seçeneği belirlemenin HTML dosyasıyla ilişkilendirilen kaynak PNG dosyası üzerinde bir etkisi yoktur.
    Not:

    HTML dosyası, ağ sürücüsü üzerindeyse kalıcı olarak silinir, Geri Dönüşüm Kutusu'na veya Çöp Kutusu'na taşınmaz.

  5. HTML kodunu, ilgili görüntüler, dilimler ve JavaScript’le birlikte Dreamweaver belgesine eklemek için Tamam'ı tıklatın.

Fireworks HTML kodunu Dreamweaver'a yapıştırma

Fireworks'te oluşturulan görüntü ve tabloları Dreamweaver uygulamasına yerleştirmenin hızlı yolu Fireworks HTML kodunu doğrudan Dreamweaver belgeye kopyalayıp yapıştırmaktır.

Fireworks HTML kodunu Dreamweaver'a kopyalayıp yapıştırma

  1. Fireworks'te, Düzen > HTML Kodunu Kopyala'yı seçin.
  2. HTML'nizi ve görüntülerinizi dışa aktarma ayarlarında size kılavuzluk eden sihirbazı takip edin. İstendiğinde, dışa aktarılan görüntüler için hedef olarak Dreamweaver site klasörünüzü belirleyin.

    Sihirbaz görüntüleri belirlenen hedefe dışa aktarır ve HTML kodunu Pano'ya kopyalar.

  3. Dreamweaver belgesinde, HTML kodunu yapıştırmak istediğiniz yere ekleme noktasını yerleştirin ve Düzen > Fireworks HTML Kodunu Yapıştır seçeneğini belirleyin.

    Dışa aktardığınız Fireworks dosyalarıyla ilişkilendirilen tüm HTML ve JavaScript kodları Dreamweaver belgesine kopyalanır ve görüntülere olan tüm bağlar güncelleştirilir.

Fireworks HTML kodunu Dreamweaver'a dışa aktarıp yapıştırma

  1. Fireworks'te, Dosya > Dışa Aktarma'yı seçin.
  2. Dışa aktarılan görüntüler için hedef olarak Dreamweaver site klasörünüzü belirleyin.
  3. Dışa Aktar açılan menüsünden HTML ve Görüntüler'i seçin.
  4. HTML açılan menüsünden Panoya Kopyala'yı seçin ve Dışa Aktar'ı tıklatın.
  5. Dreamweaver belgesinde, dışa aktarılan HTML kodunu yapıştırmak istediğiniz yere ekleme noktasını yerleştirin ve Düzen > Yapıştır'ı seçin.

    Dışa aktardığınız Fireworks dosyalarıyla ilişkilendirilen tüm HTML ve JavaScript kodları Dreamweaver belgesine kopyalanır ve görüntülere olan tüm bağlar güncelleştirilir.

Dreamweaver'a yerleştirilen Fireworks HTML kodunu güncelleştirme

Fireworks'te Dosya > HTML'yi Güncelleştir komutu, Dreamweaver uygulamasına yerleştirilen Fireworks dosyalarını güncelleştirmek için başlat ve düzenle tekniğine alternatif sağlar. HTML'yi Güncelleştir komutuyla, Fireworks'te kaynak PNG görüntüsünü düzenleyebilir ve ardından dışa aktarılan HTML kodunu ve Dreamweaver belgesine yerleştirilen görüntü dosyalarını otomatik güncelleştirebilirsiniz. Bu komut, Dreamweaver çalışır durumda olmasa bile Dreamweaver dosyalarını güncelleştirmenizi sağlar.

  1. Fireworks'te kaynak PNG dosyasını açın ve düzenlemelerinizi yapın.
  2. Dosya > Kaydet'i seçin.
  3. Fireworks'te, Dosya > HTML'yi Güncelleştir'i seçin.
  4. Güncelleştirmek istediğiniz HTML'yi içeren Dreamweaver dosyasına gelin ve Aç'ı tıklatın.
  5. Güncelleştirilen görüntü dosyalarını yerleştirmek istediğiniz klasör hedefine gidin ve Seç'i (Windows ve Macintosh için) tıklatın.

    Fireworks, Dreamweaver belgesindeki HTML ve JavaScript kodunu günceller. Fireworks aynı zamanda HTML ile ilişkilendirilen güncelleştirilmiş görüntüleri dışa aktarır ve bunları belirtilen hedef klasörüne yerleştirir.

    Fireworks güncelleştirmek için eşleşen HTML kodunu bulamazsa, yeni HTML kodunu Dreamweaver belgesine ekleme seçeneğini sunar. Fireworks, yeni kodun JavaScript bölümünü belgenin başlangıcına ve HTML tablosunu veya görüntüye olan bağı sonuna yerleştirir.

Web fotoğraf albümü oluşturma

Web Fotoğraf Albümü Oluştur özelliği Dreamweaver CS5'ten itibaren kullanımdan kaldırılmıştır.

Benzer konular

 Adobe

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?

Hızlı bağlantılar

Tüm planlarınızı görüntüleyin Planlarınızı yönetin
Hızlı bağlantıları görüntüleyin
Hızlı bağlantıları gizleyin
Adobe MAX 2024

Adobe MAX
Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun

Adobe MAX

Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun
Adobe MAX 2024

Adobe MAX
Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun

Adobe MAX

Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun

Yasal Uyarılar    |    Çevrimiçi Gizlilik İlkesi