Yaptığımız bütün işlemler ile rolloverlara ve düğmelere sahip html sayfamızı oluşturmaya hazırız. Fireworks programı diğer programlar gibi bütün işi kendi yapar. Sizin sadece dosyaları kaydedecek konumu göstermeniz yeterlidir.
Dosya > Dışa aktar seçimi yaılır. Dışa aktar açılır menüsünde HTML And Images (HTML ve resimler) seçimi yapın. Daha sonra html açılır menüsünden html file seçimini yapın.
Yaptığımız bu işlemde dikkat etmemiz gereken bir diğer nokta ise tam olarak neye sahip olmak istediğimizdir. Yalnız rollover resimleri değil , html olarak dışa aktarılmış bir dosya istememiz durumunda sayfamızdaki bağlantılar bizim için önemli olduğundan siteyi dışarı aktarırken yerel site klasörünü seçtiğimizden emin olmalıyız. Aksi durumda web sitesindeki linkler yani bağlantılar çalışmaz..
Dilimler açılır menüsünden dilimleri dışa aktar seçimi yapalım.
Dilimler hakkında makalemizde yazdığım gibi
dilimler fireworks programının düğmeleri nasıl oluşturacağını belirler.Dilimleri dışarı aktarmamamız durumunda sayfamız bir resim olarak ihraç edilir. Dilimler de aktif bölgelere hakim olduğu için rolloverlar için javascript kodu da sağlar. Eğer dilimler dışa aktarılmazsa rolloverlar çalışmayacaktır.
Yalnız dilimsiz alanları seçmek de isteyebiliriz. Bu durumda Dilimleri olmayan alanları dahil et seçimi apılır. Bu seçeneğin seçilmemesi durumunda html tablosunda boş hücreler oluşmayacaktır.
Görüntüleri alt klasörlere koy onay kutusunu işaretleyin .Genellikle resimler html ile tümleşik değil farklı klasörlerde yer alır. Dosya bakım ve organizasyon işleminin kolaylığı için bu gereklidir.Fireworks Default Images ya da varsayılan görüntüler adında bir alt klasör oluşturur. Görüntüleri alt klasörlere koy seçeneği seçildiğinde Gözat düğmesi yanında varsayılan dosya adı olan Görüntüleri görürsünüz. Eğer resimleri görüntüler dışında bir klasörde tutmak istiyorsak gözat düğmesine tıklayıp klasörü göstermemiz gerekir...
Diğer önemli bir husus ise Fireworks'den dışa aktarılan dosyaların Dreamweaver'da bir site olarak tanımlanmış bir klasöre kaydetmektir.
Bazı klasör ve dosya adları okunabilirlik açısından büyük harfle yazılmıştır . Ancak bazı web sunucuları büyük harfleri desteklememektedir. Büyük harfle yazılan bazı dosyaların okunmasında sorun yaşanmaktadır.Bu nedenle fireworks oluşturulan dosya adları tamamen küçük yazılmaktadır.Fireworks'un HTML oluştururken kullandığı HTML seçeneklerini tanımlamak için seçenekler düğmesine tıklanır ve önemli seçeneklerin ayarı buradan yapılır.Bu ayarlara Dosya >HTML Ayarı veya Dışa aktar iletişim kutusundan erişmek mümkündür. Buradan html dosya stilini ve dosya uzantısını ayarlamak mümkündür.
Dreamweaver için ;Genel sekmesi seçiliyken HTML ayarları içerisinden Dreamweaver HTML seçimi yapılmalı ve uzantı .htm olarak seçilmelidir.
Burada bir diğer önemli nokta kullanılacak yönteme göre bir HTML stili seçmektir. Fireworksun geniş kapsamlı olduğunu her yazımda anlatmaya çalıştım .. Fireworks programımız Dreamweaver ,FrontPage,GoLive ve genel stil özelliklerini destekler ona göre aktarma işlemi yapar.
Tablo sekmesi de fireworksun oluşturduğu tabloların aralıklarıyla oynamamızı sağlar.Sayfada dilimler varsa fireworks tablo oluşturur. Seçilen ayarlara göre spacer.gif adında bir dosya oluşturur ve tablolara o dosyayı ekler. Kesmesiz boşluklarda ( ) komutu eklenir. Böylelikle hücreye bir boşluk değeri atanmış olur..
Belgeye özgü kısmında ise dilim adları ve dilimlerin alt etiketleri seçilebilir. Rollover dosyalarını adlandırma işlemi buradan yapılabilir. Dışa aktardıktan sonra HTML dosyasını tarayıcıda açın ve oluşturduğunuz bağlantıların çalışıp çalışmadığından emin olun..
