Online Web Tasarım Kursu (HTML & CSS) Gençler İçin | 2026

Kurs Açıklaması: Online Web Tasarım Kursu (HTML & CSS) Gençler İçin | 2026

Online Web Tasarımı Temelleri — HTML & CSS (Modül 1, 2 Hafta)

İlk portfolyo hazır websitenizi sıfırdan oluşturun. İki hafta boyunca katılımcılar, yapı için HTML ve stil için CSS kullanarak gerçek sayfalar tasarlar ve kodlar—her oturum canlı olarak bir mentor eşliğinde yapılır, böylece uygulamalı ve pratik hale gelir.

⭐ Anahtar Bilgiler

• Format Canlı online (mentor liderliğinde)

• Süre 2 hafta

• Odak Noktası HTML yapısı, CSS stil verme, duyarlı tasarım temelleri, düzenler & kutu modeli, basit etkileşim, proje iş akışı

• Projeler Haftalık mini-projeler + modül sonunda portfolyo web sitesi

• Kazanımlar Sertifika, kişiselleştirilmiş mentor geri bildirimi, yıldız derecelendirmesi, Seviye 2 – Web Developer Creator için uygunluk

Ne Öğreneceksiniz

• HTML Temelleri: başlıklar, paragraflar, bağlantılar, resimler, listeler; çok sayfalı gezinme

• CSS Temelleri: renk, yazı tipleri, boşluklar, arka planlar, kenarlıklar

• Duyarlı Tasarım Temelleri: farklı ekran boyutlarına uyum sağlamak için basit teknikler

• Kutu Modeli & Düzenler: dolgu, marjinalar, kenarlıklar, konum

• Etkileşimli Elemanlar: düğmeler, hover efektleri, basit formlar

• İş Akışı: planla → oluştur → statik siteyi yükle

Haftalık Program (sadece rehberlik amaçlı)

1. Hafta — İlk Web Sayfanızı Oluşturma

HTML yapısı & etiketleri öğrenin • Metin, listeler, bağlantılar, resimler ekleyin • Basit bir kişisel web sayfası yaratın

Mini-projeler:

1. Benim Portfolyo Sayfam — kendinizi tanıtın

2. Fotoğraf Galerisi — semantik HTML ile resimlerin ızgarası

3. Sayfalarınızı Bağlayın — navigasyonlu çok sayfalı site

Mentor desteği: canlı kodlama, en iyi uygulama yapısı, kişiselleştirilmiş geri bildirim.

2. Hafta — CSS ile Stil & Düzen

CSS temelleri • Kutu modeli & konumlandırma • Hover efektleri & temel etkileşimler

Mini-projeler:

1. Stilize Edilmiş Portfolyo — yazı tiplerini, renkleri, boşlukları güzelleştirin

2. Etkileşimli Galeri — hover efektleri & geçişler

3. İletişim Formu Sayfası — temel stil ile erişilebilir form

Mentor desteği: CSS hata ayıklama, tasarım ipuçları, yaratıcı deneyleri teşvik etme.

Sunum

Tamamlanmış, çok sayfalı bir portfolyo sitesi sunun (yapı, stil, etkileşim). Aileler, tasarımcının tercihlerini dinleyebilir ve canlı siteyi görebilir.

Sertifika & İlerleme

• Tamamlama Sertifikası: Web Gezgini (HTML & CSS)

• Kişiselleştirilmiş Mentor Geri Bildirim Raporu

• Yıldız derecelendirmesi ve Seviye 2 — Web Developer Creator için uygunluk

Mentorluk Sözü

• Her mini-proje için bire bir rehberlik

• Günlük check-in'ler ve meydan okuma değerlendirmeleri

• Web üzerinde güven ve yaratıcılığı pekiştiren uygulamalı görevler

Pratik Notlar (kayıt sırasında onayı bekleyen bilgiler)

Platform & erişim bağlantısı • Canlı oturum saatleri & zaman dilimi • Sınıf boyutu & katılım normları • Teknik gereksinimler (dizüstü bilgisayar, tarayıcı, bant genişliği) • Erişilebilirlik (altyazılar/kayıtlar) • Koruma, davranış kuralları ve para iadesi/iptal politikası