Web Dersleri 20 Ocak 2013
Dreamweaver-Photoshop

Dreamweaver’da PhotoShop Entegrasyonunu Kullanmak

Dreamweaver’da çalışırken resimleri düzenlemek için Photoshop uygulamasına ihtiyaç duyabilirsiniz. İki uygulamayla birlikte çalışarak resim düzenleme işlemini daha pratik kullanabilirsiniz. Size göstereceğim örnekte; Photoshop dosyası kullanarak web sayfasının üst bölümüne bir banner ekleyeceğim.

Insert menüsünden Image seçeneğine tıklayın. Açılan pencerede photoshop dosyasını seçtikten sonra OK düğmesini tıklayın.

Daha sonra önizleme penceresi belirecektir. Sol yanda resmin kalitesini ve formatını belirleyebilirsiniz. Pencerenin üstündeki File sekmesini tıklayın. Burdan da resmin yükseklik ve genişlik gibi değerlerini değiştirebilirsiniz.

Burada herhangi bir değişiklik yapmadan OK düğmesini tıklayın. Şimdi açılan pencerede resmin kaydedileceği yeri ve dosya adını belirledikten sonra Kaydet düğmesini tıklayın.

Photoshop dosyasının sayfaya başarılı bir şekilde eklendiğini göreceksiniz. Diğer resimlerden farklı olarak bu resmin sol üst köşesinde photoshop akıllı nesnesi olduğunu belirten bir simge bulunur. Özellikler (Properties) penceresini incelediğimizde ise bu “.jpg” dosyasının bağlı olduğu kaynak photoshop dosyasının yolunu göreceksiniz.

Şimdi aynı resim dosyasının farklı bir web sayfasına ekleyerek farklı deneyimler edinebilirsiniz. Menü panelinden aynı “.jpg” dosyasını farklı bir sayfaya ekleyin. Resmin sol üst köşesinde photoshop bağlantısını gösteren simge belirecektir. Dreamweaver bu resmin kullanıldığı bütün sayfalarda photoshop dosyası ile olan bağlantıyı otomatik olarak sağlar.

Bunu da Oku:  Form Alanlarını Gruplandırma

Yazar Bilgileri

Emrah emrah19may@hotmail.com

1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup DMOZ Editörü, Web-Grafik Tasarımı ve SEO eğitmeni.

Yorum Yap