- 3d Max Uygulamalar 5
- 3d Studio Max 11
- Açık Kaynak İşletim Sistemleri 18
- Adobe Illustrator 7
- Ajax 10
- Akıllı Tahta 1
- Algoritma 8
- Amerikan Emperyalizmi 1
- Android 5
- Apache Web Sunucusu 19
- App Inventor 2
- Arduino 12
- Asp 1
- Asp.net 1
- Autocad Dersleri 11
- Autocad Uygulamaları 16
- Bilgisayar Donanımları 54
- Bilgisayara Giriş 44
- Bilgisayara Giriş Uygulamaları 7
- Bilim 8
- Bilim Insanları 2
- Bilişim Teknolojileri 14
- Blockchain Teknolojileri 13
- Bootstrap 13
- C Dersleri 32
- C Programlama örnekleri 3
- C# Dersleri 37
- C++ Dersleri 12
- Cgı Nedir? 1
- Css 59
- Css Ugulama Örnekleri 26
- Dns 1
- Dreamweaver 175
- Dreamweaver Uygulamaları 18
- E- Ticaret 5
- Eğitici Hikayeler 22
- Elektronik 6
- Elektronik Posta (email) 12
- Firefox 37
- Fireworks 1
- Fireworks Uygulaması 3
- Flash Actionscript 10
- Flash Dersleri 8
- Flash Örnek Uygulamalar 7
- Freecad 5
- Gerekli Programlar 3
- Google Docs 22
- Google Teknolojileri 12
- Html Dersleri 59
- Hz. Muhammed ( Sav) 1
- Ileri Excel 2
- Infographics 1
- Internet 14
- İngilizce 5
- Java Applet Örnekleri 81
- Java Applet Temelleri 74
- Java Application Örnekleri 10
- Java Netbeans Ide 15
- Java Temel Örnekler 46
- Java Temelleri 159
- Javascript 100
- Javascript Uygulama 26
- Jquery 11
- Jquery Örnekleri 11
- Kişisel Gelişim 8
- Libre Office Dersleri 3
- Linux Bash Script 5
- Linux Işletim Sistemi Os 101
- Linux Server 53
- Linux Web Filter 27
- Milli Eğitim Bakanlığı 7
- Ms Excel Dersleri 8
- Ms Excel Uygulamaları 23
- Ms Word Dersleri 350
- Ms Word Uygulamaları 43
- Mssql Veri Tabanı 5
- Mysql Veri Tabanı 10
- Network 24
- Online Ücretsiz Yazılımlar 1
- Ödev Konuları 3
- Pascal 1
- Photoshop Dersleri 462
- Photoshop Uygulama Örnekleri 1
- Photoshop Uygulamaları 59
- Php Dersleri 90
- Php Uygulamaları 33
- Phpmyadmin 2
- Postgresql Veri Tabanı 63
- Power Point 2
- Programlama Dilleri 4
- Proje Hazırlama 15
- Python 8
- Qbasic 19
- Raspberry Pı 2
- Regular Expressions 1
- Robotik Kodlama 2
- Scratch İle Kodlama Dersleri 84
- Seo 6
- Solidworks 2
- Teknik Servis 9
- Teknoloji 4
- Teknoloji Tasarım Uygulamaları 16
- Thinkercat 14
- Tkinter 21
- Ücretsiz Uygulamalar 1
- Veri Tabanı 63
- Web Tasarım 18
- Web Uygulamaları 1
- Windows Os 14
- Windows Server 3
- Xml 5
- Yapay Zeka 1
- Yazılım Dünyası 22
- Amerika 1
- Animasyon Örnekleri 1
- Atom Seviyesi 1
- Bakış Açısı 1
- Bilgisayar Donanımları 34
- Bilim Insanlarının Hayatı 1
- Bilişim Teknolojileri 27
- Biyoteknoloji 2
- Bootstrap 2
- Dart Dersleri 2
- Dijital Dönüşüm 1
- Doğal Enerji 1
- Eğitim Sistemi 1
- Eğitim Teknolojileri 1
- Elektronik 3
- Evren 3
- Excel Dersleri 5
- Freecad 2
- Geleceğin Araçları 2
- Geri Dönüşüm 1
- Hayvan Sevgisi 1
- Illustrator 1
- Ingilice Dersleri 1
- Insan Yetenekleri 2
- Işletim Sistemi 3
- İslam 5
- Kişisel Gelişim 2
- Marşlar 3
- Mekanik 1
- Microsoft Visual Studio 5
- Microsoft Word Dersleri 2
- Mssql Server 2
- Müslüman Mucitler 3
- Photoshop 11
- Php Dersleri 1
- Programlama 4
- Psikoloji 2
- Python Dersleri 4
- Robotlar 7
- Savunma Sanatları 1
- Sketchup Nedir? 7
- Şaşırtıcı Bilim 9
- Tarih 1
- Tasarımlar 9
- Teknoloji 8
- Vücud Geliştirme 3
- Web Teknolojileri 2
- Windows Sorunları 1
- Yazılım Der 1
- Yazılım Dünyası 2
- 2. Sınıf Öğrencileri İçin Sunular 1
- 5. Sınıf Öğrencileri Için Sunular 13
- 8. Sınıf Öğrencileri İçin Sunular 23
- Belirli Gün Ve Haftalar 1
- Bilgisayar Donanımları 5
- Bilgisayar Programlama 2
- Bilgisayar Yazılım 2
- Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
- Biyografiler 2
- Biyoloji 2
- Değerler Eğitimi 4
- Eba Elektronik Bilişim Ağı 5
- Eğitim-Öğretim Sunuları 3
- Felsefe 2
- İslam 3
- Kelime İşlemci 1
- Kişisel Gelişim 4
- Kodlama, Robotic 4
- Ortak Eğitim Proje Sunuları. 2
- Problem Çözme Ve Algoritmalar 3
- Proje Nedir? Nasıl Yapılır? 1
- Rehberlik 16
- Sağlık 3
- Savaşlar 1
- Scratch 1
- Seminerler 3
- Sınav Kaygısı 2
- Sosyal Bilgiler 1
- Sosyal Bilgiler 1
- Tarih 1
- Ulaşım Araçları 1
- Verimli Ders Çalışma 1
- Web Araçları 0
- Windows İşletim Sistemi 1
- Yarışmalar 0
- 5. Sınıf Matematik Testleri 7
- Açık Kaynak İşletim Sistemleri 5
- Açık Kaynak Office 2
- Ağ Temelleri 3
- Autocad 1
- Bilgisayara Giriş 18
- Bilişim Teknik Resimi 1
- Bilişim Teknolojilerinin Temelleri 10
- Cografya 2
- Css-javascript 4
- Flash 1
- Google Teknolojileri 1
- Görsel Programlama 1
- Html 1
- Illustrator 1
- Işletmede Beceri Eğitimi 1
- Java 5
- Javascript 1
- Libre Office 1
- Mesleki Gelişim 3
- Mobil Uygulamalar 1
- Ms Office Word 11
- Php 2
- Programlama Temelleri 5
- Temel Elektronik 1
- Veri Tabanı 4
- Web Programlama 1
- Web Tasarım 4
Fireworkstan Dreamweavera
Giriş yazımızda da biraz bahsetmiştik, Macromedia'nın tüm ürünleri birbirleriyle tam bir uyum içerisindedir. Fireworks'ta yaptığınız bir butonu, şekli, resmi Flash'ta kullanabilir, yine Fireworks'ta hazırladığınız web sayfalarını, butonları, menü çalışmalarını rahatlıkla Dreamweaver'de kullanabilirsiniz. Bunun için gerekli bütün kolaylıklar seferber edilmiş durumdadır. Öyleyse, haydi biz de Fireworks'ta hazırladığımız bir web sayfasını (PNG'yi) Dreamweaver'da düzenleyelim.
Bazı üyelerimiz, Fireworks'ta hazırladığımız PNG sayfalarını Dreamweaver'e nasıl aktaracaklarını soruyorlar. Bu dersi de bunun için kaleme alıyoruz.
ADIM 1:
Fireworks'ta PNG sayfamız hazır olsun. Mesela aşağıdaki gibi bir tasarım yaptık diyelim. (Bir önceki derste kullandığımız web sayfası)
ADIM 2:
Şimdi bu PNG sayfasını nasıl Dreamweaver'e aktaracağız? İlk önce sayfamızı dışarıya HTML (veya HTM) olarak ihraç etmemiz gerekiyor. PNG olarak Dreamweaver'de düzenleyemeyeceğimizi bilmelisiniz. Fireworks'da File>Export komutunu kullanacağız. Bu komutla birlikte karşımıza şu menü çıkacak:
Yukarda gördüğünüz ayarlarda olacak.
Bunları açıklaması ise şöyle:
Dosya adı: Bu kısımda düzenlemek istediğimiz bir isim veriyoruz.
Kayıt türü: HTML formatında olacak ve ayrıca resimler de kaydedilecek.
Slice: Export edilen resimler, slice'larla belirlenen şekilde olacak.
Include Areas without Slices: Slice'lar olmayan alanları da dahil et.
Put Images in Subfolder: Resimleri ayrı bir klasörde muhafaza et. Browse kısmından da resimler için yeni bir klasör belirleyebilir veya başka isimde bir klasör oluşturabiliriz.
Options bölümünden ise ufak tefek bazı değişikler yapılabilir. Export edilen resimlerin isim uzantıları, sayfanın uzantısı vs. gibi özelliklere buradan erişilebilir. Kaydedeceğimiz yeri belirleyip sayfamızı kaydediyoruz. PNG olarak hazırladığımız sayfamız şimdi index.html olarak kaydedilmiş oldu. Şimdi artık DW'de düzenlemeye geçebiliriz.
Şimdi Dreamweaver'i açalım... Dreamweaver'da File>Open komutuyla az evvel kaydettiğimiz sayfayı açalım.
Gördüğünüz gibi sayfamız tablolar içinde resimler olarak açıldı. Sanki resimleri Dreamweaver'de tablolar içine eklemiş gibi görünüyor. Yapmak istediğimiz düzenlemeleri burada gerçekleştirebiliriz.
Neleri Nasıl Düzenleyebiliriz?
Fireworks'da atadığınız linkler aynen geçerlidir. Link verdiğiniz Fireworks butonu halihazırda resim olmasına rağmen linki geçerlidir ve Properties bölümünden gerekli değişikliği yapabilirsiniz.
Bilinmesi gereken en önemli husus, Fireworks'da slice olarak belirlediğiniz her alan burada değiştirilmeye hazırdır.
Fireworks'da tayin ettiğiniz arka plan rengi Dreamweaver'de de aynen görünür.
Düzenlemek istediğimiz bir resim varsa, işaretliyor ve Properties bölümündeki Edit'e tıkladığımızda (ilk atanan editör Fireworks olduğu için) Firework açılacak ve gerekli değişikliği yapabileceksiniz. Resim Fireworks'da açıldığı zaman üstte şu görüntü belirecektir:
Gerekli düzenlemeyi yaptıktan sonra yukarıdaki şekilde Done diyoruz. Böylece PNG kapacak ve Dreamweaver gelecektir ekranlarınıza. Neticede gerekli değişikliklerin yapılmış olduğunu fark edeceksiniz.
İşte, burada sizlere bir kaç ipucu vermeye çalıştık. Atladığımız kısımlar olmuşsa da, bunları ileride derslerimizle telafi edeceğiz. Yine bilemediğiniz kısımları Sanalkurs Forum'da Fireworks kısmından sorabilirsiniz. Hepinize kolay gelsin.
Kaynak www.sanalkurs.net/fireworks-ve-dreamweaver-isbirligi-178.html
Bazı üyelerimiz, Fireworks'ta hazırladığımız PNG sayfalarını Dreamweaver'e nasıl aktaracaklarını soruyorlar. Bu dersi de bunun için kaleme alıyoruz.
ADIM 1:
Fireworks'ta PNG sayfamız hazır olsun. Mesela aşağıdaki gibi bir tasarım yaptık diyelim. (Bir önceki derste kullandığımız web sayfası)

ADIM 2:
Şimdi bu PNG sayfasını nasıl Dreamweaver'e aktaracağız? İlk önce sayfamızı dışarıya HTML (veya HTM) olarak ihraç etmemiz gerekiyor. PNG olarak Dreamweaver'de düzenleyemeyeceğimizi bilmelisiniz. Fireworks'da File>Export komutunu kullanacağız. Bu komutla birlikte karşımıza şu menü çıkacak:

Yukarda gördüğünüz ayarlarda olacak.
Bunları açıklaması ise şöyle:
Dosya adı: Bu kısımda düzenlemek istediğimiz bir isim veriyoruz.
Kayıt türü: HTML formatında olacak ve ayrıca resimler de kaydedilecek.
Slice: Export edilen resimler, slice'larla belirlenen şekilde olacak.
Include Areas without Slices: Slice'lar olmayan alanları da dahil et.
Put Images in Subfolder: Resimleri ayrı bir klasörde muhafaza et. Browse kısmından da resimler için yeni bir klasör belirleyebilir veya başka isimde bir klasör oluşturabiliriz.
Options bölümünden ise ufak tefek bazı değişikler yapılabilir. Export edilen resimlerin isim uzantıları, sayfanın uzantısı vs. gibi özelliklere buradan erişilebilir. Kaydedeceğimiz yeri belirleyip sayfamızı kaydediyoruz. PNG olarak hazırladığımız sayfamız şimdi index.html olarak kaydedilmiş oldu. Şimdi artık DW'de düzenlemeye geçebiliriz.
Şimdi Dreamweaver'i açalım... Dreamweaver'da File>Open komutuyla az evvel kaydettiğimiz sayfayı açalım.
Gördüğünüz gibi sayfamız tablolar içinde resimler olarak açıldı. Sanki resimleri Dreamweaver'de tablolar içine eklemiş gibi görünüyor. Yapmak istediğimiz düzenlemeleri burada gerçekleştirebiliriz.
Neleri Nasıl Düzenleyebiliriz?
Fireworks'da atadığınız linkler aynen geçerlidir. Link verdiğiniz Fireworks butonu halihazırda resim olmasına rağmen linki geçerlidir ve Properties bölümünden gerekli değişikliği yapabilirsiniz.
Bilinmesi gereken en önemli husus, Fireworks'da slice olarak belirlediğiniz her alan burada değiştirilmeye hazırdır.
Fireworks'da tayin ettiğiniz arka plan rengi Dreamweaver'de de aynen görünür.
Düzenlemek istediğimiz bir resim varsa, işaretliyor ve Properties bölümündeki Edit'e tıkladığımızda (ilk atanan editör Fireworks olduğu için) Firework açılacak ve gerekli değişikliği yapabileceksiniz. Resim Fireworks'da açıldığı zaman üstte şu görüntü belirecektir:

Gerekli düzenlemeyi yaptıktan sonra yukarıdaki şekilde Done diyoruz. Böylece PNG kapacak ve Dreamweaver gelecektir ekranlarınıza. Neticede gerekli değişikliklerin yapılmış olduğunu fark edeceksiniz.
İşte, burada sizlere bir kaç ipucu vermeye çalıştık. Atladığımız kısımlar olmuşsa da, bunları ileride derslerimizle telafi edeceğiz. Yine bilemediğiniz kısımları Sanalkurs Forum'da Fireworks kısmından sorabilirsiniz. Hepinize kolay gelsin.
Kaynak www.sanalkurs.net/fireworks-ve-dreamweaver-isbirligi-178.html
21,919 Okunma Henüz yorum yapılmamış 27/07/2007 18:17:25
Yorumunuzu Ekleyin
Yükleniyor...