Photoshop 'ta Yaptığımız Tasarımın html Kodunu Almak

[Ciri]

Dersteki text:

Kod: Tümünü Seç Tümünü Kopyala

Yapılan Tasarımı DreamWeaver 'da Kodlamak

merhaba arkadaşlar dersimize başlayalım.

1- tasarımı yapıp file > save for web & devices olarak kaydedelim.
Kaydederken html and images only 'i seçelim.

2- DW 'yi açıp html i seçelim.

3- File > Open kaydettiğimiz dosyayı dreamweaver da açalım.

4- kodlarımız geldi :) şimdi ufak bir değişiklik yapacağız.

"images/qwerty.gif" yazan kısmı değiştireceğiz. ( tırnak işaretleri yok )



photoshop 'ta kaydettikten sonra images klasörü masaüstünde oluşacaktır. herhangi bir resim
upload sitelerine images içerisinde bulunan tasarımımızın resminin , RESİM LİNKİ ni alalım.

aldıktan sonra images/qwerty.gif yazan kısmı resim linkiyle değiştirelim.
yani

''http://b1207.hizliresim.com/z/q/9yrxv.gif'' yapalım.

mrsfq .

Video:




Anlatım alıntıdır