Dreamweaver'da image'dan kasıt sayfalarımıza resim eklemektir. Bunun için uzantısı .gif , .jpg, .jpeg, .png olan dosyalarınızı web sayfalarına ekleyebilirsiniz.
Sayfalarınıza İmage eklemek için İnsert>İmage 'dan ulaşabilirsiniz. Ya da tuş kombinasyonlarında Ctrl+Alt+I ilede image menüsüne erişirsiniz.Yada objectlerden
butonuna tıklayarakda ulaşabilirsiniz.
Bu işe yeni başlayan tasarımcıların karşılaştıkları genel sorunlardan birisi resim eklediği halde o resimin browser'da görünmemesi. Bunun sebebi ise eklediği image'ın o dosyaya ait klasörün alt klasöründe olmaması. Yani siz sayfanıza bir resim ekliyorsanız ve resim bulunduğu dosyada resim.htm ise o resimin resim.htm ile aynı klasörde olması ya da resim.htm dosyasının alt klasöründen biri olan diyelimki images isimli bir klasörde olması gerekir.
Resim eklemek için ;
1. İnsert>İmage tıklayın.
2. Prewiev'a bakarak ekleyeceğiniz resim dosyasını seçin.
3. Relative to seçeneğinin karşısındaki ifadeyi Document yapın.
4. Select'e tıklayın.
5. Resiminiz eklendi.
Resim üzerinde değişiklik yapmak için ;
1. Resim'in üzerine 1 kez tıklayarak onu seçili yapın.
2. Properties'den istediğiniz değişiklikleri yapın.
3. Örenğin fare üzerine gelince farenin hemen alt kısmında yazı çıkmasını istiyorsanız resim seçili iken propertiesden alt seçeneğinin karşılığını girerseniz o yazı görünecektir.
4. Öreneğin resimin boyutlarını değiştirmek istiyorsanız bunu resim seçili iken resim üzerinde çıkan kalın çizgilerden büyültüp küçülterek yani istediğiniz boyutlara getirerek ya da properties'de W ve H seçeneklerinin karşılıklarını girerek düzenleyebilirsiniz.
5. Öreneğin resiminize link vermek istiyorsanız seçili iken İnsert>Link'i yada Properties'de Link yazısının karşılığına resime tıklandığında gideceği yeri yazmanız yeterli olacaktır.
6. Ayrıca yine resim seçili iken Align ayarlarını Properties'den yapmanız mümkün.
Burada ayrıca İmage Map hakkında bilgi vermek doğru olacaktır sanırım.
Diyelimki sayfanızın herhangi bir bölümüne bir resim eklediniz ve bu resim üzerinde tümüne değilde kendi istediğiniz,kendi seştiğiniz bir bölüme tıklandığında o linke gitsin. Yani İmage Map tüm resime link vermiyor. Siz nereyi isterseniz oraya link veriyor (Harika değil mi?).
İmage Map'i kullanmak için ;
1. Resiminizi seçin.
2. Properties'de resimde görüldüğü gibi bir bölüm görmüş olmanız lazım. Kırmızı ile işaretli olan bölümü gördüyseniz devam edebiliriz.
3. Bu 3 simgeden bir tanseinin üzerine 1 kez tıklayın.
4. Sonra resiminizin üzerine gelin ve link vermek istediğiniz alanı seçin ve properties'den gitmesini istediğiniz linki, browserın neresinde açılcağını ve o link üzerine gelindiğinde hangi yazı çıkmasını istediğiniz gibi ayarları yapmanız mümkün.Şimdi sıra uygulama yapmada. Kolay gelsin...