WEB FUNDAMENTALS: WEB DEVELOPMENT WITH HTML EĞİTİMİ

Web'in temellerini sıfırdan öğrenin

HTTP, tarayıcı, semantik HTML, formlar, tablolar, multimedya, erişilebilirlik ve yayına alma

Web Fundamentals: Web Development with HTML Eğitimi, web geliştirmeye yeni başlayanlar için web'in nasıl çalıştığını ve HTML ile sayfa oluşturmayı sıfırdan öğretir.

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

Eğitim Hakkında

Web'in nasıl çalıştığından HTML ile sayfa oluşturmaya ve yayına almaya kadar temeller

Web Fundamentals: Web Development with HTML Eğitimi, web geliştirmeye hiç deneyimi olmayanlar için web'in nasıl çalıştığını ve HTML ile web sayfası oluşturmayı sıfırdan öğretir. Katılımcılar istemci-sunucu modeli, HTTP ve tarayıcı kavramlarını öğrenir; semantik HTML etiketleri, metin, bağlantı ve görsellerle sayfa kurar. Formlar, tablolar, multimedya, erişilebilirlik ve SEO işlenir. Program sayfayı yayına alma adımıyla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; her konu kısa anlatım ardından küçük alıştırmalarla pekiştirilir ve bir sayfa adım adım kurulur.

Seviye

Temel Seviye — web'in nasıl çalıştığını ve HTML ile web sayfası oluşturmayı sıfırdan öğreten program

Öğrenme Metodu

Kavramlar bol örnek ve kısa alıştırmalarla işlenir; katılımcılar her modülde kendi sayfalarına yeni bir HTML parçası ekler.

Neden Bu Eğitim?

🌐Web nasıl çalışır

İstemci-sunucu modeli, HTTP ve tarayıcının rolünü öğrenerek web geliştirmenin büyük resmini sağlam biçimde kavrarsınız.

📝Doğru HTML alışkanlığı

Semantik ve geçerli HTML yazma alışkanlığını baştan edinerek ileride CSS ve JavaScript öğrenmeyi kolaylaştırırsınız.

♿Erişilebilir ve SEO dostu

Erişilebilirlik ve meta etiketlerini temelden öğrenerek herkesin kullanabileceği, aramada görünür sayfalar yaparsınız.

Anahtar Konular

html eğitimiweb geliştirme temellerisıfırdan html kursuweb fundamentals eğitimihtml öğrenme kursutemel web geliştirmeweb sayfası oluşturma eğitimihtml form eğitimiweb nasıl çalışırbaşlangıç web kursu
“Her web geliştirici yolculuğu HTML ile başlar; sağlam bir temel, üzerine kurulacak her şeyi daha güçlü kılar.”

Ön Koşullar

Bu temel eğitim için ön bilgi gerektirmez; yalnızca basit bir ortam yeterlidir

1
Ön bilgi gerekmez

Programlama veya web deneyimi beklenmez; tüm kavramlar en baştan ve adım adım anlatılır.

2
Bilgisayar kullanımı

Dosya kaydetme, klasör açma ve tarayıcı kullanma gibi temel bilgisayar becerileri yeterlidir.

3
Metin editörü

VS Code veya basit bir metin editörünün kurulu olması; dosyaları .html olarak kaydedebilmek gerekir.

4
Güncel bir tarayıcı

Chrome, Firefox veya Edge gibi güncel bir tarayıcı sayfaları görüntülemek için yeterlidir.

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ı web'in istemci-sunucu modelini ve HTTP'yi kavrar, HTML belge iskeletini kurar; metin, başlık, liste, bağlantı ve görsel ekler.
Modül 1
Web Nasıl Çalışır
  • İstemci, sunucu ve tarayıcının rolü
  • HTTP istek ve yanıt döngüsünün işleyişi
  • URL, alan adı ve DNS çözümleme kavramı
  • Ön yüz ve arka uç arasındaki ayrım
  • HTML, CSS ve JavaScript'in görevleri
  • Geliştirme ve yayın ortamı farkı
Modül 2
HTML Belge Yapısı ve Söz Dizimi
  • DOCTYPE, html, head ve body iskeleti
  • Etiket, öznitelik ve değer kavramı
  • Açılış ve kapanış etiketi mantığı
  • İç içe yerleştirme ve hiyerarşi
  • Yorum satırı ve kod okunabilirliği
  • meta ve title ile sayfa bilgisi
