HTML - CONTENT AUTHORING FUNDAMENTALS EĞİTİMİ

Web içeriğini doğru HTML ile yaz

Belge iskeleti, anlamsal etiketler, bağlantı, görsel, tablo ve form ile sağlam HTML temeli

HTML - Content Authoring Fundamentals Eğitimi, bir web sayfasının içeriğini standartlara uygun ve erişilebilir HTML ile yazmayı sıfırdan öğretir.

3 gün Temel Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Doctype ve belge iskeletinden anlamsal etiketlere, bağlantı, görsel, tablo ve forma

HTML - Content Authoring Fundamentals Eğitimi, bir web sayfasının içeriğini standartlara uygun ve erişilebilir HTML ile yazmayı öğretir. Katılımcılar doctype ve belge iskeletiyle başlar; başlık, paragraf, liste ve metin biçimlendirme etiketlerini uygular. Ardından köprü bağlantılar, görseller, tablolar ve temel formlarla içerik oluşturur. Program boyunca anlamsal etiketleme, geçerli işaretleme ve erişilebilirlik vurgulanarak sağlam bir HTML yazım alışkanlığı kazandırılır.

Süre ve Format

3 Gün. Her gün dört modül; kısa anlatımın ardından katılımcılar her etiketi tarayıcıda deneyerek kademeli olarak bir içerik sayfası oluşturur.

Seviye

Temel Seviye — HTML belge yapısı, metin, bağlantı, görsel, tablo ve formların doğru biçimde yazılması

Öğrenme Metodu

Boş bir belgeden başlanarak tek örnek sayfa adım adım büyütülür; her yeni etiket eklenir, tarayıcıda ve doğrulayıcıda sonucu görülür.

Neden Bu Eğitim?

🎯Sağlam temel

Doğru belge yapısı ve anlamsal etiketleme alışkanlığı kazanarak ileride CSS ve JavaScript öğrenmeyi çok kolaylaştırırsınız.

♿Erişilebilir içerik

Alt metin, etiket ilişkisi ve başlık hiyerarşisini doğru kurarak ekran okuyucu ve arama motoru dostu sayfalar yazarsınız.

✔️Geçerli işaretleme

Standartlara uygun ve doğrulayıcıdan geçen HTML yazarak tarayıcılar arasında tutarlı davranan sayfalar üretirsiniz.

Anahtar Konular

html eğitimihtml temelleri kursuweb içeriği yazmaanlamsal htmlhtml form eğitimihtml tablo eğitimiweb geliştirme temelhtml5 eğitimierişilebilir htmlön yüz geliştirme eğitimi
“İyi HTML, sayfanın görünüşünü değil anlamını kurar; doğru etiket seçilen her içerik hem tarayıcıya hem insana net konuşur.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve hazırlık

1
Bilgisayar kullanımı

Dosya oluşturma, kaydetme ve klasör yönetimi gibi temel bilgisayar becerileri yeterlidir.

2
Metin düzenleyici

VS Code gibi bir metin düzenleyicinin kurulu olması uygulamaları takip etmeyi kolaylaştırır.

3
Modern tarayıcı

Chrome veya Firefox gibi güncel bir tarayıcı ve geliştirici araçlarına erişim gerekir.

4
İngilizce etiket terimleri

Etiket ve nitelik adları İngilizce olduğundan temel okuma düzeyi işleri kolaylaştırır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı geçerli bir HTML belgesi iskeleti kurar; başlık hiyerarşisi, paragraf, liste ve metin biçimlendirme etiketlerini doğru biçimde kullanarak okunur içerik oluşturur.
Modül 1
HTML Belge İskeleti
  • <!DOCTYPE html> bildirimiyle standart moda geçiş
  • html, head ve body etiketlerinin görevi ve sırası
  • lang niteliğiyle belge dilinin belirtilmesi
  • Açılış, kapanış etiketi ve iç içe yerleşim kuralı
  • Boş (void) etiketler ile normal etiket ayrımı
  • Girinti ve okunur kaynak kodu düzeni alışkanlığı
Modül 2
Head İçindeki Meta Bilgiler
  • meta charset="UTF-8" ile karakter kodlaması
  • title etiketiyle sekme ve arama başlığı
  • viewport meta etiketiyle mobil ölçekleme
  • meta description ile sayfa özeti tanımı
  • link etiketiyle harici stil dosyası bağlama
  • Favicon ve dil alternatifi bağlantıları
