HTML VE CSS3'E GİRİŞ EĞİTİMİ

Sıfırdan ilk web sayfanı kur

HTML5 etiketleri ve CSS3 ile kendi web sayfanızı adım adım tasarlayın

HTML ve CSS3'e Giriş Eğitimi, web geliştirmeye hiç başlamamış katılımcılara bir sayfanın nasıl kurulup biçimlendirildiğini sıfırdan öğretir.

2 gün Başlangıç Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Hiç kod bilmeyenler için HTML yapısından CSS ile tasarıma ilk adım

HTML ve CSS3'e Giriş Eğitimi, web geliştirmeye hiç başlamamış katılımcılara bir sayfanın nasıl kurulup biçimlendirildiğini sıfırdan öğretir. İlk gün HTML5 belge yapısı, metin, bağlantı, liste, görsel, tablo ve form etiketleriyle içeriğin nasıl yazıldığı işlenir. İkinci gün CSS seçiciler, kutu modeli, renk, tipografi, arka plan ve Flexbox ile biçimlendirme ele alınır. Katılımcı eğitim sonunda kendi basit web sayfasını kurabilecek temele sahip olur.

Süre ve Format

2 Gün. Her gün dört modül; kısa anlatımın ardından her konu küçük alıştırmalarla pekiştirilir ve gün sonunda bir sayfa birlikte oluşturulur.

Seviye

Başlangıç Seviyesi — HTML ve CSS3 ile sıfırdan kendi web sayfanızı kurmayı öğreten giriş programı

Öğrenme Metodu

Önce HTML ile içerik yazılır, sonra CSS ile biçimlendirilir; her adım küçük alıştırmalarla uygulanarak öğrenilir.

Neden Bu Eğitim?

🎯Gerçekten sıfırdan

Hiç kod bilmeden başlayıp eğitim sonunda kendi web sayfanızı oluşturabilecek sağlam bir temele sahip olursunuz.

🧩Mantığı kavramak

Etiket ve stilin ne işe yaradığını ezberleyerek değil, neden kullanıldığını anlayarak öğrenirsiniz.

🚀Hızlı görünür sonuç

Her yazdığınız kodun tarayıcıda anında karşılığını görür, öğrenmenin motive edici tarafını yaşarsınız.

Anahtar Konular

html eğitimicss eğitimihtml css kursuweb tasarım eğitimisıfırdan web geliştirmecss3 kursubaşlangıç htmlweb sayfası yapımıön yüz eğitimihtml giriş kursu
“Her web geliştiricisi tek bir etiketle başladı; sağlam bir HTML ve CSS temeli, sonraki her şeyin üstüne kurulduğu zemindir.”

Ön Koşullar

Eğitime başlamadan önce yeterli olan temel şartlar

1
Bilgisayar kullanımı

Dosya açma, kaydetme ve klasör yönetimi gibi temel bilgisayar becerileri yeterlidir.

2
İnternet tarayıcısı

Chrome, Edge veya Firefox gibi güncel bir tarayıcının kurulu olması gerekir.

3
Metin editörü

VS Code veya benzeri ücretsiz bir editörün kurulu olması faydalı olur; kurulumda destek verilir.

4
Ön bilgi gerekmez

Herhangi bir programlama veya tasarım ön bilgisine ihtiyaç yoktur; her konu baştan anlatılı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ı bir HTML belgesinin yapısını öğrenir; metin, bağlantı, liste, görsel, tablo ve form etiketleriyle sayfanın içeriğini kendisi yazar.
Modül 1
HTML Belge Yapısı
  • html, head ve body temel iskeletinin kurulması
  • doctype, lang ve karakter kodlaması bildirimi
  • title, meta ve sayfa bilgisi etiketleri
  • Etiket, öznitelik ve iç içe yapı mantığı
  • Yorum satırı ve okunur kod düzeni alışkanlığı
  • Dosyayı tarayıcıda açıp sonucu görme
