Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 4
  • 1
  • 2
  • 3
  • 4
  • 5
Photoshop 'ta Yaptığımız Tasarımın html Kodunu Almak
#1
Dersteki text:

Kod:
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 bana aittir :)
Ara
Cevapla PGM
Teşekkür verenler:
#2
sağol
Ara
Cevapla PGM
Teşekkür verenler:
#3
süper konu çok teşekkürler :D uzun süredir düşündüğüm bir şeydi :D +rep
Konuşmak ihtiyaç olabilir; ama susmak bir sanattır…

Ara
Cevapla PGM
Teşekkür verenler:
#4
Rica ederim :)
Ara
Cevapla PGM
Teşekkür verenler:
#5
Sabitlenmeliydi. Teşekkürler :) +rep
Ara
Cevapla PGM
Teşekkür verenler:
#6
(22-07-2012 Saat: 21:49)ProTuner Nickli Kullanıcıdan Alıntı: Sabitlenmeliydi. Teşekkürler :) +rep

Rica ederim :)

Sabitlediğiniz içinde teşekkürler :)
Ara
Cevapla PGM
Teşekkür verenler:
#7
Hocam süpersiniz :) Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#8
(22-07-2012 Saat: 22:49)Dark Nickli Kullanıcıdan Alıntı: Hocam süpersiniz :) Teşekkürler.

Rica ederim hocam :)
Ara
Cevapla PGM
Teşekkür verenler:
#9
Çok Sağolunnnnnnnnnnnnnnnnnnnnnnnnnn :)
Ara
Cevapla PGM
Teşekkür verenler:
#10
f6szy.gif
Bu Videodan Sonra İlk Rank Denemem Allah Razı Olsun FeneRLyy :D
Ara
Cevapla PGM
Teşekkür verenler:
#11
(22-07-2012 Saat: 21:29)Cagla Nickli Kullanıcıdan Alıntı: Dersteki text:

Kod:
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 bana aittir :)


sağol :D
Ara
Cevapla PGM
Teşekkür verenler:
#12
Konuyu hortlatmak dedikleri budur :

Konu 07-22-2012, 09:29 PM Tarihinde Açılmış.

Senin Cevabın Bugün 04:42 PM
Az post kasmayın.
Ara
Cevapla PGM
Teşekkür verenler:
#13
Konu vardı.Lütfen araştırıp konu açınız.
Ara
Cevapla PGM
Teşekkür verenler:
#14
Teşekkürler Gerçekten Çok İşime Yaradı Kodlamayı Bılmıyordum Yavaş Yavaş Öğrenmeye Çalışacağım ;)
Ara
Cevapla PGM
Teşekkür verenler:
#15
Kardesım ellerine saglık hersey guzel hoşta mesela bız bunları yapıyoruz fakat bunları yapmadan önce çiziyoruz ya o an sadece bir resim bunu html koduno çevirirken program bunun bir giriş paneli oldugunu nerden biliyor ? bunları nasıl ekliyoruz tasarıma ?
Ara
Cevapla PGM
Teşekkür verenler:
#16
harbi işime yaradı +rep verıyorum saol
Ara
Cevapla PGM
Teşekkür verenler:
#17
sagol
Cevapla PGM
Teşekkür verenler:
#18
Sağol iyi bilgi
Ara
Cevapla PGM
Teşekkür verenler:
#19
(17-07-2013 Saat: 04:26)Forumaktif Nickli Kullanıcıdan Alıntı: Kardesım ellerine saglık hersey guzel hoşta mesela bız bunları yapıyoruz fakat bunları yapmadan önce çiziyoruz ya o an sadece bir resim bunu html koduno çevirirken program bunun bir giriş paneli oldugunu nerden biliyor ? bunları nasıl ekliyoruz tasarıma ?

Aynen bencede bunu foruma ekleyince giriş paneli nasıl olcak ??
Ara
Cevapla PGM
Teşekkür verenler:
#20
çok işe yaradı ve beklediğim birşeydi sağol :) +rep
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping