Her aradığın burda
  Tasarım Kodlama
 
 
 
"Photoshopta Tasarım Nasıl Kodlanır?" Dersimize Hoş  Geldiniz...

Kullanılacak Programlar : Adobe Photoshop CS2 / CS3 / CS3 Farketmez


Anlatımın Herşeyi Bana (mR.Sinan) Aittir... WEBEXPERNET ~ DGSOFT Corporation 2009




Sonra Yazı Yazacağımız Yer Yani İçerik Alanının Resminin Url'sini Silip Alttaki Kodu Yapıştırıyoruz...
Altta URL Yazan Yere İçerik Alanı Resminin Url'sini Yazınız..


<table background="URL" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div style="padding:4px; overflow: auto; width: 817px; height: 422px">
YAZI
</div>
</td>
</tr>
</table>


Artık Son Aşama Yani Tasarımın Üstü - Tasarımın Altı Diye Ayırma...

 

Crazy Designer

ders2



html i seçip devam ediyoruz



evet arkadaşlar burda tablomuzu açıyoruz ama dikkat tablomuzu açtığımızda genişliğini 950 yapıyoruz eyer hatırladıysanız photoshopta genişlik olarak 950 yapmıştık ....



tablolar çook önemli ayarlarından birini bile yanlış yaparsak ilerde bize büyük sorunlar yaşayabiliriz...

satırlarımızı: 3 yaptık
genişlik: 950
kenarlıkların hepsi sıfır yapılmış:
cellpad:0
cellsapce:0 kısacası hepsi 0( sıfır )
bide tablomuzu ortalamayı unutmayalım yoksa site ortda olmaz sol tarafta olur şimdide center diyelim ok işaretiyle gösterilmiş zaten...




arkadaşlar burda ise 3 satırlı tablomuzun her satırına arkaplan resimleri ekliyecez bu arka plan resimleri bizim photoshopta oluşturduğumuz fotoalrdır hani 3 parçaya kesmiştik yaa ( nasıl ekleyeceğimizi ok işaretleriyle göstermişim zaten )



her üç satırada arka planları yerleştirdikteb sonra şimid sıra geldi satırlarımıızı genişletmeye satırlarımızı tasarımımızın dizaynını bozmayacak şekilde uzatıyoruz ....



ve işte gördüğünüz gibi tasarımımız bu şekli aldı şimid hala 3 satırımız duruyo 2 satrımızı yani orta kısma içerik geleceği için orda bir tablo daha oluşturacaz



şimdi orta kısımda oluşturmak için önce bi iki ayar vermemiz lazım imlecimizi orta kısıma getirip
okla gösterilmiş olan iki ayarı yapıyoruz eyer bu ayarları yapmasak tasarımımız olmaz



evet arkadaşlar tablomuzu açtık ve
imleci içine alarak seçeneklerden stünları 5 yaptık böylece 5 stün oldu stünları neden yaptık diye sorarsanız ee çünkü menuler ve içerik kısmını ayırmak için bunu için stünları oklarla gösterdiğim şekilde sınır yapioruz yani mennuler içerik kısmına geçmiyecek yada içerik kısmı menuler kısmına geçmesin die ..



yukardaki yazılar galiba anlaşılmıyor alın yazıları:



icerik kısmı buraya gördüğünüz gibi yazılar menu ksımına geçmior yada menuler içerik kısmına geçmior

evet arkadaşlar şimdi diyelimki içerik kısmı çok uzun e bu durumda tasarımımız çook kısa gözüküyor ama merak etmeyin içerik ne kadar uzasa uzasın tasarımımızda o kadar uzayacak nedenmi çünkü tablo yapısında tablonun arkaplan resimi içeriğin boyutunu aştığı zaman arka plan resmi iki tane oluyor birazdaha uzasa 3 tane olcak yani ne kadar uzasa arkaplan resmi o akdar çoğalıyor tabi orta kısımımızı keserken çook önem verdiğimizi hatırlayalım orta kısmını öyle bir şekilde kesmiştikki her nekadar arkaplan resmi çoğalsada sanki 1 taneymiş gibi gözükecekti ... şimdi anladınızmı neden öyle kestiğimizi.. Smile şimdi gelelim tasarımımızı Tr.Gg ye uygulamaya...




içerik kısmı orataya geleceği için en ortaya içerik yazdım ve kod kısmına geçtim okla göstermişim zaten








 






Ynlız Arkadaşlar ben burda ufak bi yanlışlık yapmışım title taglarınıda silecez ama birazdaha aşağıda olan <body> tagından yukarıya kadar olan kısmı silecez....



html ve body taglarını aşğıdanda siliyoruz....





[imghttp://img15.imageshack.us/img15/5531/24784342.gif][/img]





yukarda yaptığım yanlışı düzeltiyorum eyer hatırladıysanız... body taglarınıda silioduk



yeni bir sayfa açıp bu sefer o sayfada css ayarlaını yapacaz yani css kodlarını yapacaz...








bu sefer html ve body taglarını hemen silelimmki ilerde kodlara karışmasın


















ALINTIDIR.endlessgenclik.com



Diğer;
Php Nedir Css Nedir Html Nedir Pagerank Ölçer Backlink Ölçer Alexa Ranking Google Sıranı Bul İceblue Yapımı İceblue Üst Menüler Css Menü Uygulama Tk Adresi Almak Tasarım AyırmaTasarım Kodlama Flash Banner Yapımı Sitene Üyelik Sistemi Ekle Pagerank Terimleri  Pr Artırmak İçin Gerekenler Pr Yüksek Tavsiye Siteler Css Tasarımları İceblue Tasarımları 1 İceblue Tasarımları 2 Red Arşiv 1 Kod Arşivi Komik Hikayeler Komik Videolar PenTool Aracı Kullanımı Karikatürler Komik Resimler






Bu sayfa hakkında yorum ekle:
İsminiz:
Mesajın:

 
  Bugün 4 ziyaretçi (9 klik) Kişi girivermiş.. ssss  
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=