Photoshop programımızı açıp

File > New seçeneğine tıklayıp uygun boyutu seçiyoruz

gelen ekranda header veya footerimizi çiziyoruz örnek:

http://i48.tinypic.com/elged.png

Daha sonra SLİCE TOOL(örnekte yuvarlak içine alındı.) ile kesiyoruz link vermek istediğimiz kısımları örnek;

http://i49.tinypic.com/34nipdx.png

Sıra geldi link vermeye adım adım resimleri takip ediniz

1.Adım: Kestiğimiz yere sağ tıklayıp Edit Slice Option'a tıklıyoruz.

http://i46.tinypic.com/2mc7wvr.png

2.Adım: Açılan pencerede LİNK kısmına vermek istediğiniz linki giriniz.(Resimde buraya yazan yere / "Örnek: /index.php" gibi)

http://i48.tinypic.com/2na8xg6.png

Tüm işlemlerimizi tamamladıktan sonra sıra geldi kaydetmeye ve koları almaya

Yine FİLE sekmesine tıklıyoruz Save for Web & Devices yazısına tıklıyoruz yada kısayol olarak (Alt+Shift+Ctrl+S)

Karşımıza bir pencere gelecek ve ordan Save yazısına tıklıyacağız.

Daha sonra kayıt yerini gösteren bir pencere gelecek Kaydet tuşuna basmadan önce FORMAT kısmının HTML and IMAGE olmasına dikkat edin.

Örneğin masaüstüne kaydettiniz. İmages klasörü ve bir html dosyası olacak. .html dosyasına sağ tıkla not defterinde aç diyelim...Kodlar karşınızda )

Images klasöründe FTP'ten imagesin içine attıkmıydı hazırız artık ! ) Aynı Mantıkla Footer tasarımınızada Link verebilirsiniz

./Alıntıdır.