Modül 3
Metin, Başlık ve Liste Etiketleri
  • h1 ile h6 arası başlık hiyerarşisi
  • p, br ve hr etiketiyle metin düzeni
  • strong, em ve mark ile vurgulama
  • ul ve ol ile sırasız/sıralı listeler
  • li ve iç içe (nested) liste yapısı
  • dl, dt ve dd ile tanım listesi
Modül 4
Bağlantılar ve Görseller
  • a etiketi ve href ile bağlantı
  • Mutlak ve göreli bağlantı farkı
  • target özniteliğiyle yeni sekmede açma
  • img etiketi, src ve alt metni kullanımı
  • Görsel boyutu ve biçimleri (jpg, png, svg)
  • Sayfa içi çapa (anchor) bağlantıları
Günün hedefiKatılımcı semantik yapı etiketleriyle sayfa düzeni kurar, tablolarla veri sunar, farklı girdi türleriyle form oluşturur ve doğrulama ekler.
Modül 1
Semantik Yapı Etiketleri
  • header ve nav ile sayfa üst bölümü
  • main ve section ile ana içerik
  • article ile bağımsız içerik birimi
  • aside ile yan içerik alanı tanımlama
  • footer ile sayfa alt bölümü oluşturma
  • div ve span'in doğru kullanımı
Modül 2
Tablolar ile Veri Sunumu
  • table, tr, td ve th ile tablo yapısı
  • thead, tbody ve tfoot bölümleri
  • colspan ve rowspan ile hücre birleştirme
  • caption etiketiyle tablo başlığı ekleme
  • scope ile erişilebilir başlık ilişkisi
  • Tabloyu veri için doğru kullanma
Modül 3
Formlar ve Girdi Türleri
  • form, action ve method öznitelikleri
  • label ve input ilişkisinin kurulması
  • text, email, password ve number
  • date, color, range ve file girdileri
  • select, option ve textarea kullanımı
  • checkbox ve radio ile çoklu/tekli seçim
Modül 4
Form Doğrulama Öznitelikleri
  • required ile zorunlu alan belirleme
  • min, max ve maxlength sınırları
  • pattern ile desen tabanlı doğrulama
  • placeholder ve autocomplete ipuçları
  • button ve type: submit ile gönderim
  • Tarayıcının yerleşik doğrulama mesajları
Günün hedefiKatılımcı sayfaya ses, video ve gömülü içerik ekler, erişilebilirlik ve SEO ilkelerini uygular ve hazır sayfayı internette yayına alır.
Modül 1
Multimedya: Audio, Video, Iframe
  • audio etiketiyle sayfaya ses ekleme
  • video etiketi, poster ve controls
  • source ile çoklu biçim desteği
  • iframe ile harita ve video gömme
  • track etiketiyle video altyazısı ekleme
  • Medya için erişilebilir alternatifler
Modül 2
Erişilebilirlik ve ARIA
  • Anlamsal etiketlerle erişilebilirlik
  • alt metni ve görsel açıklamaları
  • Klavye ile gezinme ve odak sırası
  • aria-label ve ARIA rol kavramı
  • Renk kontrastı ve okunabilirlik
  • Ekran okuyucu dostu işaretleme
Modül 3
SEO ve Meta Etiketleri
  • title ve meta description önemi
  • Anlamlı başlık hiyerarşisi ve içerik
  • Open Graph ile sosyal paylaşım
  • Favicon ve viewport meta etiketi
  • Anlamlı URL ve açıklayıcı bağlantı metni
  • robots ve temel indeksleme ipuçları
Modül 4
Siteyi Yayına Alma
  • Dosya ve klasör yapısının düzenlenmesi
  • Göreli yolların yayında kontrolü
  • Ücretsiz hosting ve GitHub Pages
  • Alan adı ve temel DNS kavramına giriş
  • Tarayıcıda yayın sonrası kontrol testi
  • Güncelleme ve yeniden yayınlama akışı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Web'in çalışma mantığı

İstemci-sunucu modeli, HTTP ve tarayıcının rolünü kavrayarak web geliştirmenin büyük resmini anlarsınız.

✅
HTML belge yapısı

DOCTYPE'tan body'ye doğru belge iskeletini ve etiket söz dizimini hatasız biçimde kurabilirsiniz.

✅
Semantik işaretleme

header, main, article gibi anlamsal etiketlerle düzenli, erişilebilir ve SEO dostu sayfalar oluşturursunuz.

