W3C standartlarında kodlama yapmaya başlamadığım zamandan bu yana klasik table aç, tr aç, td aç kapat gibi basit menüler yapıyordum. Açıkçası bunları yaparken hiç zorluk çekmiyordum çünkü klasik Html yazımına hakim bir insanım ve biraz Css ile menüme dilediğim özelliği katabiliyordum. Ancak standartlara uygun kod yazma dönemine geçişle birlikte table ve td gibi etiketleri yavaş yavaş terketmeye başladım. Şu ana kadar tasarımlarımda çokça kullandığım ve zaman zaman sitemin tüm omurgasını yaptığım table kodunun bazı parametreleri bildiğiniz gibi standart kod yazarken insanı çileden çıkarabiliyor. Bunu en çok yaptığım menülerde hissettim. Birçok kez Xhtml ve Css’e uygun bir menü kodlamayı denedim ve açıkça söylemem gerekirse table ile yaptığım menülerden daha kolay oldu. Bu yazımda sizlere biraz teknik ayrıntıya girerek bir Xhtml, Css menünün nasıl yapılacağından bahsedeceğim.

Evet Xhtml Derslerimize kaldığımız yerden devam ediyoruz. Bu bölümde biraz daha detay ve açıklama ile Geçerli Xhtml yazımına dair bilgiler edineceğiz. Hemen başlayalım isterseniz.

BÖLÜM 4
XHTML ve Syntax (Sözdizimi, Sentaks)

Her dilde olduğu gibi Xhtml dilinde de bu dile has olan bir yazım stili vardır. Aşağıya bunları madde olarak yazmaya çalışalım.

- etiket ve parametreler küçük harfle yazılmalı
- parametre değerleri kesinlikle alıntılanmalı yani tırnak işareti içinde yazılmalı
- parametre değerlerinde kısaltılma yapılmamalı
- name parametresi yerine “id” parametresi kullanılmalı
- Xhtml dokümanlara zorunlu olarak DTD (Doküman Tipi) tanımlanmalı

Xhtml, günümüzde W3C tarafından standart kabul edilen ve tavsiye edilen web biçimleme dilidir. 2 bölüm halinde yayınlamayı düşündüğüm bu xhtml derslerini hazırlamamdaki amaç, vakti zamanında bu tarz Türkçe içerikli Xhtml derslerini nette aramam ve çok az kaynağa ulaşabilmem. Bununla birlikte elimden geldiğince size bol örnekli ve anlatımlı bir xhtml dersi hazırlamayı düşünüyorum.

(aşağıda yer alan konular ve anlatımlar (yazar eklentileri ile birlikte) w3.org ve w3schools.com sitelerinden alınmıştır. lütfen doğru referans için bu siteleri sıklıkla ziyaret ediniz.)

Digg‘de günlük rutin gezintilerimi yaparken bir başlığa rastladım. “53 CSS-Techniques You Couldn’t Live Without”. Smashing Magazine sitesi tarafından yazılmış hoş bir bildiri. Tamı tamına 53 güzel Css uygulamasını gösteriyor ve ilgili alanlara linkler vererek yazının daha da tatlı olmasını sağlıyor. Aklınıza gelebilecek tüm Css teknikleri işlenmiş, Css Navigasyonlar, Css Diagramlar, İleri düzey tablolar, tab menüler, image map’ler, formlar ve daha nicesi. Kesinlikle bakmanızda ve bookmarklamanızda fayda olabileceğini düşündüğüm bir site. Css ve Xhtml bileşimiyle neler yapılabildiğini görmek isteyenler içinse bu deryada küçük ama dikkate alınası bir örnek. (2 gündür ölesiye hastaydım, siteye gönderi yapamadım, sanırım böylelikle biraz olsun affettiririm kendimi)

Vitaly Friedman’ın Alvid.de isimli sitesinin bir alt bölümü vardır. Bilenler bilecektir, Web Developer’s Handbook’tan bahsediyorum. Bu “el kitabında” web designer ve geliştiriciler için birçok web kaynağına ulaşmak mümkün. Başlıca kategorilerini ise Xhtml, Css, Css Galeriler, Navigasyon ve Menüler oluşturuyor.

Bugün tekrar uğradım ve tasarımının yenilendiğini gördüm. Daha güzel bir tasarım yapılmış ve eski siyah ağırlıklı halinden sıyrılmış tamamen. Web tasarımı ve özellikle Xhtml-Css ile uğraşanlar için öncelikli bir kaynak diye düşünüyorum.

Hızlı Linkler: Vitaly Friedman | Web Developer’s Handbook | alvit.de