Teknolojinin gelişmesi ve internetin hayatımıza girmesi ile birlikte web sayfaları ve web uygulamaları hayatımızda büyük yer tutmaya başladı.
Web sayfalarını ve web uygulamalarını oluşturmak için farklı teknolojiler ve programlama dilleri kullanılmaktadır. Her dilin kendi becerileri ve kullanıldığı yerler bulunmaktadır.
Bir web sayfasını oluştururken tasarımsal açıdan üç farklı bölümü vardır.
- Sayfayı tanımlayan yapısı, şuraya resim koy, burada bir tablo olsun, burada açıklama olsun gibi.
- Sayfanın görünümünü tanımlayan bir bölüm, sitiler, şuradaki resimin boyutu bu kadar olsun, şu yazının rengi mavi olsun, tabloya bir çerçeve ekle gibi.
- Sayfa ile etkileşimi sağlayan bir yapı, şu düğmeye tıklandığında sayfanın bu bölümünü gizle, mouse yazının üzerine geldiğinde, açıklama satırını göster gibi.
Bu üç farklı bölüm üç farklı dil ile karşımıza çıkar, bunlar html, css ve javascripttir. Şimdi bu dilleri tanımlayalım.
HTML Nedir?
HTML web sayfaları oluşturmak için geliştirilmiş olan bir metin işaretleme dilidir. Bir programlama dili değildir. Bunun yerine metin düzenleme için geliştirilmiş bir dildir. HTML’in açılımı Hyper Text Markup Language / Hiper Text İşaretleme Dili şeklindedir.
Hiper Metin İşaretleme Dili web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. Dilin son sürümü HTML5’tir. HTML, bir programlama dili olarak tanımlanamaz. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Wikipedia
HTML ile yazılmış olan sayfalar düz metindirler ve bu sayfalar .htm veya .html olarak kayıt edilirler. Web tarayıcıları bu sayfaları okuyarak yorumlarlar ve sayfayı gösterirler.
HTML içerisinde bulunan elemanlara tag / etiket adı verirlir. Mesela kalın yazmak için b etiketi, paragraf oluşturmak için p etiketi, resim eklemek için img etiketi kullanılmaktadır. Bunun gibi çok sayıda etiket bulunmaktadır.
CSS Nedir?
Cascading Style Sheets açılımına sahip olan CSS web sayfalarının daha etkin ve güzel görünmeleri için sayfaya özel sitiller tanımlanması için kullanılır. Kısaca bir web sayfasını makyajlamak için kullanılır diyebiliriz.
Cascading Style Sheets, HTML’e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir işaretleme dilidir. Wikipedia
CSS kodları HTML sayfası içerisine eklenebilir. Bunun için bu kodların style etiketi içerisinde bulunması gerekir.
<style>
body {
background-color: black;
color: white;
}
div {
font-size: 15px;
}
</style>
Ayrıca CSS kodlarını .css uzantılı dosyalar olarak da kayıt edilerek, web sayfasına eklenebilir.
JavaScript Nedir?
Web sayfalarına etkileşim getirmek için kullanılan bir programlama dilidir. Bir betik dilidir ve bir çalıştırma ortamı üzerinde çalışır. Bu genellikle bir web tarayıcısı üzerinde bulunan bir JavaScript Motorudur.
JavaScript, HTML ve CSS ile birlikte World Wide Web’in temel teknolojilerinden biri olan programlama dilidir. Web sitelerinin %97’sinden fazlası, web sayfası hareketleri için istemci tarafında JavaScript kullanırlar ve kullanılan kodlar genellikle üçüncü taraf kitaplıkları içerir. Wikipedia
İlk geliştirildiğinde web sayfalarına etkileşim getirmek için kullanılan JavaScript günümüzde backend uygulamalar geliştirmek için de kullanılmaktadır.
Bir programlama dilidir ve hem fonksiyonel programlamayı ve hemde nesnesel programlamayı destekler. Günümüzde en çok kullanılan programlama dillerinden bir tanesi JavaScripttir.
JavaScript kodları web sayfasının içersinde kullanılabildiği gibi, .js uzantılı bir dosyaya kayıt edilerek, sonrasında web sayfasına eklenebilir. JavaScript dosyaları düze metin dosyalarıdır. Bir JavaScript kodunu web sayfası üzerine eklemek için script tagı kullanılır.
<script>
document.write("Merhaba Dünya");
</script>JavaScript Nedir? yazımızda daha ayrıntılı bilgiler bulabilirsiniz. Eğer JavaScript hakkında belirli bir bilginiz varsa JavaScript bölümümüzdaki yazıları okuyabilirsiniz.
Sonuç
HTML, CSS ve JavaScript günümüzde web sayfaları, web uygulamaları, mobil uygulamalar, masaüstü uygulamalar, oyunlar geliştirmek için kullanılan bir üçlüdür.
Sorularınız mı var? Yorumlardan bize iletebilirsiniz.