🍕 HTML ile Restoran / Kafe Web Sitesi
Posted inHTML-5 Rehberi

🍕 HTML ile Restoran / Kafe Web Sitesi

Menü • İletişim • Rezervasyon Formu (HTML5 – Semantik – Gerçek Proje Mantığı) Merhaba dijital şef! 👨‍🍳💻Bugün “etiketleri biliyorum” demek yok.Bugün HTML’yi bir restoran açacak kadar iyi kullanıyoruz. HTML bilmiyorsan site yokHTML’yi iyi biliyorsan müşteri var 😎 🧠 1. Projeye Başlamadan Önce: Nasıl Düşünmelisin?…
No Comments
HTML ile Mini Quiz / Kart Oyunu Tasarlamak 🃏 – Kodlarla Eğlence
Posted inHTML-5 Rehberi

HTML ile Mini Quiz / Kart Oyunu Tasarlamak 🃏 – Kodlarla Eğlence

Selam dijital kaşif! 🌍Bugün klavyeni ve fareni kullanarak eğlenceli, interaktif bir mini quiz tasarlayacağız. Hedefimiz hem öğrenmek hem de eğlenmek. Doğru/Yanlış veya çoktan seçmeli sorularla HTML dünyasına adım atacağız ve <form> ile <input> sihirli kombinasyonlarını keşfedeceğiz. Hazırsanız, kartlar dağıtılıyor… 🎴 1. Quiz Sayfasının Temel…
No Comments
HTML ile Dijital Günlük (Journal): Kodla Düşünmenin En Kişisel Hâli 📝✨
Posted inHTML-5 Rehberi

HTML ile Dijital Günlük (Journal): Kodla Düşünmenin En Kişisel Hâli 📝✨

Bir defter düşün: Kimse karalamıyor Sayfalar kaybolmuyor Tarihler düzenli Duygular satır satır nefes alıyor Ve bu defter… HTML ile yazılmış. Bu yazıda: HTML’yi yapı kurmak için kullanacağız Günlük mantığını semantik etiketlerle öğreneceğiz Mini ama gerçek hayatta anlamlı bir proje çıkaracağız Framework yok.Backend yok.Sadece HTML…
No Comments
HTML İletişim Formu Tasarımı
Posted inHTML-5 Rehberi

HTML İletişim Formu Tasarımı

“Bana Ulaş” Demenin En Resmî, En Akıllı ve En Şık Yolu 📬 Bir web sitesine giriyorsun.Tasarım güzel.Yazılar okunaklı.Ama… 👉 İletişim formu yok. Bu durumda site şuna benzer: WhatsApp’ı var ama çevrimdışı 📴 İşte bu yüzden iletişim formu: Kullanıcıyla ilk temas noktasıdır Güven verir “Bu…
No Comments
💖 Basit Blog Post Tasarımı
Posted inHTML-5 Rehberi

💖 Basit Blog Post Tasarımı

💖 Basit Blog Post Tasarımı (Okunabilirlik kutsaldır, gözlerimiz değerli 👀✨) Merhaba HTML evreninin yazar ruhlu geliştiricisi 💻📝Bugün seninle “okuyan kaçmasın, yazı nefes alsın” diye tasarlanmış, sade ama güçlü bir blog post HTML yapısı kuruyoruz. Bu yazıda: Doğru etiketleri kullanacağız 🧠 Semantik HTML ile SEO’yu…
No Comments
💄✨ Mini E-Ticaret Ürün Sayfası: HTML ve CSS ile Ürünleri Göz Alıcı Şekilde Listeleyelim ✨💄
Posted inHTML-5 Rehberi

💄✨ Mini E-Ticaret Ürün Sayfası: HTML ve CSS ile Ürünleri Göz Alıcı Şekilde Listeleyelim ✨💄

Merhaba kod kahramanım 😎💻Bugün küçük ama göz alıcı bir e-ticaret ürün sayfası yapacağız.Hazır mısın? Kahveni al ☕, kod şapkanı tak 🎩, çünkü bu sayfa sadece işlevsel değil, şık ve interaktif olacak! 🎯 Projenin Amacı Bu proje ile şunları öğrenip uygulayacağız: HTML ile ürün listesi…
No Comments
♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir
Posted inHTML-5 Rehberi

♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir

♿ HTML Accessibility (Erişilebilirlik): Web Herkes İçindir aria-label sandığından daha önemli! 😎 Merhaba güzel insan, erişilebilirlik aşığı💖Bugün biraz HTML, biraz empati, bolca "ben bunu niye daha önce yapmamışım" dedirten bilgilerle geldim. Bir web sitesi düşün: Tasarım göz kamaştırıyor ✨ Animasyonlar uçuyor 🛸 Kodlar tertipli,…
No Comments
🎨 Inline vs Internal vs External CSS: Stil Verirken Çatışmalar, Hatalar ve Komik Anlar
Posted inHTML-5 Rehberi

🎨 Inline vs Internal vs External CSS: Stil Verirken Çatışmalar, Hatalar ve Komik Anlar

Merhaba sevgili kod kahramanları! 👋Bugün CSS’in üç kralını, prensi ve öğrencisini tanıyacağız: Inline, Internal ve External CSS. Hazır ol, çünkü bu yazıda sadece stil vermeyi değil, kod dünyasındaki dramaları, komik hataları ve ipuçlarını da göreceksin.Kafanı yakmayacak ama beynini renklendirecek! 🌈 🔹 1️⃣ Inline CSS:…
No Comments