İlk dersimizde html dilini biraz tanımaya çalışacağız.    Anlatacağım dersleri örneklerle, kısa ve anlaşılır bir şeki...

Html/Css Öğreniyoruz (DERS 1) >> Giriş

20:18:00 Mustafa TÜRKÖZ 2 Yorum

Html/Css DERS 1
   İlk dersimizde html dilini biraz tanımaya çalışacağız.
   Anlatacağım dersleri örneklerle, kısa ve anlaşılır bir şekilde yapmayı düşünüyorum. Gereken yerlerde kısa videolar ile uygulamalı göstereceğim.

   Bu dersleri takip ederek her gün girdiğiniz web sitelerin nasıl hazırlandığıyla ilgili bir fikir sahibi olabileceksiniz. Vakit buldukça dersleri düzenli yayınlamaya çalışacağım. Yoğun olduğumdan dolayı yeni dersler ay da bir bloğumda olacaktır.

HTML/CSS ÖĞRENİYORUZ (DERS 1) - GİRİŞ

Öncelikle HTML dili bir programlama dili değildir, işaretleme dilidir.

HTML(Hyper Text Markup Language)

HTML5   Sadece HTML dilini kullanarak web siteleri yapılabilir. Bunlara "static web siteler" denir. Fakat az güncellenirler. Bir de dinamik siteler vardır. Dinamik web siteleri sık sık güncellenir ve bu siteler bir kontrol paneline sahiptirler. Aradaki farkı şöyle anlatayım. Çocuk hikayelerinin yazıldığı bir static siteye sahip olduğunuzu varsayalım. Toplamda 100 hikaye yazmış olun. Sitenize giren her kişi bu 100 hikayeyi aynı şekilde görecektir. Fakat siteniz dinamik site ise, mesela kullanıcılarınızı ücretli olarak altın üye, gümüş üye ve bronz üye şeklinde kayıt ettiniz diyelim. Şimdi altın üyeniz 100 hikayeyi okuyabiliyorsa, gümüş üyenizi 50 hikaye ile kısıtlayabilirsiniz. Bir başka örnek facebook örnek verilebilir. Her kullanıcı kendi bilgileri ile aynı siteye girip farklı şeyler görüyorlar.

   Dinamik sitelerde genellikle asp, php ve .net gibi programlama dilleri kullanılır.

   Öğrenme açısından Html kolay bir dildir. Html'i öğrenirken eğleneceğinizi düşünüyorum.
   Html ile kod yazarken her zaman yazacağımız kod yapısı aşağıdaki gibidir:

Html Example

   Bu yapıya sitemizin iskeleti diyebiliriz.
   Zamanla bunların ne anlama geldiğini kavrayacaksınız.

HTML 5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

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

Yukarıda farklı sürüm adlarında gördüğünüz kodlar aynı manaya geliyor. En son Html 5 çıkmıştır ve html 5'te belge tipini belirtirken kısaca <!DOCTYPE html> yazarız.

HTML5 birçok yenilik getirmiştir..

  • Eklentilere ihtiyaç duymadan multimedya ve grafik görüntüleri oynatabilir.
  • Ses ve görüntü dosyaları için daha iyi bir destek sunar.
  • Cihazdan bağımsızdır.
  • Çizim için canvas elemanına sahiptir ve yazmadığım başka yenilikleri de vardır.

   Kodları yazmak için ücretli hiçbir şey gerekmeyecektir.

   Bilgisayarımızdaki metin belgesiyle de yazabiliriz. Fakat yazım kolaylığı açısından ücretli ve ücretsiz birçok editör geliştirilmiştir. 

   Tavsiye edebileceğim ücretsiz editörler; Notepad++, Microsoft Web Matrix ve Sublime Text. Ben genelde ilk ikisini tercih ediyorum. Sublime Text'i hiç denemedim. 3 editörü de biraz kurcalayın sonra hangisinde rahat ediyorsanız o editörle ilerleyiniz. Bunlardan herhangi biri işinizi görecektir. En iyi program en iyi kullanabildiğiniz programdır :)

İlk dersimizin sonuna gelmiş bulunmaktayız.
Diğer dersimizde artık kodlamaya başlayacağız.

2 yorum:

  1. Yanıtlar
    1. Bu hafta pek bilgisayar başında duramadım yoksa bu hafta yayınlamayı düşünüyordum. Bir saat sonra müsaitim. Yazıya başlamadım daha. Eğer biterse geceye doğru yayınlarım :)

      Sil

UYUYAN BİR ADAMA SADECE RÜYALAR GELİR..