Modül 3
Başlık ve Paragraf Etiketleri
  • h1'den h6'ya anlamsal başlık hiyerarşisi
  • Sayfada tek h1 kullanımının önemi ve nedeni
  • p etiketiyle paragraf ve otomatik boşluk
  • br ve hr etiketlerinin doğru kullanım yeri
  • Boşluk ve satır sonlarının HTML'de yorumlanması
  • Anlamsal yapı ile görsel biçimin ayrılması
Modül 4
Listeler ve Metin Biçimlendirme
  • ul ve ol ile sırasız ve sıralı liste kurma
  • li öğeleri ve iç içe liste oluşturma
  • dl, dt ve dd ile tanım listesi yapısı
  • strong ve em ile anlamsal vurgu
  • code, pre ve blockquote ile özel metin
  • Karakter varlıkları ile &amp; ve < yazımı
Günün hedefiKatılımcı iç ve dış köprü bağlantılar kurar, görselleri erişilebilir biçimde ekler ve verileri anlamsal bir tablo yapısıyla düzenli olarak sunar.
Modül 1
Köprü Bağlantılar (Hyperlink)
  • a etiketi ve href ile hedef adres verme
  • Mutlak ve göreli (relative) adres ayrımı
  • Sayfa içi id çapasına (anchor) bağlantı
  • target="_blank" ve rel="noopener" kullanımı
  • mailto ve tel protokolleriyle iletişim bağı
  • Betimleyici bağlantı metninin erişilebilirliği
Modül 2
Görsel ve Medya Ekleme
  • img etiketi, src ve alt metninin önemi
  • width ve height ile yer kaplama (layout shift)
  • figure ve figcaption ile açıklamalı görsel
  • srcset ile farklı çözünürlükte görsel sunma
  • JPEG, PNG, SVG ve WebP biçim seçimi
  • Dekoratif görselde boş alt niteliği kullanımı
Modül 3
Tablolarla Veri Sunumu
  • table, tr, th ve td ile satır ve hücre
  • thead, tbody ve tfoot ile tablo bölümleri
  • caption ile tabloya başlık ekleme
  • colspan ve rowspan ile hücre birleştirme
  • scope niteliğiyle başlık hücresi ilişkisi
  • Tabloyu yerleşim değil veri için kullanma
Modül 4
Anlamsal Sayfa Bölümleri
  • header ve footer ile sayfa üst ve alt bölümü
  • nav ile gezinme bağlantı grubu
  • main ile sayfanın birincil içeriği
  • article ve section ile içerik gruplama
  • aside ile yan içerik ve ek bilgi
  • div ve span'ın anlamsız sarmalayıcı rolü
Günün hedefiKatılımcı veri toplayan erişilebilir formlar kurar, etiket ve alan ilişkisini doğru bağlar ve işaretlemesini doğrulayıcıdan geçirerek standartlara uygunluğu teyit eder.
Modül 1
Form Yapısı ve Gönderim
  • form etiketi, action ve method nitelikleri
  • GET ve POST yöntemleri arasındaki fark
  • name niteliğiyle sunucuya veri adı verme
  • submit ve reset düğmelerinin görevi
  • fieldset ve legend ile alan gruplama
  • Form öğesinin varsayılan gönderim davranışı
Modül 2
Giriş Alanları (Input)
  • text, password ve email input türleri
  • number, date ve checkbox türlerinin kullanımı
  • radio düğmeleriyle tek seçim grubu
  • select ve option ile açılır liste
  • textarea ile çok satırlı metin alanı
  • placeholder ve value başlangıç değerleri
Modül 3
Etiketleme ve Erişilebilirlik
  • label ve for ile alan-etiket ilişkisi kurma
  • Alan odaklanınca ilgili etiketin okunması
  • required ile zorunlu alan işaretleme
  • aria-label ve aria-describedby temel kullanımı
  • Klavyeyle sekme sırası ve odak yönetimi
  • Yeterli renk kontrastı ve etiket netliği
Modül 4
Geçerli İşaretleme ve Yayın
  • W3C doğrulayıcı ile HTML hatalarını bulma
  • Kapatılmamış ve yanlış iç içe etiket düzeltme
  • Semantik etiket seçiminin SEO'ya etkisi
  • Tarayıcı geliştirici araçlarıyla DOM inceleme
  • Dosya ve klasör yapısıyla sayfaları düzenleme
  • Basit bir içerik sayfasının tamamlanması

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Belge iskeleti kurma

Doctype, head ve body yapısını doğru kurarak geçerli ve standartlara uygun HTML belgeleri oluşturabilirsiniz.

✅
Anlamsal metin yazımı

Başlık hiyerarşisi, paragraf ve listelerle içeriği anlamına uygun biçimde yapılandırmayı öğrenirsiniz.

✅
Bağlantı yönetimi

