Yeni başlayanlar için 4 adımda CSS layout rehberi

memila · 10/03/2006, 21:16

http://www.muhammetsevim.com/tutorials/css/

4 adımda "yeni başlayanlar için CSS layout rehberi". CSS'e geçiş yapmayı düşünenler için yararlı olabilecek bir makale. Makale genel olarak CSS ile tablosuz tasarımın işleyişi hakkında bilgi veriyor.

Meteryus · 10/03/2006, 22:41

çok güzel , fakat neden başlığı site yorum forumuna açtınız ?!

turker · 10/03/2006, 23:26

elinize sağlık. Ceviz.Netde de yayınlamayı düşünür müsünüz?

Yns · 10/03/2006, 23:41

Çok güzel olmuş , teşekkürler.

memila · 10/03/2006, 23:42

Yorumlar için teşekkürler, ceviz.net'te yayınlanması benim için gurur kaynağı olur.

Zerzevat Adam · 10/03/2006, 23:58

Eline sağlık ama bence yine de 2-3 kere yeniden yazman gerekir bu makaleyi.

Neden dersen?
-Mantıklı/Semantik kodlama es geçilmiş
-Kısatanım (shorthand) CSS yazılmamış. (Bu yüzden hem dosya boyutu büyüyor, hem düzenleme daha zor hem de yükleme süresi sorunu var.)

Örneğin;

Alıntı:

#ust { width: 700px; height: 100px; background: #666666; margin-left:auto; margin-right:auto; margin-bottom: 1px; }

yerine şu şekilde yazsak daha iyi gibi;

Alıntı:

#ust { width:700px; height:100px; background:#666666; margin:0 auto 1px auto; }

CSS-XHTML konusunda daha çok örnek yaptıkça bu makalenin çok daha iyilerini yazacaksın.

memila · 11/03/2006, 00:14

Ömer yorumun için teşekkür ederim, tabii geliştirilecek çok şey var ama verdiğin örnekteki konuyu ben de biliyorum, ama elimden geldiğince sadeleştirmeye çalıştım ve dikkat edersen sürekli w3schools'un linkini verdim.

Senin verdiğin örneğe bakarsak,

Alıntı:

#ust { width:700px; height:100px; background:#666666; margin:0 auto 1px auto; }

Yeni başlamış biri margin:0 auto 1px auto; kodunda margin: ust sağ alt sol; sıralaması olduğunu bilmez, dolayısıyla 1 pixellik margin değerinin margin-bottom yerine geçtiğini anlamaz, dolayısıyla orada anlatmaya çalıştığım şeyi anlamaz.

Ya da ben de isterdim direk

Kod:

{ font: normal 1em arial; }

yazmayı, ama daha kolay anlaşılır olması için

Kod:

{ font-size: 12px; font-family: arial; font-weight: normal; }

türünden yazdım..

Yazının başlığı da ondan 'yeni başlayanlar için' zaten...

turker · 11/03/2006, 00:32

msevim: http://forum.ceviz.net/showthread.php?t=26538

hiko · 11/03/2006, 10:28

Yeni başlayanlar için çok güzel bir makale olmuş, Ayrıca herşeyi sade, anlaşılır bir dille anlatman bir çok kişiyi tetikleyecektir eminim..
Yeni makalelerle görürüz inşallah :-/

smasherz · 11/03/2006, 13:37

Düzenleme Nedeni: Üstteki tartışmayla ilgili mesaj.
....

Açıkcası ben css konusunda acemiyim. giriş için bana iyi gelir. ellerine sağlık.

10/03/2006, 21:16	#1 (permalink)
memila msevim Üyelik Tarihi: 10/2004 Mesaj: 416	Yeni başlayanlar için 4 adımda CSS layout rehberi http://www.muhammetsevim.com/tutorials/css/ 4 adımda "yeni başlayanlar için CSS layout rehberi". CSS'e geçiş yapmayı düşünenler için yararlı olabilecek bir makale. Makale genel olarak CSS ile tablosuz tasarımın işleyişi hakkında bilgi veriyor. __________________ m u h a m m e t s e v i m . c o m mactep \| xm Enson 11/03/2006 10:39 tarihinde memila tarafından düzenlenmiştir..

10/03/2006, 22:41	#2 (permalink)
Meteryus Tembel Coder Üyelik Tarihi: 03/2004 Mesaj: 1,504	çok güzel , fakat neden başlığı site yorum forumuna açtınız ?! __________________ meteryus.com // yakında yeniden

10/03/2006, 23:42	#5 (permalink)
memila msevim Üyelik Tarihi: 10/2004 Mesaj: 416	Yorumlar için teşekkürler, ceviz.net'te yayınlanması benim için gurur kaynağı olur. __________________ m u h a m m e t s e v i m . c o m mactep \| xm

11/03/2006, 10:28	#9 (permalink)
hiko Hipokondriyak Üyelik Tarihi: 06/2004 Mesaj: 627	Yeni başlayanlar için çok güzel bir makale olmuş, Ayrıca herşeyi sade, anlaşılır bir dille anlatman bir çok kişiyi tetikleyecektir eminim.. Yeni makalelerle görürüz inşallah :-/ __________________ Install Ruby, Rails, MySQL on Windows Systems Hello World on Ruby on Rails

11/03/2006, 13:37	#10 (permalink)
smasherz Üye Üyelik Tarihi: 01/2005 Yer: Çorum Mesaj: 588	Düzenleme Nedeni: Üstteki tartışmayla ilgili mesaj. .... Açıkcası ben css konusunda acemiyim. giriş için bana iyi gelir. ellerine sağlık. Enson 11/03/2006 21:37 tarihinde Zerzevat Adam tarafından düzenlenmiştir..

10/03/2006, 23:26	#3 (permalink)
turker Agresif Üye Üyelik Tarihi: 07/2002 Mesaj: 6,289	elinize sağlık. Ceviz.Netde de yayınlamayı düşünür müsünüz?

10/03/2006, 23:41	#4 (permalink)
Yns İptal Durumu Üyelik Tarihi: 10/2004 Mesaj: 2,842	Çok güzel olmuş , teşekkürler.

11/03/2006, 00:32	#8 (permalink)
turker Agresif Üye Üyelik Tarihi: 07/2002 Mesaj: 6,289	msevim: http://forum.ceviz.net/showthread.php?t=26538

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
Yeni Başlayanlar İçin Ücretsiz Kitap Önerisi	Grafik	Hayata Dair	10	07/09/2005 12:02
yeni başlayanlar için yardım	militaN	Visual Basic	5	03/09/2005 13:31
Yeni sezonda ceviz.net icin yapilabilecekler, yeni projeler v.s.	acemi	Olumlu Sohbet	11	12/10/2004 20:07
Universitete başlayanlar için tavsiye? (bilg. öğrt.tekn.)	trkaplan	Hayata Dair	22	19/09/2004 18:43
Linux' a yeni başlayanlar için güzel bir how-to	Mingitau	GNU / Linux / UNIX / BSD / Pardus	0	16/09/2004 08:32