Modül 2
Metin ve Bağlantı
  • Başlık etiketleri h1'den h6'ya hiyerarşi
  • Paragraf, satır sonu ve metin vurgulama
  • a etiketiyle iç ve dış bağlantı oluşturma
  • Sıralı ve sırasız liste ile içerik düzenleme
  • Göreli ve mutlak bağlantı adresi farkı
  • Bağlantının yeni sekmede açılması ayarı
Modül 3
Görsel, Tablo ve Figure
  • img etiketi, src ve alt metninin önemi
  • Görsel boyutu ve dosya biçimi seçimi
  • table, tr, th ve td ile tablo kurma
  • Tablo başlığı ve hücre birleştirme
  • figure ve figcaption ile görsel açıklama
  • Görselleri klasör yapısıyla düzenli tutma
Modül 4
Form ve Girdi Etiketleri
  • form etiketi ve temel yapısının kurulması
  • input tipleri metin, e-posta ve şifre
  • label ile etiket ve alan eşleştirmesi
  • Onay kutusu, radyo düğmesi ve açılır liste
  • textarea ile çok satırlı metin alanı
  • Gönder düğmesi ve zorunlu alan işareti
Günün hedefiKatılımcı CSS seçicilerle öğeleri hedefler, kutu modelini kavrar, renk ve tipografiyi ayarlar ve Flexbox ile basit bir düzen kurar.
Modül 1
CSS Seçiciler ve Temel Stiller
  • CSS'i HTML'e bağlamanın üç yöntemi
  • Etiket, sınıf ve kimlik seçicileri
  • Özellik ve değer yazım biçimi söz dizimi
  • Birden fazla öğeyi aynı anda biçimlendirme
  • Seçici önceliği ve kaskad mantığına giriş
  • Tarayıcı araçlarıyla stil inceleme
Modül 2
Kutu Modeli ve Yerleşim
  • İçerik, padding, border ve margin katmanları
  • box-sizing ile genişlik hesabını düzeltme
  • display ile block, inline ve inline-block
  • Genişlik, yükseklik ve taşma yönetimi
  • Öğeler arası boşlukların ayarlanması
  • Kenarlık, köşe yuvarlama ve gölge
Modül 3
Renk, Tipografi ve Arka Plan
  • Renk tanımı hex, rgb ve isimle
  • font-family ve web yazı tipi kullanımı
  • font-size, line-height ve okunurluk
  • text-align, font-weight ve metin stili
  • background rengi ve görsel ayarları
  • Açık ve koyu renk uyumu ile kontrast
Modül 4
Flexbox ile Basit Düzen
  • display flex ile esnek kapsayıcı kurma
  • flex-direction ile satır ve sütun yönü
  • justify-content ile yatay hizalama
  • align-items ile dikey hizalama
  • gap ile öğeler arası boşluk verme
  • Basit bir menü ve kart dizisi oluşturma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
HTML belge kurma

Doğru doctype, head ve body yapısıyla geçerli bir HTML5 belgesini sıfırdan kurabilir hale gelirsiniz.

✅
İçerik etiketleme

Başlık, paragraf, bağlantı ve liste etiketleriyle sayfanın metin içeriğini anlamlı biçimde düzenleyebilirsiniz.

✅
Görsel ve tablo ekleme

img, table ve figure etiketleriyle sayfanıza görsel ve tablo ekleyip alt metinle erişilebilir tutabilirsiniz.

✅
Form oluşturma

input, label ve select gibi etiketlerle kullanıcıdan veri alan temel bir form tasarlayabilirsiniz.

✅
CSS ile biçimlendirme

Seçicilerle öğeleri hedefleyip renk, yazı tipi ve boşlukları ayarlayarak sayfaya görsel düzen verebilirsiniz.

✅
Kutu modeli kavrama

İçerik, padding, border ve margin ilişkisini anlayarak öğelerin boyut ve konumunu kontrol edebilirsiniz.

✅
Flexbox ile hizalama

