Sıfırdan HTML5: Modern Web'in Temelleri

Bu kurs, daha önce hiç kod yazmamış birini bile güvenle HTML yazan bir geliştiriciye dönüştürmek için tasarlandı. Web'in nasıl çalıştığını anlamakla başlarsınız: HTTP istek/yanıt döngüsü, tarayıcının bir sayfayı nasıl indirip ayrıştırdığı, DOM ağacının nasıl oluştuğu ve bir alan adının arkasında neler olduğu. Ardından HTML belgesinin anatomisine geçersiniz. DOCTYPE, head ve body ne işe yarar, meta etiketleri neden önemlidir, karakter kodlaması neden UTF-8 olmalıdır — hepsini uygulayarak öğrenirsiniz. SEMANTİK YAPI Kursun kalbi semantik HTML'dir. div yığınları yerine header, nav, main, article, section, aside ve footer kullanarak anlamlı belgeler kurarsınız. Başlık hiyerarşisinin (h1–h6) hem SEO hem de ekran okuyucular için neden kritik olduğunu görürsünüz. METİN, BAĞLANTI VE LİSTELER Paragraflar, vurgu etiketleri, alıntılar, kod blokları, kısaltmalar ve zaman etiketleri. Mutlak ve göreli bağlantılar, sayfa içi çapa bağlantıları, indirme bağlantıları ve yeni sekmede açarken rel="noopener" ile güvenlik. GÖRSEL VE MEDYA Duyarlı görseller için srcset ve sizes, picture elemanı ile sanat yönetimi, modern formatlar (WebP, AVIF), lazy loading, alt metni doğru yazma kuralları. Ayrıca video ve audio elemanları, altyazı dosyaları ve iframe gömme. TABLOLAR VE FORMLAR Erişilebilir tablolar: thead, tbody, tfoot, caption, scope ve başlık ilişkilendirme. Formlarda tüm input tipleri, label bağlama, fieldset ve legend, placeholder ile label farkı, HTML5 doğrulama nitelikleri (required, pattern, min, max), autocomplete ve mobil klavye optimizasyonu. ERİŞİLEBİLİRLİK VE SEO WAI-ARIA rolleri, klavye ile gezinme, odak sırası, atlama bağlantıları ve renk kontrastı. SEO tarafında ise başlık etiketleri, meta description, Open Graph, Twitter Card, canonical URL ve yapısal veri (JSON-LD). PROFESYONEL ALIŞKANLIKLAR Doğrulayıcıdan geçen temiz işaretleme, tutarlı biçimlendirme, favicon ve manifest dosyaları, dosya/klasör organizasyonu ve sayfanın canlıya alınması. Her bölüm uygulamalı alıştırmalarla biter. Kurs sonunda tamamen semantik, erişilebilir ve SEO uyumlu çok sayfalı bir kişisel site yayınlamış olacaksınız.

Müfredat

1. HTML'e Başlangıç

   • Kursa Giriş ve Web Tasarımına BakışÜcretsiz önizleme
   • Başlamadan Önce Neye İhtiyacınız VarÜcretsiz önizleme

2. Sözdizimi ve Temel Yapı

   • Eleman Nedir ve Nasıl Yazılır
   • Nitelikler (Attributes) ve Kullanımı
   • Yorum Satırı Nasıl Yazılır
   • Önemli Etiketlere Genel Bakış
   • Ana Etiketler: DOCTYPE, html, head, body
   • head İçindeki Elemanlar

3. Metin, Görsel ve Biçimlendirme

   • Başlık Etiketleri (h1 - h6)
   • Paragraf Etiketi (p)
   • Görsel Ekleme ve Tarayıcıda Gösterme
   • Metin Biçimlendirme Etiketleri
   • Block ve Inline Elemanlar

4. Listeler ve Tablolar

   • Listeler ve Türleri
   • Tablolar — Bölüm 1: Temel Yapı
   • Tablolar — Bölüm 2: Hücre Birleştirme
   • Tablolar — Bölüm 3: Erişilebilir Tablolar

5. Bağlantılar ve Gömülü İçerik

   • iframe Etiketi
   • Bağlantı Etiketi (a)

6. Formlar ve Kapanış

   • Form Oluşturma — Bölüm 1: Temeller
   • Form Oluşturma — Bölüm 2: Girdi Türleri ve Doğrulama
   • Özel Karakterler ve HTML Entity'leri
   • Sayfa Yerleşimi ve Kurs Sonu Uygulaması

7. Sıfırdan HTML5 — Bitirme Sınavı

   Son aşama: 20 soru, geçme notu %70. Başarılı olunca sertifikanız açılır.

Sertifika önizlemesi

Kursu bitirip sınavı geçtiğinizde sertifika böyle görünür. Adınız yalnızca belge düzenlendiğinde eklenir.

Kazanacağınız beceriler

• Web'in nasıl çalıştığını anlayın: HTTP, tarayıcı, DOM ve alan adları
• Semantik HTML5 etiketleriyle anlamlı ve bakımı kolay belgeler kurun
• Doğru başlık hiyerarşisi ile hem SEO hem erişilebilirlik kazanın
• srcset, picture ve modern formatlarla duyarlı görseller yayınlayın
• video, audio ve iframe ile medya içeriğini doğru şekilde gömün
• Erişilebilir tablolar tasarlayın: caption, scope ve başlık ilişkilendirme
• Tüm input tipleriyle eksiksiz formlar kurun ve HTML5 ile doğrulayın
• WAI-ARIA, klavye gezinmesi ve odak yönetimi ile a11y uygulayın
• Open Graph, canonical ve JSON-LD ile arama motorlarına hazır sayfalar üretin
• W3C doğrulayıcısından hatasız geçen temiz işaretleme yazın
• Favicon, manifest ve meta etiketleriyle sayfayı profesyonelce tamamlayın
• Çok sayfalı, erişilebilir bir kişisel siteyi baştan sona yayınlayın

Örnek

Skillora

Başarı Sertifikası

Bu belge

aşağıdaki kursu başarıyla tamamladığı için verilmiştir

Sıfırdan HTML5: Modern Web'in Temelleri

Seri No

SKL-XXXX-XXXX

Verilış Tarihi

—

SkilloraSeal

Karim Al-Rashid

İmza

Karim Al-Rashid

Kıdemli Frontend Geliştirici · UI/UX Uzmanı

Bu sertifikayı doğrulayın

skillora.site/en/verify