ilk css dökme çalışmam yorum bekliyorum

15-12-2012, 00:15:39

Arkadaşlar ilk çalışmamı sunuyorum css e başlayalı 2 gün oldu. ücretsiz bir psd üzerinde çalıştım özellikle uzman arkadaşlar kodlaarı inceleyip varsa eksiklerimi yapmam gerekenleri söylerse sevinirim.

DEMO/

İNDİR

photosopla uğraşmak işin en zor kısmı geldi bana. tasarımı birazda değiştirdim. elinizde psd varsa css dökülecek vaktim olursa uğraşırım.

15-12-2012, 01:16:36

#2

frdtrkc

Öncelikle daha yolun uzun, şimdiden sabrın bol olsun.

Reset css dosyası veya kodları sitenin genel css kodlarından önce olmalıdır.

Yanlış
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="reset.css" />

Doğru
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />

Yanlış
<div id="menu">
	<ul>
		<li><h4>KATEGORILER</h4></li>
		<li><a href="#">Anasayfa</a></li>
		<li><a href="#">Hakkinda</a></li>
		<li><a href="#">Servisler</a></li>
		<li><a href="#">Islemler</a></li>
		<li><a href="#">Ortaklar</a></li>
		<li><a href="#">Iletisim</a></li>
	</ul>
</div>

Doğru
<div id="menu">
	<h4>KATEGORILER</h4>
	<ul>
		<li><a href="#">Anasayfa</a></li>
		<li><a href="#">Hakkinda</a></li>
		<li><a href="#">Servisler</a></li>
		<li><a href="#">Islemler</a></li>
		<li><a href="#">Ortaklar</a></li>
		<li><a href="#">Iletisim</a></li>
	</ul>
</div>

Birde hep id'ler ile çalışmışsın class'lara da yönelmeni tavsiye ederim.

15-12-2012, 01:22:33

#3

ebroker

frdtrkc adlı üyeden alıntı: mesajı görüntüle

Öncelikle daha yolun uzun, şimdiden sabrın bol olsun.

Reset css dosyası veya kodları sitenin genel css kodlarından önce olmalıdır.

Yanlış
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="reset.css" />

Doğru
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />

Yanlış
<div id="menu">
	<ul>
		<li><h4>KATEGORILER</h4></li>
		<li><a href="#">Anasayfa</a></li>
		<li><a href="#">Hakkinda</a></li>
		<li><a href="#">Servisler</a></li>
		<li><a href="#">Islemler</a></li>
		<li><a href="#">Ortaklar</a></li>
		<li><a href="#">Iletisim</a></li>
	</ul>
</div>

Doğru
<div id="menu">
	<h4>KATEGORILER</h4>
	<ul>
		<li><a href="#">Anasayfa</a></li>
		<li><a href="#">Hakkinda</a></li>
		<li><a href="#">Servisler</a></li>
		<li><a href="#">Islemler</a></li>
		<li><a href="#">Ortaklar</a></li>
		<li><a href="#">Iletisim</a></li>
	</ul>
</div>

Birde hep id'ler ile çalışmışsın class'lara da yönelmeni tavsiye ederim.

yorum için teşekürler. yavaş yavaş öğreniyorum. id lerle çalışmamın sebebi idlerin daha hızlı algılandığı yazıyordu biyerde ve de bu sayfada classa gerek olmadığını düşündüm. yorumundan anladığım kadarıyla doğru yolda gibiyim.

15-12-2012, 01:24:15

#4

biomooj

frdtrkc arkadaşın tavsiyelerini dikkate almanı öneririm. ek olarak firebug ile hali hazırdaki sitelerden benzer yapıların nasıl kullanıldığına bakarak bir fikir edinebilirsin.

15-12-2012, 01:28:28

#5

ebroker

biomooj adlı üyeden alıntı: mesajı görüntüle

frdtrkc arkadaşın tavsiyelerini dikkate almanı öneririm. ek olarak firebug ile hali hazırdaki sitelerden benzer yapıların nasıl kullanıldığına bakarak bir fikir edinebilirsin.

teşekürler tavsiyen için

15-12-2012, 09:32:43

#6

Webcode

id ile çalışmamalısın class ile çalışmalısın id benzersiz olmalıdır benzeri oldugunda w3 hatası alabilirsin id leri sadece java işlemleri için kullanmanı öneririm

15-12-2012, 11:30:46

#7

serhatozturk

bence illk döküm için seçtiğin tasarım yanlış daha düzgün tasarımlara yönel ilk başlarda

15-12-2012, 15:02:55

#8

ebroker

Webcode adlı üyeden alıntı: mesajı görüntüle

id ile çalışmamalısın class ile çalışmalısın id benzersiz olmalıdır benzeri oldugunda w3 hatası alabilirsin id leri sadece java işlemleri için kullanmanı öneririm

teşekkürler farkını tam anlamamıştım bana header footer ve menü kısmıda benzersiz gibi geldi ayrımını tam yapamadım

serhatozturk adlı üyeden alıntı: mesajı görüntüle

bence illk döküm için seçtiğin tasarım yanlış daha düzgün tasarımlara yönel ilk başlarda

farkındayım photosopada yeni başladığım için seçtim bunu. katmanları öğrenmek için. çok uğraştırdı katmanlar

15-12-2012, 20:45:55

#9

~~Delibey09~~

Üyeliği durduruldu

Ek olarak footer'in ekran çözünürlüğüne göre yer değiştirebiliyor, içeriği koyduğun div'e yüseklik verme böylece ne kadar içerik koyarsan koy footer hep en altta düzgün gözükür