byhemsinli
🏆Pro Tasarımcı🏆
- Katılım
- 1 Eki 2011
- Mesajlar
- 540
- Tepkime puanı
- 1
- Yaş
- 33
dostum tam bilmiyorum ama bildiğim kadarıyla bu resmi parça parça ekliyorsun. yani "çalışmalar" ı ayrı "anasayfa"yı ayrı, logoyu ayrı, arka planı ayrı vs vs..
File > Save for Web & ... diyoruz temayı dilimliyor sonra otomatik klasör oluşturuyor. Her şey tamam ama o klasörü direk ftp ile mi yükleyeceğim yoksa tek tek upload mı edeceğim. Sorum Bu İlginize Teşekkürler...
bir zamanlar ilgileniyordum site işleriyle. yanlış hatırlamıyorsam ftp ile direkt yolluyorsun. ama emin değilim yanlış bilgi vermek istemem..
rica ederim kolay gelsin
önce slice tool ile parçalarını kes kardeşim sonradan sana bi klasör oluşturucak . Kestiğin parçaları html bilgin varsa tablolara dök . Yada en basit yöntemle dreamweaver indir tablo oluştur. Parçaları tek tek tabloların içine at sonra tabloyu pasif hale getir. Ardından parçalara yazı ekle veya link ekle vs sonradan bunları kaydet. Ftp'ye atma işleminide en son yaparsın sonradan sorun kalmaz.
Öncelikle Web Mantığına aykırı bir background kullanmışsın. Fakat kısaca anlatmak gerekirse öncelikle. PSD'yi açıyoruz![]()
Daha sonra yapılacak siteyi yatay bloklar gibi düşünebilirsin bir merdivanın basamakaları gibi
ben olsam bu siteyi ;
Yatak olarak üçe ayırırım.
<body></body> tagları arasına
<body>
<div id="ustkisim"></div>
<div id="ortakisim"></div>
<div id="altkisim"></div>
</body>
Genel Web dillemelerine göre biz bunlara ustkisim=header ortakisim=content ya da main
altkisim=footer deriz.
Daha sonra PSD mi parçalamaya başlarım.
DW'de yapmış olduğum çalışmayı öncelikle ayrı bir dosyada index.html olarak kaydederim.
Daha sonra aynı klasörün içine bir images diye dosya açarım.
Şimdi geldik PSD yi parçalamaya. PSD'de görünen her şey senin için bir işlevine göre bir image da olabilir bir background'da olabilir. Bunuda CSS le öğrenmen gerekicek. Okumak istersen devam edicem. Çünkü yorulmaya başladım![]()
background-image: "src="www.majestyajans.com/demo/img/logo.png ";
gibi CSS'le çağırabilirsin.
temayı dream weaverda background yani arka plan yaparsın ama anasayfa yazan çubuk ayrı yapıldığından oradaki yazıları sil
( o yazı kısmını aynı şekilde kullanacaksan ayrı bir photoshop sayfasına şimdilik kopyalarsın kenarda beklesin)
Bundan sonra bu temayı photoshoptan jpg. yada png formatında kaydet.
ve dream weaver biliyorsan bundan sonrası kolay background image: bu resmi atarsın oldu.
yada en temel soruyu sorayım dreamweaver biliyormusun?
öyleyse tamam ben kim ne kadar hangi programı biliyor bilmediğim için tam açıklayamadım.
ayrıntılı bir yazı istiyorsan. şöyle
body kısmına css + butonundan background image ile resim aktarıyoruz ya işte oradan siz kendi tasarımınızı oraya aktarmış olur sonrada içlerini div ler oluşturarark tamamlarsınız
burada mesele şu:
yaptığnınız photoshop resminizi jpg veya png olarak dışarı çıkarmalısınız. ben png kullanıyorum. ve yine önemli husus yapacağınız tasarımının yada sitenin boyutu.
Bu önemli çünkü siz resmi png olarak dışarı çıkarmadan önce image size ile resmi boyutlandırmanlazım ki iki iş olmasın. sitenin boyutuyla resmin boyutu aynı olmalı ki rahat çalışasın.
anlamadığın yer olursa şimdlik burdayım