HTML İNTERNET EĞİTİMİ

Web'in Temeli

Web'in temel dili HTML'dir. Otuz yıldır internetin omurgası bu basit etiket sistemiyle yazılır. Modern bir geliştirici JavaScript bilirken bile altta hâlâ HTML çalışır. HTML5 ile gelen semantik etiketler, multimedya ve form yenilikleri eski tekniklere göre çok daha temiz ve erişilebilir siteler kurmayı mümkün kılar. Her web profesyoneli için temel başlangıçtır.

HTML İnternet Eğitimi, HTML'in profesyonel kullanımını sıfırdan ileriye katılımcıya kazandırır. HTML belge yapısı, etiketler ve nitelikler, başlıklar ve paragraflar, listeler, bağlantılar, görüntü ekleme, tablolar, semantik etiketler (header, nav, article, section, footer), formlar ve form doğrulama, multimedya (audio, video), erişilebilirlik (ARIA temelleri) ve responsive yapı temelleri işlenir.

HTML İnternet Eğitimi, web tasarımına başlayanlar, dijital pazarlama profesyonelleri, içerik üreticileri (e-posta bültenleri için), e-ticaret operatörleri ve teknik temel almak isteyen profesyoneller için tasarlanmıştır. Eğitim sonunda katılımcı, kendi statik web sayfasını sıfırdan kurabilir.

Ön Koşullar

HTML İnternet Eğitimi için ön koşul yoktur. Bilgisayar ve internet kullanımı yeterlidir.

Kimler Katılmalı

Web Tasarımına Başlayanlar: Frontend kariyerine ilk adım atan profesyoneller
Dijital Pazarlama Profesyonelleri: Landing page ve e-posta şablonu hazırlayanlar
İçerik Üreticileri: Blog veya bülten yazarken HTML düzenleyenler
E-Ticaret Operatörleri: Tema ve ürün sayfası özelleştiren kadrolar
WordPress Kullanıcıları: Tema özelleştirmesi için HTML bilgisi gerekenler
Yeni Mezunlar: Web teknolojilerine giriş yapan profesyoneller
Üniversite Öğrencileri: Yazılım ve web alanında kariyer planlayanlar

Eğitim Yöntemi

Sunum, kod editörü üzerinde adım adım yazım, HTML5 form ve multimedya atölyesi, semantik yapı egzersizi ve katılımcının kendi sayfasını sıfırdan kurma pratiği ile yürür.

Kazanımlar

HTML5 Belge Yapısı: DOCTYPE, head, body bölümlerinin doğru kurulumu
Semantik Etiketler: header, nav, article, section, footer kullanımı
Form ve Form Doğrulama: Input türleri, validation, accessibility
Tablo Yönetimi: th, td, colspan, rowspan ile veri tabloları
Multimedya: audio ve video etiketleriyle medya gömme
Erişilebilirlik (ARIA): Engelli kullanıcı dostu işaretleme
Responsive Temelleri: Viewport meta etiketi ve esnek yapı

Eğitim Süresi

2 Gün (16 Saat). Kurumsal talebe göre 1 günlük özet veya 3 günlük uygulamalı versiyon olarak planlanabilir.

HTML İnternet Eğitimi İçeriği

1. HTML ve Web Temelleri

İnternet ve web farkı
HTML, CSS, JavaScript birlikte
Tarayıcı rolü
Standartlar ve W3C

2. Geliştirme Ortamı

VS Code kurulumu
Live Server kullanımı
İlk HTML dosyası
Tarayıcıda görüntüleme

3. HTML Belge Yapısı

DOCTYPE
html, head, body
meta etiketleri
Karakter kodlaması

4. Metin Etiketleri

Başlıklar (h1-h6)
Paragraf ve satır sonu
Vurgulu metin (strong, em)
Alıntılar

5. Listeler

Sıralı liste (ol)
Sırasız liste (ul)
Açıklama listesi (dl)
İç içe listeler

6. Bağlantılar (Linkler)

İç ve dış linkler
Hedef pencere (target)
Email ve telefon linkleri
Sayfa içi atlama

7. Görsel Ekleme

img etiketi
alt ve title
responsive görsel (srcset)
picture etiketi

8. Tablolar

table, tr, td, th
colspan ve rowspan
thead, tbody, tfoot
Erişilebilir tablo

9. Semantik HTML5

header, nav, main, footer
article ve section
aside, figure, figcaption
Doğru kullanım

10. Formlar

form etiketi ve action
input türleri
label ve accessibility
select, textarea
button ve submit

11. Form Doğrulama

required, pattern
min, max, step
HTML5 validation
Hata mesajları

12. Multimedya

audio etiketi
video etiketi
controls, autoplay
iframe ile gömme

13. Erişilebilirlik (ARIA)

Semantik HTML ile başlama
ARIA rolleri
aria-label ve aria-labelledby
Klavye gezilebilirliği

14. SEO İçin HTML

title ve meta description
Başlık hiyerarşisi
Schema.org yapısal veri
Open Graph etiketleri

15. Modern HTML Pratikleri

Responsive viewport
Favicon ekleme
HTML5 doğrulama
Statik site yayınlama
Sürekli güncelleme