Pshopda yaptığım templati web sayfasında kullanmak istiyorum

Kodla Büyü
mustafayilmaz28

mustafayilmaz28

Süper Üye
Süper Üye
Seçkin Üye
Mesajlar
1,425
merhabalar arkadaşlar.
photoshop ta bir template yaptım(internetten araştırdığım dersler vasıtası ile :) )
photoshopuda bilmem aslında..
ama slice tool aracı ile parçaladım..
fakat web sayfası olarak kayıt ettikten sonra dreamweaver de açtıktan sonra
örneğin
<td colspan="8" rowspan="5">
<img src="images/3_49.gif" width="447" height="319" alt=""></td>
<td rowspan="6">resmin küçük bir parçası tablo hücresinde yukarıdaki gibi yerleşmiş..
ama benim istediğim bu resim parçasını hücrenn arka planına yerleştirmek bunu nasıl yapmalıyım..yoksa templatin üzerine div ler kullanarak mı görüntümü sabitlemeliyim.
template
9506.gif
 
Hocam şu şekilde yapabilirsin
Kod: 
<td colspan="8" rowspan="5" style="background-image:url('file:///Users/Resimler/images/3_49.gif')"></td>
<td rowspan="6">
 
peki hocam resmi bu şekilde yerleştirdiğimde hücre boyutu değişince resimde ona göre değişirmi acaba?
tabi öncelikle teşekkür ederim.
 
arkadaşta örnekte vermiş td background olarak tanımlarsan sıkıntı yaşamazsın ama genişlik ve yüksekliğini tam resim ebatlarında sabitle yoksa hoş gözükmez resim tekrarlama yapabilir..

<td colspan="8" rowspan="5" background="images/3_49.gif" height="resim yüksekliği" witdh="resim genişliği"></td>
Genişletmek için tıkla ...
 
Kronos33' Alıntı:
Hocam şu şekilde yapabilirsin
Kod: 
<td colspan="8" rowspan="5" style="background-image:url('file:///Users/Resimler/images/3_49.gif')"></td>
<td rowspan="6">
Genişletmek için tıkla ...

ilave olarak 'file:///Users/Resimler/images/3_49.gif yolu göreceli olarka ayarla
/images/3_49.gif gibi index.htm ye göre ayarla

ayrıca resmin tekrar edip etmemsi içinde
backgroun-repeat: repeat-x | repeat-y | no-repeat (bu üçinde birni duruma göre seç)
 
hocam benim demek istediğim şu:
resin 40*40
tablo da 40*40 tablo 80*80 olunca resimde 80*80 olur demi?anlatmak istediğim tam olarka bu?
 
table yerine div yapısında kaydetmek istiyorsan ;
photoshop; web sayfası ive aygıtlar için kaydet dedıkten sonra çıktı ayarlamalarını yapman gerekıyor. dilimler kısmında tablo yu seçersen tablolu , css li kısımı seçersen div li yapılarda kaydetme işlemini gerçekleştirecektir.
 
ommer hocam önce hocalarım dediklerini denedim ama içerik değişince resimler ya tekrarladı yada tekrarlamayınca hücrenin alanı büyüyünce resim içinde küçük kaldı.. :( bunu şimdilik tablomun hücrelerini ve tablomun değerlerini (height,width)sabitlemek gibi bir imkanımız varmıdır?varsa nasıldır?
 
dreamweaver için anlatayım.
belgenı css ile divleri kullanarak photoshoptan kaydettikten sonra. dreamweaver da div lerin özelliklerini ayarlaman gerekli (div'in konumu arka planı , boyutu. rengi vs vs gibi ozelliklerini yaparsın. )
photoshop css i direk belgenin içene gömüyor. ekstra css yapmıyor. html kodlarına bakman yeterli olucaktır.
 
yani acemi olaraktan tasarım için doğru bir yol mu izliyorum acaba?
photshopta tamplatei web olarak kayıt ederken önemli olan noktalar neler acaba?slice tool parçalama yaparken benim istemediğim yerleride parçalayabiliyor. :(
 
Hocam yeni başlıyorsanız tabloyla falan uğraşmayın, CSS ile dönüştürme konusunda kendinizi geliştirmeye çalışın. Nette bununla ilgili çok döküman/video bulabilirsiniz.
 
mustafayilmaz28' Alıntı:
photshopta tamplatei web olarak kayıt ederken önemli olan noktalar neler acaba?slice tool parçalama yaparken benim istemediğim yerleride parçalayabiliyor. :(
Genişletmek için tıkla ...

tasarımda Photoshop kulaancaksanız sayın hocam görsel eğitimlerden yaralanmanız daha faydalı olacaktır. görerek yapmanız ile anlatılarak yapmanız çok farklı.
Photoshop'ta slice kavramnı sordunuz, mantığı; slice ile sizin bölünmesini istediğiniz bölümü ayırır geri kalan alanı ise kendisi otomatik slice yapar, o alanlarıda siz ayarlayabilirsiniz, photoshop tarafından tasarım web olarak kaydedildiğinde her slice jpg,gif, png gibi image formatlarında kaydedilir.

"yani acemi olaraktan tasarım için doğru bir yol mu izliyorum acaba?" Fikrimce pohotoshop'u bu aşamada tam sayfa tasarımı değilde kısmı alan tasarımında kullanmanız yerinde olacaktır.

İyi Çalışmalar olsun
 
Cevap yazmak için giriş yap yada kayıt ol.
Geri
Üst