Web Standartları, XHTML ve CSS üzerine
Yazar: Volkan Görgülü | Yayın Tarihi:
15 Temmuz 2008 | Yorumlar:
25 Yorum
Kategori: CSS & XHTML, Web Standartları, Teknolojileri ve Trendleri
Merhaba, ne zamandan beri bu başlıklar ile ilgili düşüncelerimi ve vizyonumu sizler ile paylaşmak istiyordum, çünkü web projeleri geliştirmeden, XHTML ve CSS yazmaya başlamadan evvel öncelikle bu kavramları anlamak gerektiğine inanıyorum.
Bu paylaşımımda Web Standartları nedir? XHTML ne için var? CSS ne için var? sorularını cevaplamaya çalıştım.
Yazının devamında ise videoda bahsettiğim kutu örneğini sizlere göstermeye çalıştım ve CSS kısayol tanımlamalarına dair bir kaç örnek verdim.
CSS’i daha akıllıca kullanmak…
Adına küçük bir kaç paylaşımda bulunmak istiyorum
Videoda bahsettiğim kutu örneği
Şu şekilde tanımlamak yerine
.kutu1 {
padding: 20px;
margin: 5px;
border: 1px solid #000
}
.kutu2 {
padding: 20px;
margin: 5px;
border: 1px solid #fff
}
Bu şekilde tanımlamak daha doğru
.kutu {
padding: 20px;
margin: 5px;
border-width: 1px;
border-type: solid;
}
.kutu1 {
border-color: #000
}
.kutu2 {
border-color: #fff
}
Öncelikle bir etikete birden fazla sınıf ekleyebildiğimizi hatırlatmak isterim, yukarıdaki örnekte aynı özelliklere sahip iki kutu için farklı iki sınıf tanımlamak yerine, ikisinin ortak özelliklerini barındıran bir sınıf tanımladık ve ikisinin farklı özellikleri için iki kutuya özel iki tane sınıf tanımladık.
Tabiki bu çok küçük bir örnek ve anlatmak istediğimi çok net göstermiyor olabilir, lütfen yorumlarınız ile danışmaya çekinmeyiniz.
Tanımlamalarda Kısayollar
margin: [üst değer] [sağ değer] [alt değer] [sol değer]
margin: 10px 50px 30px 5px
margin: [ust deger ve alt değer] [sag deger ve sol deger]
margin: 10px 50px
margin: [ust deger] [sag ve sol değer] [alt değer]
margin: 10px 50px 20px
border: [genişlik] [tür] [renk]
border: 1px solid #000
background: [renk] [resmin yolu] [tekrarlanma özelliği] [yerleşimi]
background: #f00 url(arkaplan.gif) no-repeat 0 0;
Devamı Gelecek
Evet, arkadaşlar XHTML ve CSS konuları ile ilgili paylaşımlarımı arttırmak istiyorum, ve bu planımı yavaş yavaş hayata geçireceğim. Zaten videoda da belirttiğim gibi en büyük isteğim bir tasarımı koda dökme paylaşımlarında bulunmak.
Bahsettiğim paylaşımı yaptığımda hemen haberdar olmak istiyorsanız, RSS yayınıma üye olabilirsiniz ya da beni Twitter veya FriendFeed yayınlarımdan takip edebilirsiniz.
Başka bir paylaşımımı inceleyebilirsiniz
Düşüncelerinizi duymaya ihtiyacım var!
Zamanınızın çok küçük bir bölümünü ayırarak, bu form aracılığı ile yazı hakkındaki düşüncelerinizi paylaşabilirsiniz.
Yazıya Gelen Yorumlar
1
Murat Topak
16 Temmuz 2008´de söylemiş
güzel bir anlatım olmuş
2
Gürkan OLUÇ
16 Temmuz 2008´de söylemiş
Güzel bir video Volkan. Teşekkürler. Bazı geliştiriciler “çalışıyor mu? çalışıyor. O zaman sorun yok” şeklinde olaya yaklaşıyor olsa da web standartları gayet güzel şeyler. Yazılan XHTML kodunun çok daha mantıklı olmasını, çok daha okunabilir olmasını sağlayan şeyler
3
mert
16 Temmuz 2008´de söylemiş
Güzel video olmuş teşekkürler.Table’larla kodlayan bi insanın CSS’e geçmesi gerçekten çok meşaktli bi durum
Yeni yeni CSS’e geçiyor sayılırım özellikle kutu pozisyonlandırmada hala sorunlarım var.Firefox’ta sorun olmuyor ama İE gerçekten insanı çileden çıkarıyor.İyi günler.
4
ışıl ışıl
16 Temmuz 2008´de söylemiş
1. XHTML ile HTML arasındaki fark nedir?
2. Alanlarda (myspace) CSS kullanılabilir mi?
3. Cebir denklemlerini çözmeyi sevmeyen, “ya, bunlar ne işime yarayacak benim?” diye yakınan öğrencilere ileride bu sistemi web standartları yolunda(!) kullanacakları söylenseydi daha ilginç gelir miydi acaba?
5
brsyuksel
16 Temmuz 2008´de söylemiş
Öncelikle “cesaret”in tebrik edilmeli Volkan
Kendi adıma konuşuyorum, ben ilkokul ve Lise’de kürsüde mikrofonu tutamazdım 
Verdiğin örneğe yorum yapacak olursam, ben çoğu projelerimde JavaScript’i ve AJAX’i etkin kullandığımdan dolayı, sınıf (Class) belirlemek yerine kimlik (id) belirliyorum. Bu durumda da örneğin iki adet div’in ortak yanlarını bir grupta topladıktan sonra özgün yapılarını ayrı ayrı kodluyorum. Bunu da bildirmekte fayda var diye düşünüyorum.
Son olarak tebrik ve teşekkürlerimi tekrar sunayım. Devamını bekliyor olacağız.
6
Cihan ÖNER
16 Temmuz 2008´de söylemiş
Evet Volkan hocam
Sen çok güzel nabız tutuyor ona göre video çekiyorsun tebrik ederim. Bu Videoda web standartlarından, xhtml ve css kodlarından bahsetmek yerine onları neden kullanılması gerektiğini ne derece kullanılması gerektiğini ve doğru yolu göstermişsin. Css gerçekten yeni başlayanlar için ilk etapta kolay gelebilir, evet aslında kodlar kolaydırda fakat nerede hangi kodu kullanacağını bilmek ve o kodu diğer Css kodları ile etkileşime geçirmek meseledir. Seninde bunları yeni çekeceğin videoda daha aydınlatıcı anlatacağına inanıyorum. Şimdiden kolay gelsin..
SAYGILAR
7
Emre Sümer
16 Temmuz 2008´de söylemiş
Volkan yine çok güzel bir anlatım olmuş… Özellikle yeni başlayan veya başlayacak olan arkadaşların birkez daha izlemesini tavsiye ediyorum. Web standartları ve doğru-anlamlı kodlama , hem siteleri hem de ziyaretçileri için önemli.
8
ATiB3RK
16 Temmuz 2008´de söylemiş
WebSitenizle yeni karşılaştım, geç kalmışım sanırım
Gerçekten çok iyi bir iş yapıyorsunuz bu şekilde anlatımlar birçok yeni başlayan arkadaşa yol göstericektir…
9
zonaye
16 Temmuz 2008´de söylemiş
Genelde yapılan tasrımların firefox ta daha iyi göründüğünü.
ie da ise zaman zaman hatalar verebildiğini söylerler. Ben tan tersini düşünüyorum. Bence ie daha akıllıca geliştirilmiş bir program…
10
mert
16 Temmuz 2008´de söylemiş
@zonaye;
birinin bunu söyleyeceğini tahmin bile edemezdim
11
Volkan Görgülü
16 Temmuz 2008´de söylemiş
Arkadaşlar çok teşekkür ederim, faydalı olduysa ne mutlu bana
@Işıl Işıl,
1 – HTML ile XHTML arasında yazım açısından çok küçük farklar var, kısacası XHTML sizden daha derli toplu olmanızı istiyor, bu konuda Türkçe bir makalenin bağlantısını size iletiyorum.
2 – Kullanıcıların CSS lere müdahele edip edemediği konusunda bir fikrim yok.
3 – Bu soru ile ne demek istediğinizi anlayamadım, daha açık sorabilirmisiniz acaba?
@brsyuksel, evet senin dediğin gibide yapılabilir ama işte standartlar diyor ki bir ID’yi bir sayfada bir defa kullanabilirsiniz, bu nedenle ben örnekte gösterdiğim gibi uyguluyorum sınıfları.
@zonaye, hakikaten ilk defa duyuyorum böyle bir düşünceyi, IE 6 standartlar konusunda çok iyi bir tarayıcı değil bu nedenlede bir çok geliştiricinin başını çok ağrıtıyor
12
brsyuksel
16 Temmuz 2008´de söylemiş
Bilgilendirdiğin için sağ olasın Volkan
Bilmiyordum bu ID olayını 
13
ışıl ışıl
16 Temmuz 2008´de söylemiş
Verdiğiniz kutu örneğinden yola çıkarak cebir kullansaydık
ab + ac + ad = x yerine
a(b + c + d) = x
yazmak gibi diye düşünmüştüm. Yanılmış mıyım?
14
mert
16 Temmuz 2008´de söylemiş
@ışıl doğrusun
15
Oğuzcan Şahin
16 Temmuz 2008´de söylemiş
Volkan sana tvde bir program falan ayarlayalım ya da Televidyon’da falan gerçekten süper olurdu
Bence SiberKültür gibi bir tane de sen yap “benim için video eğitseli hazırla” gibi
Başarılar.
16
Volkan Görgülü
16 Temmuz 2008´de söylemiş
@ışıl, ben cebire çok uzak bir insanım, düşüncelerinizi ya da sorularınızı normal bir şekilde aktarırsanız çok mutlu olacağım
17
Volkan Görgülü
16 Temmuz 2008´de söylemiş
@Oğuzcan Şahin, aslında düşünmüyor değilim şu benim için video eğitseli hazırla olayını ama talebi karşılayamassam sorun olur
18
Oğuzcan Şahin
17 Temmuz 2008´de söylemiş
@Volkan Görgülü, hocam o zaman video eğitseli için belirli bir şeyler söylersin mesela, şimdilik sadece Web standartları ve Flash ile ilgili videolar hazırlayabilirim gibi… Kendine güvendiğin her konuda bence istekleri rahatlıkla karşılayabileceğini düşünüyorum.
19
Balkan Bulduk
20 Temmuz 2008´de söylemiş
Merhabalar,
Tebrik ederim bilgilendirici ve güzel bir video olmuş. Belirttiğiniz noktalar gerçekten dikkat edilmesi gereken ancak halen Türkiye’de ve dünya’da büyük bir kesim tarafından görmezden gelinen bir olgu. Mevzu bahis görünüm ise gerisi teferruattır diyen büyük bir kesim bulunmakta.
Bu arada
arkada bulunan kağıt yerine küçük bir beyaz tahta edinmen bence senin işini daha kolaylaştıracaktır.
Çalışmalarının devamını dilerim.
20
Volkan Görgülü
20 Temmuz 2008´de söylemiş
@Oğuzcan, mantıklı evet, teşekkür ederim bu fikir için,
@Balkan Bulduk, malesef bahsettiğin durum fazlasıyla söz konusu
İşte ben de elimden geleni yapmaya çalışıyorum bu durumu biraz düzeltmek üzerine.
21
veyselkeles
05 Ağustos 2008´de söylemiş
çok teşekkürler volkan… tekrar tekrar teşekkür edicem bütün yardımların için =) css kafamda daha iyi şekillenmeye başlıoyr.
22
Edip
28 Kasım 2008´de söylemiş
ya kafayı yıycem tıcaret lısesı ogrencısıyım hocaların bsy soledgı yok yardımcı olun ltfn.. divle yapıorm ayrı ayrı yazıyorum csslerı ama bırının yerıyle oynadım mı heppsı oynuo baska pclerde actıgımda kayık oluo nsl olcakk:S:S:S
23
İbrahim Halil Yalçındağ
21 Mayıs 2009´de söylemiş
volkan gerçekten öncelikle çok taktir ediyorum.Bilgi paylaşımın giderek kıtlaştığı bir dünyad, bu şekilde emek sarf ederek benim gibi bu stantartları öğrenmeye çalışan insanlara çok ama çok şey katıyorsun. Ben sana sektör ile ilgili bir şey sormak istiyorum. xhtml ve css gibi tasarım dillerinin web sektöründe ön görülen bir ömrü varmıdır. Bunu neden soruyorum ben web işine kurduğumuz derneğin sitesine yaparak başladım az buz bir bilgi ve araştırmayla bunu oluşturdum ve bunu yaparkende büyük keyif almıştım. Şu an içinse bu sektöre girmeye çalışıyorum ve yaptığım bir iş görüşmesinde Türkiyedeki web sektörününde de bir bilinçlenme ve her şeyi bütün dilleri bütün programları bilen elaman dışında bir kaç konuyda uzmanlaşmış insan arayışına başladırlar eğer yanılmıyorsam. Kısacası dünyada ve Türkiyede bu sektör istihtam açısından nereye gidiyor ve sektör bir web tasarımcısında öncelikle ne gibi nitelikler arıyor. Tecrübelerinle bu konuda bir görüş sunabileceğini düşünüyorum. Saygılarımla
Geri İzlemeler