0 gün Seviye 1 Avar Teknolojileri

Proje 1: Tanıtım Sayfası

Ders 42/45 · 2 dakika

Bu projede kendinizi tanıtan tek sayfalık bir site yapacaksınız. Bu bir kodlama egzersizi değil: Kodu kendiniz yazın, takıldığınız yerde ilgili derse dönün.

Sayfada neler olmalı?

  • Adınızı içeren bir ana başlık
  • Kendinizi anlatan bir veya iki paragraf
  • Sizi temsil eden bir resim
  • Hobilerinizi gösteren bir liste
  • Sevdiğiniz üç siteye bağlantılar
Kişisel bilgilerinize dikkat

Bu sayfayı internette yayınlayabilirsiniz. Tam adınızı, okulunuzu, telefon numaranızı veya evinizin adresini yazmayın. Takma ad ve kendi fotoğrafınız yerine bir çizim kullanabilirsiniz.

Başlarken

  1. tanitim adında yeni bir klasör açın.
  2. İçinde index.html dosyası ve resimler klasörü oluşturun.
  3. Sayfa iskeletini yazın.
  4. Yukarıdaki maddeleri sırayla ekleyin.
Takıldıysanız: Başlangıç iskeleti

İçeriği siz yazacaksınız ama yapı aşağı yukarı şöyle olabilir:

  • h1
  • p
  • img
  • h2 ve ul
  • h2 ve bağlantılar

Kontrol listesi

Bitirdiğinizde şunların hepsini kontrol edin:

  • html etiketinde lang="tr" var.
  • meta charset="UTF-8" var.
  • Sayfanın anlamlı bir title değeri var.
  • Sayfada tek bir h1 var.
  • Resmin anlamlı bir alt metni var.
  • Üç bağlantının metni nereye gittiğini anlatıyor.
  • Kod, W3C doğrulayıcıdan hatasız geçiyor.

Dersi bitirdin mi?Bu dersi tamamladın.

İlerlemen bu tarayıcıda saklanır.