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? Yeni başlayanların yaptığı en büyük hata şudur: ❌ “Hangi etiketi yazsam?”✅ […]
Continue Reading
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 Yapısı – HTML ile Başlangıç HTML, quiz’in iskeleti. Form olmadan hiçbir […]
Continue Reading
Bir defter düşün: Ve bu defter… HTML ile yazılmış. Bu yazıda: Framework yok.Backend yok.Sadece HTML + CSS + sen. 🧠 Dijital Günlük (Journal) Nedir, Ne Değildir? Dijital Günlük NEDİR? Dijital Günlük NE DEĞİLDİR? Bu proje şunu söyler: “Ben kendim için yazıyorum.” 🧩 Bu Proje Sana Ne Öğretir? Bu mini proje ile şunları gerçekten öğrenmiş olursun: […]
Continue Reading
“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: Ve evet…Bunun kahramanı HTML <form> etiketi 🦸♂️ <form> Etiketi Nedir? (Formun Beyni 🧠) <form> etiketi, kullanıcıdan bilgi toplayan […]
Continue Reading
Klasik CV öldü mü? Hayır. Ama HTML CV seviye atladı. Bir CV düşün: Ve en önemlisi: “Bu CV benim HTML anlayışımı gösteriyor.” HTML CV, özellikle frontend / yazılım dünyasında: 🎯 HTML CV NEDEN GERÇEKTEN MANTIKLI? Bu bölümü HR gözünden düşünelim 👀 HTML CV sana ne kazandırır? ✅ Kod bilgin somutlaşır✅ HTML hiyerarşisini bildiğin anlaşılır✅ SEO […]
Continue Reading
Bölüm 1: Kişisel Profil Kartı “Ben buradayım” demenin frontend yolu 😎 Merhaba sevgili kod yolcusu 🧭💻HTML etiketlerini gördün, CSS’le biraz renk kattın ama hâlâ şu soruyla boğuşuyorsan: “Ben tamam öğrendim de… nerede bu proje?” İşte bu mini proje tam olarak bu boşluğu doldurmak için var 💥Ne devasa, ne karmaşık… ama öğreticilik oranı çok yüksek. Bu […]
Continue Reading
💖 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: Hazırsan başlıyoruz💖 🧠 Neden Okunabilirlik Odaklı HTML? Çünkü: İşte burada <article>, <section> ve <footer> sahneye çıkıyor 🎭 🧱 Temel […]
Continue Reading
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: 💡 İpucu: Her adımda temiz ve okunabilir kod yazmayı unutma. Kodun güzel görünüyorsa, sen de […]
Continue Reading
♿ 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: Ama… İşte o an site şunu diyor gibi oluyor: “Ben herkes için değilim.” 😬 Ama biz ne diyoruz? Web herkes […]
Continue Reading
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: Hızlı ama Tehlikeli Inline CSS, HTML elementinin içine doğrudan stil yazmak […]
Continue Reading