İç, dış ve sayfa içi köprü bağlantıları mutlak ve göreli adreslerle doğru biçimde kurabilirsiniz.

✅
Erişilebilir görsel

Görselleri alt metin ve uygun biçimle ekleyerek hem performans hem erişilebilirlik açısından doğru kullanırsınız.

✅
Tabloyla veri sunma

Başlık, bölüm ve birleştirme niteliklerini kullanarak anlamsal ve erişilebilir veri tabloları hazırlarsınız.

✅
Form oluşturma

Giriş alanları, seçim öğeleri ve etiket ilişkileriyle veri toplayan erişilebilir formlar kurabilirsiniz.

✅
Erişilebilirlik temeli

Etiketleme, odak sırası ve kontrast kurallarıyla ekran okuyucu dostu sayfalar hazırlamayı öğrenirsiniz.

✅
Doğrulama alışkanlığı

İşaretlemenizi W3C doğrulayıcıdan geçirerek tarayıcılar arası tutarlı ve hatasız sayfalar üretirsiniz.

Kimler İçin Uygundur?

  • HTML'e sıfırdan başlayan web içeriği hazırlayıcıları
  • tasarımını koda dökmek isteyen stajyer geliştiriciler
  • kurumsal site içeriğini düzenleyen editörler
  • ön yüz geliştirmenin temelini öğrenmek isteyen öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
HTML'e sıfırdan başlayan içerik hazırlayıcıları, stajyer geliştiriciler, kurumsal site editörleri ve ön yüz geliştirmenin temelini öğrenmek isteyen öğrenciler için uygundur. Önceden kodlama bilgisi gerekmez; temel bilgisayar kullanımı yeterlidir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Her etiket tarayıcıda denenerek tek bir örnek içerik sayfası adım adım oluşturulur. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre uyarlanabilir.
CSS ve JavaScript öğretiliyor mu?
Bu eğitim yalnızca HTML içerik yazımına odaklanır; stil (CSS) ve etkileşim (JavaScript) kapsam dışındadır. Harici stil dosyası bağlama kısaca gösterilir. CSS ve JavaScript için akademinin ayrı ileri eğitimleri bulunur.
Önceden bilgi gerekli mi?
Hayır, eğitim sıfırdan başlar. Dosya oluşturma ve kaydetme gibi temel bilgisayar becerileri ve güncel bir tarayıcı yeterlidir. Etiket adları İngilizce olduğu için temel İngilizce okuma düzeyi süreci kolaylaştırır.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve oluşturulan örnek sayfayı belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. HTML - Content Authoring Fundamentals Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeTemel Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

HTML ve CSSIntroduction to HTML and CSS - Beginner Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Introduction to HTML and CSS - Beginner Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

Sıfırdan HTML ve CSS öğrenin: etiketler, semantik yapı, formlar, seçiciler, kutu modeli ve ilk web sayfanızı kodlayın. Başlangıç seviyesi uygulamalı eğitim.

Detayları Gör →
HTML ve CSSIntroduction to HTML, CSS and JavaScript (TT4003) Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Introduction to HTML, CSS and JavaScript (TT4003) Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

HTML, CSS ve JavaScript'i birlikte öğrenin: semantik yapı, Flexbox, DOM, olaylar ve form doğrulama ile dinamik web uygulaması geliştirin. Uygulamalı eğitim.

Detayları Gör →
HTML ve CSSJavaScript Rules, Functions, & HTML Elements Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript Rules, Functions, & HTML Elements Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

JavaScript dil kurallarını, fonksiyonları, kapsam ve closure'ı öğrenin; DOM ile HTML elemanlarını seçip olaylarla yönetin. Uygulamalı orta seviye eğitim.

Detayları Gör →
HTML ve CSSJQuery ve Bootstrap ile UI Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JQuery ve Bootstrap ile UI Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

jQuery ile DOM, olay ve AJAX; Bootstrap grid ve bileşenlerle responsive arayüz geliştirin. Uygulamalı orta seviye ön yüz UI eğitimi ile panel projesi kurun.

Detayları Gör →
HTML ve CSSManaging CSS with Scripts Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Managing CSS with Scripts Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

CSSOM, classList, CSS değişkenleri ve animasyonları JavaScript ile yönetin; dinamik tema geçişi ve script tabanlı stil kurun. Uygulamalı orta seviye eğitim.

Detayları Gör →
HTML ve CSSManaging HTML Assets, Servers, & Browsers Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Managing HTML Assets, Servers, & Browsers Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Görsel ve font optimizasyonu, HTTP, önbellek, CDN, dağıtım ve tarayıcı render sürecini öğrenin. Web performansı ve yayına alma için uygulamalı orta seviye eğiti

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn