HTML Blog Laboratuvarı
Loading...
</> HTML Blog Lab
Web tasarım stüdyosu 01 / 04
Presenter mode

HTML BLOG LABORATUVARI · 01

Bir blog sayfası oluşturun HTML ile.

HTML her fikre bir yuva sağlar. Bugün bir blog fikrini, her seferinde anlamlı bir öğe ekleyerek net ve davetkar bir sayfaya dönüştüreceğiz.

✦

Herkes katkıda bulunabilir: taslak oluşturun, konuşun, yazın, işaret edin, soru sorun veya eşleşin.

01PlanlaOkuyucuların öncelikle neye ihtiyaç duyduğunu seçin.
02İnşa EtSayfayı şekillendirmek için etiketler kullanın.
03Önem VerDaha fazla insan için kullanılabilir hale getirin.
HTML
+
IDEAS

Bir sayfa, okuyucuyla yapılan bir sohbet gibidir.

ADIM 1 · YAPI

Şununla başlayın: iskelet.

HTML etiketleri her bölümün görevini tanımlar. Semantik bir iskelet; tarayıcıların, ekran okuyucuların ve sınıf arkadaşlarınızın sayfanızı anlamasına yardımcı olur.

Şunu deneyinHer etiketi işaret edin ve neyden sorumlu olduğunu söyleyin.
<header><nav><main><article><footer>
blog.htmlHTML
<!DOCTYPE html>
<html>
  <body>
    <header>
      <h1>Saha Notları</h1>
      <nav>Hakkında · Arşiv</nav>
    </header>
    <main>
      <article>
        <h2>İyi bir sayfayı ne oluşturur?</h2>
      </article>
    </main>
  </body>
</html>
Anlamlı etiketler, sayfada gezinmeyi kolaylaştırır.

ADIM 2 · İÇERİK

Sayfaya bir ses.

Etiketler içeriği tutar, ancak bakış açısını insanlar getirir. Hikayeyi anlatan kelimelerle bir başlık, yararlı bir bağlantı ve bir görsel ekleyin.

✓Beklentileri belirleyen bir başlık
✓Tek bir net fikre sahip bir paragraf
✓Nereye gittiğini belirten bir bağlantı
Eşleşme ipucuBaşlığınızı yüksek sesle okuyun. Birini içeri davet ediyor mu?
our-blog.local / journal•••

PAYLAŞILAN BİR GÜNLÜK

İyi bir
web sayfası nasıl hissettirir?

Stüdyomuzdan sizinkine, küçük gözlemlerden oluşan bir koleksiyon.

Girdiyi oku↗

ADIM 3 · ÖZEN VE ERİŞİM

Yer açın herkes.

İyi HTML sadece doğru görünmekle ilgili değildir. Daha fazla insana okuma, anlama ve sohbete katılma konusunda adil bir şans verir.

AaBaşlıklarNet bir yol oluşturun.
↗BağlantılarHedefi tanımlayın.
▧GörsellerYararlı alternatif metinler ekleyin.
Sıra sizdeBir blog bölümü taslağı oluşturun, ardından ona bir yuva sağlayacak HTML etiketini seçin.
Fark ediyorum ki…
Merak ediyorum…
Deneyebilirim…
←Geri
İleri→