AI ile İlk Web Siteni Adım Adım Yap
Güncelleme · Teknik kontrol
Tam brif artı çalışan özgün örnek: yapı, metin, stil, davranış, sonra mobil ve erişilebilirlik geçişi. A10 labı.
Kısa cevap
İlk siteyi beş geçişte yap: yapı (başlıklar artı form), metin (gerçek sözler), stil (okunabilir), davranış (tek etkileşim), erişim geçişi (etiketler, klavye, 360px). Her geçiş kontrolleriyle biter, sonra sonraki başlar.
Brif
Kullanıcı: telefonla sipariş alan fırıncı. Bölümler: menü, saatler, sipariş formu. Kontroller: başlıklar CSS olmadan görünür, form her girdiyi etiketler, 360pxde yana kaydırma yok, demo gönderim mesajı görünür.
Çalışılmış örnek
Lab yukarıdaki briften tam bu sayfayı yapar, sonra mobil düzeltme için kart düzenini bilerek bozar, erişim geçişi için formu korur. Senin sürümün kendi sözlerin ve işletmenle olur.
Yöntem ve hatalar
Stilden önce yapı; mesaj başına tek değişiklik; görsel düzeltmelerde ekran görüntüsü konumu alıntılanır. Başarısızlık boş yapıyı bir saat biçimlendirmektir.
Sık sorulan sorular
Şablon mu AI üretimi mi? İkisi de olur: kararı kaynak değil kontroller verir. Şablonlar üretimi atlar; aynı beş geçiş.
Site ne zaman biter? Beş geçiş artı bitirme listesindeki beş proje testi tamamlanınca.
Kaynaklar ve inceleme
- M04 dersleri ve A10-A12 labları (bu site). Son inceleme: 2026-10-04.