Fireworks ve Dreamweaver ile Çalışma
- Dreamweaver Kullanıcı Kılavuzu
- Giriş
- Dreamweaver ve Creative Cloud
- Dreamweaver çalışma alanları ve görünümleri
- Site kurma
- Dreamweaver siteleri hakkında
- Sitenizin yerel bir sürümünü kurma
- Yayımlama sunucusuna bağlanma
- Test sunucusu kurma
- Dreamweaver site ayarlarını içe ve dışa aktarma
- Mevcut web sitelerini uzak sunucudan yerel site köküne getirme
- Dreamweaver'daki erişilebilirlik özellikleri
- Gelişmiş ayarlar
- Dosya aktarmak için site tercihlerini ayarlama
- Dreamweaver'da proxy sunucu ayarlarını belirtme
- Dreamweaver ayarlarını Creative Cloud ile senkronize etme
- Dreamweaver'da Git'i kullanma
- Dosyaları yönetme
- Dosyaları oluşturma ve açma
- Dosyaları ve klasörleri yönetme
- Sunucunuzdan dosya alma ve dosyaları sunucunuza koyma
- Dosyaları teslim etme ve teslim alma
- Dosyaları senkronize etme
- Dosyaları farklılıklar açısından karşılaştırma
- Dreamweaver sitenizde dosya ve klasör perdeleme
- Dreamweaver siteleri için Tasarım Notları'nı etkinleştirme
- Olası Gatekeeper zaafını önleme
- Mizanpaj ve tasarım
- Mizanpaj için görsel yardımcılar kullanma
- Sayfanızın mizanpajını hazırlamak için CSS'yi kullanma hakkında
- Bootstrap kullanarak dinamik web siteleri tasarlama
- Dreamweaver'da ortam sorguları oluşturma ve kullanma
- Tablolara sahip içerik sunma
- Renkler
- Değişken ızgara mizanpajlarını kullanarak dinamik tasarım
- Dreamweaver'da Extract
- CSS
- Basamaklı Stil Sayfaları'nı anlama
- CSS Tasarımcısı'nı kullanarak sayfa mizanpajını yapma
- Dreamweaver'da CSS ön işlemcilerini kullanma
- Dreamweaver'da CSS Stili tercihlerini ayarlama
- Dreamweaver'da CSS kurallarını taşıma
- Dreamweaver'da satır içi CSS'yi CSS kuralına dönüştürme
- Div etiketleriyle çalışma
- Arka plana degradeler uygulama
- Dreamweaver'da CSS3 geçiş efektleri oluşturma ve düzenleme
- Kodu formatlama
- Sayfa içeriği ve varlıklar
- Sayfa özelliklerini ayarlama
- CSS başlığı özelliklerini ve CSS bağ özelliklerini ayarlama
- Metinle çalışma
- Metni, etiketleri ve nitelikleri bulma ve değiştirme
- DOM paneli
- Canlı Görünüm'de düzenleme
- Dreamweaver'da belgeleri kodlama
- Belge penceresinde öğe seçme ve görüntüleme
- Özellik denetiminde metin özelliklerini belirleme
- Web sayfası üzerinde yazım denetimi gerçekleştirme
- Dreamweaver'da yatay cetveller kullanma
- Dreamweaver'da font birleşimlerini ekleme ve değiştirme
- Varlıklarla çalışma
- Dreamweaver'da tarih ekleme ve güncelleştirme
- Dreamweaver'da sık kullanılan varlıklar oluşturma ve yönetme
- Dreamweaver'da görüntü ekleme ve düzenleme
- Medya nesneleri ekleme
- Dreamweaver'da video ekleme
- HTML5 video ekleme
- SWF dosyaları ekleme
- Ses efektleri ekleme
- Dreamweaver'da HTML5 ses ekleme
- Kitaplık öğeleriyle çalışma
- Dreamweaver'da Arapça ve İbranice metin kullanma
- Bağlama ve gezinme
- jQuery bileşenleri ve efektleri
- Web sitelerini kodlama
- Dreamweaver'da kod yazma hakkında
- Dreamweaver'da kodlama ortamı
- Kodlama tercihlerini ayarlama
- Kod rengini özelleştirme
- Kod yazma ve düzenleme
- Kod ipuçları verme ve kod tamamlama
- Kodu daraltma ve genişletme
- Parçacıklar ile kodu tekrar kullanma
- Lint kodu
- Kodu en iyileştirme
- Tasarım görünümünde kod düzenleme
- Sayfaların başlık içeriğiyle çalışma
- Dreamweaver'da sunucu tarafı içerikleri ekleme
- Dreamweaver'da etiket kitaplıkları kullanma
- Dreamweaver'a özel etiketleri içe aktarma
- JavaScript davranışlarını kullanma (genel talimatlar)
- Yerleşik JavaScript davranışları uygulama
- XML ve XSLT hakkında
- Dreamweaver uygulamasında sunucu tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver uygulamasında istemci tarafı XSL dönüşümleri gerçekleştirme
- Dreamweaver'da XSLT için karakter varlıkları ekleme
- Kodu formatlama
- Ürünler arası iş akışları
- Dreamweaver uzantılarını yükleme ve kullanma
- Dreamweaver uygulama içi güncelleştirmeleri
- Dreamweaver'da Microsoft Office belgeleri ekleme (yalnızca Windows)
- Fireworks ve Dreamweaver ile çalışma
- Contribute ile Dreamweaver sitelerindeki içeriği düzenleme
- Dreamweaver-Business Catalyst entegrasyonu
- Kişiselleştirilmiş e-posta kampanyaları oluşturma
- Şablonlar
- Dreamweaver şablonları hakkında
- Şablonları ve şablon tabanlı belgeleri tanıma
- Dreamweaver şablonu oluşturma
- Şablonlarda düzenlenebilir bölgeler oluşturma
- Dreamweaver'da yinelenen bölgeler ve tablolar oluşturma
- Şablonlarda isteğe bağlı bölgeler kullanma
- Dreamweaver'da düzenlenebilir etiket niteliklerini tanımlama
- Dreamweaver uygulamasında yuvalanmış şablonlar oluşturma
- Şablonları düzenleme, güncelleştirme ve silme
- Dreamweaver'da xml içeriğini dışa ve içe aktarma
- Mevcut bir belgenin şablonunu uygulama veya kaldırma
- Dreamweaver şablonlarındaki içerikleri düzenleme
- Dreamweaver'daki şablon etiketleri için sözdizimi kuralları
- Şablon bölgeleri için vurgulama tercihlerini belirleme
- Dreamweaver'da şablon kullanmanın avantajları
- Mobil ve çoklu ekran
- Dinamik siteler, sayfalar ve web formları
- Web uygulamalarını anlama
- Bilgisayarınızı uygulama geliştirme için ayarlama
- Veritabanı bağlantılarında sorun giderme
- Dreamweaver uygulamasında bağlantı komut dosyalarını kaldırma
- Dinamik sayfalar tasarlama
- Dinamik içerik kaynaklarına genel bakış
- Dinamik içerik kaynaklarını tanımlama
- Sayfalara dinamik içerik ekleme
- Dreamweaver'da dinamik içeriği değiştirme
- Veritabanı kayıtlarını görüntüleme
- Dreamweaver'da canlı veri sağlama ve ilgili sorunları giderme
- Dreamweaver'da özel sunucu davranışı ekleme
- Dreamweaver ile form oluşturma
- Kullanıcılardan bilgi toplamak için formları kullanma
- Dreamweaver'da ColdFusion formları oluşturma ve etkinleştirme
- Web formları oluşturma
- Form öğeleri için geliştirilmiş HTML5 desteği
- Dreamweaver uygulamasını kullanarak bir form geliştirme
- Uygulamaları görsel olarak oluşturma
- Dreamweaver'da kalıp ve ayrıntı sayfaları oluşturma
- Arama ve sonuç sayfaları oluşturma
- Kayıt ekleme sayfası oluşturma
- Dreamweaver'da güncelleme kaydı sayfası oluşturma
- Dreamweaver'da kayıt silme sayfaları oluşturma
- Dreamweaver'da veritabanını değiştirmek için ASP komutları kullanma
- Kayıt sayfası oluşturma
- Oturum açma sayfası oluşturma
- Yalnızca yetkili kullanıcıların erişebileceği bir sayfa oluşturma
- Dreamweaver ile ColdFusion'daki klasörlerin güvenliğini sağlama
- Dreamweaver'da ColdFusion bileşenleri kullanma
- Web sitelerini test etme, önizleme ve yayımlama
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 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.
-
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.
-
-
İ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.
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.
-
Dreamweaver uygulamasında, daha önceden açık değilse Özellik denetimini (Pencere > Özellikler) açın.
-
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.
-
Düzenlemek üzere Fireworks'ü başlatmak için aşağıdakilerden birini yapın:
Not:
Ö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.
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.
-
-
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.
-
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.
-
-
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.
-
-
İş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.
-
Fireworks uygulamasını PNG dosyaları için görüntü düzenleyici olarak ayarladığınızdan emin olun.
-
Belge penceresinde görüntü yer tutucuyu tıklatarak seçin.
-
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.
-
-
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.
-
Tamamladığınızda, kaydetme uyarısını görüntülemek için Bitti'yi tıklatın.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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
-
Dreamweaver uygulamasında, açılır menüyü tetikleyen etkin noktayı veya görüntüyü seçin.
-
Davranışlar panelinde (Shift+F3), Eylemler listesindeki Açılır Menüyü Göster'i çift tıklatın.
-
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.
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.
-
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).
-
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.
-
Dreamweaver belgesinde, ekleme noktasını Fireworks HTML kodunu eklemek istediğiniz yere yerleştirin.
-
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.
-
-
Fireworks HTML dosyasını seçmek için Gözat'ı tıklatın.
-
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.
-
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
-
Fireworks'te, Düzen > HTML Kodunu Kopyala'yı seçin.
-
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.
-
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
-
Fireworks'te, Dosya > Dışa Aktarma'yı seçin.
-
Dışa aktarılan görüntüler için hedef olarak Dreamweaver site klasörünüzü belirleyin.
-
Dışa Aktar açılan menüsünden HTML ve Görüntüler'i seçin.
-
HTML açılan menüsünden Panoya Kopyala'yı seçin ve Dışa Aktar'ı tıklatın.
-
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.
-
Fireworks'te kaynak PNG dosyasını açın ve düzenlemelerinizi yapın.
-
Dosya > Kaydet'i seçin.
-
Fireworks'te, Dosya > HTML'yi Güncelleştir'i seçin.
-
Güncelleştirmek istediğiniz HTML'yi içeren Dreamweaver dosyasına gelin ve Aç'ı tıklatın.
-
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.