HTML & CSS için yeni başlayanlar için

HTML ve CSS'ye yeni başlayanlar için (Bölüm 01): HTML, CSS ve diğerlerine ilk bakış.

Eğitimdeki tüm videolar HTML ve CSS için başlangıç kılavuzu

Hyper Metin İşaretleme Dili, WWW'nin ana dili ve dili. Bu dilin ilk sürümü 1992 yılında yayınlandı. O zamandan bu yana, HTML birçok değişiklik yaşadı ve artık 5. sürüme ulaştı. (Ancak 5. sürüm henüz resmi olarak kabul edilmemiş olmasına rağmen, mevcut tarayıcılarda oldukça iyi desteklendiği gerçeği var).

HTML, içerik yapılandırmanın yapılabildiği bir biçimlendirme dilidir. İçeriğin biçimlendirilmesinden Stil Şablonları sorumludur. Daha fazlasını bir sonraki adımda göreceğiz.

HTML'nin gelişiminden sorumlu olan kuruluş World Wide Web Consortium (kısa W3C)'dir.

HTML ve CSS'e yeni başlayanlar için (Bölüm 01): HTML, CSS ve diğerlerine ilk bakış.

Web Sitesi'ni düzenli olarak takip etmeniz, web alanındaki güncel gelişmeler hakkında bilgi sahibi olmanızı sağlar.

HTML ile uğraştığınızda, şu soru çok önemli hale gelir: Hangi sürümü kullanmalıyım? Elbette HTML gibi bir dilin sürekli güncellendiğini düşünebilirsiniz. Yeni unsurlar eklenir, eski unsurlar çıkarılır.

İşte HTML'nin en önemli dil sürümleri veya kilometre taşları:

• HTML (Kasım 1992): Bu ilk sürümdü. Odak noktası yalnızca metin belgelerindeydi.

• HTML 2.0 (Kasım 1995): Artık resimler ve formlar için unsurlar da var.

• HTML 4.0 (Aralık 1997): Stil şablonları, çerçeveler ve betikler tanıtıldı.

• XHTML 1.0 (Ocak 2000): Bu, HTML 4.0'ın XML aracılığıyla yeniden formüle edilmesidir.

• HTML5 (Nisan 2009): Bu hala bir taslak olduğu için henüz resmi bir standart değil.

Gelecek öğreticilerde odak noktası HTML5'te olacak. Çünkü HTML5 ile HTML dünyasında nihayet bir hareket olacak. Yeni spesifikasyonun birçok ilginç yenilik sunması dikkat çekicidir. Bunlar arasında çok daha kullanışlı formlar, ilerleme çubukları, karakter unsurları ve geliştirilmiş belge yapısı yer almaktadır. Ayrıca, yeni standarda göre videoları eklenti olmaksızın web sitelerine gömebilir ve sürükle ve bırak arayüzüne sahip olabilirsiniz.

Web Hip metin Uygulama Teknoloji Çalışma Grubu (WHATWG) tarafından 2004 yılında Web Uygulamaları 1.0 adı altında yayınlanan HTML5'e ilk öneri yapıldı. Bugüne kadar HTML5 resmi bir standart olarak yayınlanmasa da, tarayıcı üreticileri ürünlerine pek çok HTML5 işlevini zaten eklemişlerdir. WHATWG'nin Apple, Mozilla ve Opera gibi tarayıcı üreticilerinden oluşan bir ittifak olduğunu unutmamak gerekir. WHATWG'nin kurulması, World Wide Web Konsorsiyumu (W3C) tarafından web standartlarının yavaş kalkışmasına doğrudan bir tepki olarak gerçekleşmiştir.

Burada tarayıcı üreticilerini kendi HTML standardını oluşturmaya ne yönlendirdiği sorusunu sormak mümkündür. Çünkü bugüne kadar HTML gelişimi W3C'nin ellerindeydi. Sorunlar, W3C'nin HTML 4.01'i XHTML 1'e özel bir değişiklik yapmadan dönüştürmesiyle başladı. Başlangıçta W3C, XHTML 1'i XML temelli bir Web'e doğru ilk adım olarak benimsemek istiyordu. Geliştirme sonunda XHTML 2'yi de içerecekti. İşte bu XML odaklı yaklaşım, tarayıcı üreticilerini rahatsız eden şeydi. Onların gözünde XML yaklaşımı uygulamadan uzak ve kullanıcıların gerçek isteklerini yansıtmıyordu. (Tabii ki W3C'nin bakış açısı farklıdır.)

2007 yılından bu yana W3C ve WHATWG birlikte HTML5 spesifikasyonu geliştirmekte veya üzerinde çalışmaktadır. HTML5 hakkındaki güncel gelişmeler için şu adresten bilgi alabilirsiniz: http://www.w3.org/TR/html5/.

HTML ve CSS'ye Giriş (Bölüm 01): HTML, CSS ve diğerlerine ilk bakış.



Gelecek öğreticilerde odak noktası yine HTML5'te olacaktır.

Biçimlendirme İçin CSS

Muhtemelen Word veya diğer metin işleme programlarında belge şablonlarıyla çalıştınız. Örneğin bir satırı seçtiğinizde bir biçim şablonu seçebilirsiniz.

HTML ve CSS'ye Giriş (Bölüm 01): HTML, CSS ve diğerlerine ilk bakış.



Belge şablonundaki bu biçim şablonu için hangi biçimlendirmenin seçildiğine bağlı olarak başlık görüntülenir. Belge şablonu değiştikçe başlığın görünümü de değişir.

Stil şablonları, yapı ve düzen arasında kesin bir ayrımı sağlar. Belgelerin yapılandırılması için HTML kullanılırken, sonuçta unsurların nasıl görüneceğini CSS ile belirlersiniz.

İhtiyacınız Olanlar

Gelecek öğreticilerde adım adım HTML ve CSS'yi öğreneceksiniz. HTML ve CSS tabanlı web sitelerini kendiniz oluşturabilmek için karmaşık bir yazılıma ihtiyacınız yoktur. En basit durumda - Windows'ta çalışıyorsanız - standart düzenleyiciyi kullanabilirsiniz.

HTML & CSS Başlangıç ​​İçin (Bölüm 01): HTML, CSS ve diğerlerine ilk bakış.

Bu başlangıç için pek de konforlu değil, ancak işe yeter. Daha konforlu bir şeyler isteyenler ise "gerçek" bir HTML düzenleyici aramalılar. Buradaki klasiklerden biri tabii ki Dreamweaver'dir.

Ancak bu düzenleyici ücretsiz değildir.

HTML ve CSS'ye Giriş (Bölüm 01): HTML, CSS ve diğerlerine ilk bakış.

Öte yandan, özel kullanıcılar için ücretsiz olan phase5'tir (http://www.phase5.info/). Eğer bu düzenleyiciyi özel amaçlar için kullanmak istiyorsanız, elinizde iyi ve ücretsiz bir araç olacaktır.

HTML & CSS'ye Giriş (Bölüm 01): HTML, CSS ve diğerlerine ilk bakış.



Bir düzenleyiciye ek olarak, web sitesini test etmek için en önemli tarayıcıların yüklü olması gerekmektedir. Aslında tarayıcılar HTML ve CSS'yi zaman zaman oldukça farklı bir şekilde yorumlamaktadırlar. Bu nedenle, siteleri farklı tarayıcılarda kapsamlı bir şekilde test etmek önemlidir. En azından Internet Explorer, Google Chrome ve Mozilla Firefox tarayıcılarını yüklü olmalısınız. İdeal olarak, sitenizi Opera tarayıcı ve tablet/akıllı telefonlarda da test etmelisiniz.