Photoshop Magazin
 


MediaLab SiteGrinder 2

01 November 2006 | Sayı: Nov 2006
 
1 2 3 4 5
 

MediaLab SiteGrinder 2


Merhaba sevgili okurlar. Bu yeni Photoshop Plug-in'i ile minimum web sayfası bilgisine sahip olan tasarımcılar bile kolayca web sayfası yapabilecek.


hspace=0


MediaLab plug-ini hem Mac'lerde hem PC'lerde Photoshop 6.0 ve üstü ile çalışabiliyor. CSS (Cascading style sheet)'leri destekleyen bu plug-in sadece layer (katman) isimlerinize buton, rollover ve link gibi kelimelerle, Photoshop'da yaptığınız tasarımları bir web sayfasına dönüştürüyor.

SiteGrinder'ın bir çoklu sayfa yapma özelliği ile her sayfaya bir navigasyon çubuğu koymanızı olanaklı hale getirir. Ayrıca mümkün durumlarda grafik yerine CSS kullandığı için web sayfanız daha hızlı yüklenir. Bunun yanında, kendi içinde java script oluşturduğu için rollover (üzerine gelince) ve sayfa hizalamaları görsel arabirimden kolayca yapılabilir.

Kısaca tasarımınızın layer (katman)'larına text, button gibi ne yapmak istediğinizi anlatan kelimeleri ekleyin,

SiteGrinder'ı açın ayarlarınızı yapın, siteyi inşa edin ve bir browser (tarayıcı)'da sonuçları kontrol edin...

hspace=0

hspace=0

Önce birden çok layerı (katman) olan bir Photoshop (PSD) dosyası seçin ve PC'de açın ya da yeni bir tane yaratın. Bu dosyadaki bazı katmanlar fareye duyarlı olacak, link açacak vb. bunları belirleyin ve isimlerinin sonlarına rollover, popup gibi alakalı kelimeleri araya bir nokta . koyarak (enustmenu1. rollover) ekleyin. Bunu yapmak için katmanın yanındaki isim haznesine çift tıklamanız ve ismi değiştirmeniz yeterli. Photoshop'ın File>Automate menüsünden SiteGrinder'ı açın. Site Grinder açıkken Photoshop kontrolleri çalışmaz.

hspace=0

Photoshop dosyanızda değiştirmek istediğiniz birşey varsa önce SiteGrinder'ı kapatmanız gerek. SiteGrinder'ı ilk açtığınızda size tasarımınızda bir hata olup olmadığını gösteren bir raporla karşılaşacaksınız. Eğer hatalar varsa SiteGrinder'ı kapatıp önce hataları düzeltip bu kısma geçmeniz gerekmekte. SiteGrinder'a bu error sayfasını bir browser'da açmasını söyleyebilirsiniz ve bu sayede hataları eş zamanlı kontrol edebilirsiniz.

hspace=0

hspace=0

Bazı ayarların SiteGrinder'ın kullanıcı ara yüzünden yapılması mümkün. SiteGrinder'ın penceresinde Image Compression and Image File Format, Button Links, Text Rollovers, Page Alignment - Background Color and Title behaviour, Media import specifications gibi çeşitli paneller bulacaksınız. Eğer Site Grinder'ın help butonuna basarsanız olduğunuz panelle ilgili bilgi sayfasını açacaktır.

hspace=0

hspace=0

Build (inşaa et) butonuna bastığınızda SiteGrinder web sayfanızın yapımında hangi sayfalar gerekiyorsa onları size inşa edecektir. Bu işlemi yaptıktan sonra browser'ınızda sayfanızı açıp deneyin ve eğer hata varsa Photoshop'a geri dönerek düzeltin.

SiteGrinder'la izlenilen bu yolun en büyük avantajı hatanızı gördüğünüzde ya da sayfanıza bir şey eklemek istediğinizde hemen geri dönüp ekleyebiliyorsunuz.

Gelecek ay görüşmek üzere sevgilerle…

 

November 2006

 


Plug - in