X
izmir web tasarım blog

Yazar: 9 Ağustos 2023

HTML, CSS ve Gerekirse JavaScript Bilgisi

Web sitesi oluştururken temel olarak HTML, CSS ve isteğe bağlı olarak JavaScript gibi dilleri kullanırsınız. Bu diller, web sitenizin yapılandırılması, stil ve görünümünün belirlenmesi ve etkileşimli özellikler eklenmesi için kullanılırlar.

  1. HTML (Hypertext Markup Language): HTML, web sitenizin yapısını belirleyen bir işaretleme dilidir. HTML etiketleri, sayfanın başlığından metin ve resimlere kadar farklı öğeleri tanımlar. Bir HTML etiketi açılış () ve kapanış () etiketlerinden oluşur. Örneğin:
<!DOCTYPE html>
<html>
<head>
    <title>Web Sitem</title>
</head>
<body>
    <h1>Merhaba, Dünya!</h1>
    <p>Hoş geldiniz! Bu benim ilk web sitem.</p>
</body>
</html>
  1. CSS (Cascading Style Sheets): CSS, web sitenizin tasarımını ve görünümünü belirlemek için kullanılır. HTML ile oluşturulan yapıya görsel stili ekler. Bu sayede renkler, yazı tipleri, düzenlemeler ve daha fazlası belirlenebilir. Örneğin:
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
}

h1 {
    color: #333;
}

p {
    font-size: 16px;
    line-height: 1.5;
}
  1. JavaScript: JavaScript, web sitenize etkileşimli özellikler eklemek için kullanılır. Kullanıcı tıklamaları, formların gönderilmesi gibi olayları yakalayarak dinamik içerik oluşturabilirsiniz. Örneğin:
// HTML içindeki bir elementi seçme
var myButton = document.getElementById("myButton");

// Butona tıklama olayını dinleme
myButton.addEventListener("click", function() {
    alert("Butona tıklandı!");
});

Bu dilleri öğrenmek ve uygulamak, web sitesi oluştururken temel bir gerekliliktir. HTML ve CSS, temel yapının oluşturulmasını ve stil verilmesini sağlar. JavaScript ise sitenizi etkileşimli hale getirmek ve kullanıcı deneyimini geliştirmek için kullanılır. Eğer kodlama konusunda yeniyim diyorsanız, başlangıç seviyesi kaynaklar ve eğitimlerle adım adım ilerlemek iyi bir yol olabilir.