Flexbox ile öğeleri yatay ve dikey hizalayıp basit bir menü veya kart düzeni oluşturabilirsiniz.

✅
Kendi sayfanı yapma

Öğrendiğiniz HTML ve CSS ile basit ama düzenli kişisel bir web sayfasını baştan sona kendiniz hazırlayabilirsiniz.

Kimler İçin Uygundur?

  • Web geliştirmeye hiç başlamamış
  • kendi sayfasını kurmak isteyen tam başlangıç seviyesindeki kişiler
  • farklı alandan geçiş yapmak isteyenler
  • temel web bilgisi edinmek isteyen öğrenciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim için ön bilgi gerekli mi?
Hayır, eğitim tam başlangıç seviyesindedir ve herhangi bir programlama ya da tasarım ön bilgisi gerektirmez. Her konu sıfırdan, bol örnekle anlatılır; sadece temel bilgisayar kullanımı yeterlidir.
Eğitimin süresi ve formatı nedir?
Eğitim iki gün sürer ve her gün dört modülden oluşur. İlk gün HTML, ikinci gün CSS işlenir. Her konu küçük alıştırmalarla pekiştirilir; yüz yüze veya online yapılabilir ve kuruma göre uyarlanır.
Hangi araçları kullanacağız?
Güncel bir tarayıcı ve VS Code gibi ücretsiz bir metin editörü kullanılır. Ek bir ücretli yazılım gerekmez; kurulum adımları eğitimin başında birlikte yapılır.
Eğitim sonunda ne yapabilir olacağım?
Kendi başınıza basit ama düzenli bir web sayfasını HTML ile kurup CSS ile biçimlendirebilir hale gelirsiniz. Bu temel, JavaScript ve ileri konulara geçiş için sağlam bir zemin oluşturur.
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 belgeler ve 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 ve CSS3'e Giriş Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre2 gün
SeviyeBaşlangıç Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

HTML ve CSSHTML Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML Eğitimi

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

HTML5 belge yapısı, semantik etiketler, formlar, medya, ARIA erişilebilirlik ve SEO eğitimi. Sıfırdan ileriye uygulamalı ve kurumsal HTML programı.

Detayları Gör →
HTML ve CSSHTML Grafik ve Animasyon Teknikleri Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML Grafik ve Animasyon Teknikleri Eğitimi

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

Canvas 2D, SVG ve Web Animations API ile tarayıcıda grafik çizimi ve animasyon eğitimi. Kütüphanesiz ve performans odaklı uygulamalı kurumsal program.

Detayları Gör →
HTML ve CSSHTML ile İnteraktif Web Sayfaları Tasarımı Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML ile İnteraktif Web Sayfaları Tasarımı Eğitimi

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

HTML, JavaScript ve DOM ile etkileşimli web sayfası eğitimi. Olaylar, form doğrulama, fetch ve erişilebilir bileşenlerle uygulamalı ve kurumsal program.

Detayları Gör →
HTML ve CSSHTML ve API Kullanımı ile Gelişmiş Uygulamalar Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML ve API Kullanımı ile Gelişmiş Uygulamalar Eğitimi

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

Fetch, Web Storage, IndexedDB, Canvas, WebSocket ve Service Worker ile HTML tabanlı dinamik ve çevrimdışı web uygulamaları geliştirme eğitimi.

Detayları Gör →
HTML ve CSSİleri Seviye HTML Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

İleri Seviye HTML Eğitimi

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

Semantik, ARIA erişilebilirlik, SEO, Canvas, SVG, Web Components ve PWA ile HTML'i uçtan uca derinleştiren ileri seviye kurumsal eğitim.

Detayları Gör →
HTML ve CSSJavaScript ve CSS ile HTML Programlama Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

JavaScript ve CSS ile HTML Programlama Eğitimi

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

HTML, CSS ve JavaScript ile DOM, olaylar, asenkron kod, Flexbox, Grid ve animasyon kullanarak etkileşimli web arayüzü geliştirme eğitimi.

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