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.

Bu özellik Adobe Dreamweaver CC 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 yordamının bir ç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. Photoshop'un JPEG ve GIF dosyaları için varsayılan düzenleyici olarak ayarlanmasını istiyor olsanız da Fireworks bu dosya türleri için de sıklıkla varsayılan düzenleyici olarak ayarlanır.

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ı ve de 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'ta bağ eklerseniz, Dreamweaver uygulamasında görüntü yer tutucuya eklediğiniz bağ silinmez; ancak, Fireworks'ta 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 ile eşleşmeler. 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. Farklı Kaydetme Türü için 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'le 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 arı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 öğesini 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'ta, 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'ta, 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'ta 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'ta 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 dosyalarını, Dreamweaver çalışmadığında bile güncelleştirmenizi sağlar.

  1. Fireworks'ta kaynak PNG dosyasını açın ve düzenlemelerinizi yapın.
  2. Dosya > Kaydet'i seçin.
  3. Fireworks'ta, 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) veya Seç'i (Macintosh) 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 çıkarılmıştır.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

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