✅
Form oluşturma

Farklı girdi türleri ve HTML doğrulama öznitelikleriyle kullanılabilir ve doğru çalışan formlar yaparsınız.

✅
Tablo ile veri

table yapısı ve erişilebilirlik öznitelikleriyle veriyi düzenli ve anlaşılır tablolar halinde sunabilirsiniz.

✅
Multimedya ekleme

audio, video ve iframe ile sayfaya ses, video ve gömülü içerik ekleyerek zengin sayfalar oluşturursunuz.

✅
Erişilebilirlik ve SEO

Erişilebilirlik ve meta etiketi ilkelerini uygulayarak herkesin kullanabileceği, aramada görünür sayfalar yaparsınız.

✅
Yayına alma

Hazırladığınız statik siteyi ücretsiz bir hosting veya GitHub Pages ile internette yayına alabilirsiniz.

Kimler İçin Uygundur?

  • Web geliştirmeye yeni başlayanlar
  • kod yazmayı öğrenmek isteyen öğrenciler
  • içerik
  • pazarlama ekiplerinin HTML bilmesi gereken üyeleri ve ön yüz yolculuğuna temelden başlamak isteyenler için uygundur

Sıkça Sorulan Sorular

Bu eğitim için ön bilgi gerekir mi?
Hayır. Eğitim web geliştirmeye hiç deneyimi olmayanlar için tasarlanmıştır; tüm kavramlar en baştan ve adım adım anlatılır. Yalnızca temel bilgisayar kullanımı, bir metin editörü ve güncel bir tarayıcı yeterlidir.
Bu eğitimde CSS ve JavaScript var mı?
Bu program HTML ve web'in temellerine odaklanır; CSS ve JavaScript'in sayfadaki rolü tanıtılır ancak derinlemesine işlenmez. HTML temeli oturduktan sonra CSS ve JavaScript eğitimleriyle yolculuğa devam etmeniz önerilir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Her konu kısa anlatımın ardından küçük alıştırmalarla pekiştirilir ve katılımcı kendi web sayfasını adım adım kurar. Yüz yüze veya online yapılabilir ve kuruma göre uyarlanır.
Eğitim sonunda bir web sayfası yapabilir miyim?
Evet. Eğitim boyunca semantik yapı, form, tablo ve multimedya içeren bir web sayfasını adım adım kurar ve son modülde bu sayfayı GitHub Pages gibi ücretsiz bir ortamda yayına alırsınız. Çıktı olarak çalışan bir statik siteniz olur.
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 geliştirilen HTML sayfasını 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. Web Fundamentals: Web Development with HTML 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 CSSError Handling for JavaScript and HTML Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Error Handling for JavaScript and HTML Eğitimi

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

try/catch, özel hatalar, Promise ve async/await hata yönetimi, global yakalama ve izleme ile dayanıklı JavaScript yazmayı öğreten eğitim.

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

Extending CSS with Less Eğitimi

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

Less değişkenleri, mixin, iç içe yazım, guard, fonksiyon ve derleme hattıyla ölçeklenebilir ve sürdürülebilir CSS yazmayı öğreten uygulamalı eğitim.

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

Extending CSS with Sass Eğitimi

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

Sass değişkeni, mixin, @extend, @if ve @each kontrol yapıları, map ve @use modül sistemiyle modüler CSS yazmayı öğreten uygulamalı eğitim.

Detayları Gör →
HTML ve CSSFront-end Apps: HTML Applications with JavaScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Front-end Apps: HTML Applications with JavaScript Eğitimi

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

DOM, olaylar, form doğrulama, fetch ve modüllerle çerçeve kullanmadan etkileşimli web uygulamaları kurmayı öğreten uygulamalı JavaScript eğitimi.

Detayları Gör →
HTML ve CSSFSD Front-end Development: Advanced CSS Browser Features Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

FSD Front-end Development: Advanced CSS Browser Features Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

Cascade layers, :has, container query, subgrid, oklch ve scroll-driven animasyonlarla güncel CSS özelliklerini öğreten ileri seviye front-end eğitimi.

Detayları Gör →
HTML ve CSSFSD Front-end Development: Features of HTML & CSS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

FSD Front-end Development: Features of HTML & CSS Eğitimi

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

Semantik HTML, form ve medya, seçiciler, kutu modeli, renk ve tipografiyle HTML ve CSS özelliklerini derinlemesine öğreten ön yüz geliştirme eğitimi.

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