XHTML nedir, XHTML kuralları ve HTML sayfayı XHTML formatına çevirmek

Extensible HyperText Markup Language kelimesinin kısaltılmışıdır. XHTML’ in türkçe anlamı Genişletilebilir Büyütülmüş Metin İşaretleme Dili‘ dir. 

XHTML, HTML’ in eksik yapısının tamamlanması için yapılmış bir web standartıdır. HTML’ in eksik yapısı XHTML ile tamamlanmıştır.  HTML dilini daha düzenli bir hale getirmiştir. XHTML kesinlikle bir programlama dili değil, web standartıdır.  XHTML, HTML ile neredeyse aynıdır. Dediğimiz gibi HTML’ e bir kaç yeni kural eklenmiştir. 
XHTML nedir?
XHTML 26 Ocak 2000’de W3C  tarafından kabul edilmiştir. 

NOT: W3C web standartlarını belirleyen örgüte verilen isimdir.  HTML kodlarının her tarayıca aynı şekilde görünmesi için kararların verildiği yerdir. 

XHTML ile hazırlanan sayfalar daha hızlı açılır, bütün web taracıyıcılarında sorunsuz olarak çalışır ve web siteleri daha düzgün bir görünüme kavuşturur. 

Peki HTML’ de ne eksikti?

HTML ile sayfa tasarlarken etiketleri kapatmasanızda, eksik etiket girsenizde, etiket sırasını önemsemesenizde ve hatta bazı etiketleri yanlış yazsanızda tarayıcınız hata vermeden sayfanızı görüntüleyebilir.  İşte bu durumu ortadan kaldırıp düzgün web sayfalarının oluşturulabilmesi için, bir standart oluşturmak için XHTML piyasaya sürüldü. 

HTML’ in eksik yapısını incelemek ve XHTML’ i anlamak için XHTML kurallarına bakmak gerekir. 

XHTML kuralları

  1. XHTML sayfalarda DOCTYPE bulunması zorunludur. 

Sayfaları tasarlarken sayfanın başında mutlaka döküman tipini yazmalısınız. ibaresini sayfa başına belirtmek gerekiyor. Örnek bir DTD kullanımına bakalım.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Okumaya devam et “XHTML nedir, XHTML kuralları ve HTML sayfayı XHTML formatına çevirmek”

PSD’den CSS’e çevirme – PSD to CSS

Web dünyasında ön geliştiriciler (Front End) ve arka geliştiriciler(Back End) vardır. Ön geliştiriciler kullanıcıya görünen kısımda yani ön kısımda çalışırken arka geliştiriciler ise kullanıcı tarafından görülmeyen arka kısımdan görevlidirler. Ön taraf diye adlandırılan kısımda tasarım – client, arka taraf diye adlandırılan kısımdaysa dinamik – server tabanlı bir çalışma mevcuttur. Ön geliştiriciler de arka geliştiriciler gibi kod yazabilirler fakat bu kodların türü değişiktir. Örneğin kendini ön geliştirici olarak geliştiren kişi client tabanlı diller yani Jquery, Javascript, Html, Css vb.. dillerde ileriyken arka tarafta kendini geliştiren kişi ise sunucu tabanlı diller olan PHP, ASP, MySQL vs. gibi dillerde kendini geliştirmektedir.

PSD’den CSS’e çevirme – PSD to CSS

Bu alanda çok profesyonel yerlere gelmek istiyorsanız bir zamandan sonra size sadece PSD’den CSS’e çevirmek yetmeyecektir. Aynı zamanda Jquery gibi teknolojilerle de ilgilenmelisiniz. Başlarken dikkat edilmesi gerekenler arasında elbette size göre en kullanışlı bir web editörü ve hızlı bir şekilde açılan iyi bir tarayıcı PSD’den CSS’e çevirme işleminde sizi sonuca ulaştıracak gereksinimler arasında yatıyor. Fakat işleme geçmeden bilinmesi gereken en temel gereksinim elbette ki HTML. CSS kodlarını ilk aşamada ezberlemeye çalışmayın. Zaten bunu pratikte yapacaksınız. En başta işlemin mantığına odaklanın. Başlayalım…

Photoshop PSD dosyası  Proje dosyasını indir

Temayı indir

1.Aşama: Bölümlendirme

psdPSD’den CSS’e çevirme işlemini yapmadan önce PSD’ yi önce kendi kafanızda daha sonra ise fiziksel olarak bölümlendirmelisiniz. PSD to CSS işleminde bölümlendirme işlemini bir satır – sütün ilişkisi olarak adlandırın. Bu şekilde adlandırdığınız takdirde zihninizde CSS’e çevirmek istediğiniz temayı daha kolay bölümlendirebilirsiniz. Bazı PSD to CSS işlemindeki bölümlendirmeler. Profesyonel çalışmak istiyorsanız bölümlendirme işlemini px tabanlı olarak gerçekleştirin. Temayı kodlamadan önce pixel genişliklerini ve bölümleri kaba taslak olarak bir defteri geçirmenizi öneririm. Bu sayede temayı kodlarken tekrar tekrar bölümlendirmeye konusunda zaman kaybı yaşamazsınız.

Okumaya devam et “PSD’den CSS’e çevirme – PSD to CSS”