Öğren · Dene · Üret
HTML · editör ve tarayıcı atölyesi
Adım adım Türkçe görsel rehber. Her bölümden sonra duraklat ve kendi ortamında dene.
5:50 dk · Sessiz görsel anlatım · Duraklatıp kodu veya adımı kendin dene.
Bölümler
Videoyu metin olarak oku
Anlamlı ve erişilebilir kişisel tanıtım sayfası
Bir ziyaretçinin kim olduğunu, ne öğrendiğini ve kaynaklarına nasıl ulaşacağını anlayabildiği tek sayfalık bir belge hazırla. Önce içerik hiyerarşisini kur; görsel tasarımı CSS modülüne bırak.
Önce planla
DOCTYPE, lang, charset, viewport ve anlamlı title içeren tam belge oluştur.
Uygulama 1
DOCTYPE, lang, charset, viewport ve anlamlı title içeren tam belge oluştur.
Uygulama 2
Tek ana başlık, kısa tanıtım ve iki alt bölüm yaz.
Uygulama 3
Öğrenme hedeflerini sıralı, kaynaklarını sırasız listele.
Uygulama 4
İzinli bir görsel ekle; anlamlı alt, width ve height belirt.
Uygulama 5
İlişkili küçük bir veri tablosu kur; caption ve uygun th/scope kullan.
Uygulama 6
Gerçek gönderim yapmayan, etiketli bir örnek iletişim formu ekle.
Uygulama 7
header/nav/main/footer ile bölgeleri ayır; bağlantıları ve bütün dosya yollarını dene.
Uygulama 8
HTML kaynağını ve tarayıcının oluşturduğu belge ağacını karşılaştır.
Doğrulama 1
Kaynak okunaklı; kapanış ve iç içelik doğru.
Doğrulama 2
Başlık sırası ve bağlantı metinleri anlaşılır.
Doğrulama 3
Klavyeyle forma ve bağlantılara ulaşılabiliyor.
Doğrulama 4
Fotoğraf ve göreli yollar doğru; gerçek gönderim varmış gibi sunulmuyor.
Bu içerik işine yaradı mı?
Görüşünü aşağıdan işaretleyebilir ve varsa notunu bırakabilirsin.