Önce site gereksinimini tanımlayın
Bir işletme sitesi, portföy veya kampanya sayfası mı istediğinizi; hedef kitleyi, temel sayfaları, dili, marka renklerini ve ziyaretçinin yapacağı işi Claude’a anlatın. İçerik haritası ve bölüm taslağı isteyin. Bu adım, ilk tasarımın gerçek ihtiyaca dayanmasını sağlar.
Prototipi üretin ve düzeltin
Claude’dan HTML/CSS veya bir Artifact ile tek sayfalı prototip oluşturmasını isteyebilirsiniz. Mobil görünüm, erişilebilir kontrast, klavye kullanımı, form doğrulaması ve hata durumlarını baştan gereksinimlere ekleyin. Ardından örnek metin yerine gerçek içerik ve görsellerle inceleyip küçük, belirli değişiklikler isteyin.
Prototipten yayına geçiş
Bir Artifact veya sohbet çıktısı tek başına barındırılan, güvenli bir üretim sitesi değildir. Kodunuzu dışa aktarın; alan adı, hosting, CMS, yedekleme, güncellemeler, SEO, çerez ve gizlilik ihtiyaçlarını ayrıca kurun. Formları, performansı, farklı ekranları ve güvenliği test edin; yayına almadan önce bir geliştiriciye kod incelemesi yaptırın.
Prototipi gerçek ölçütlerle değerlendirin
İlk taslağı masaüstü ve telefonda inceleyin; ardından bir klavye kullanıcısının menüye, forma ve hata mesajına ulaşabildiğini kontrol edin. Görsel olarak bitmiş görünmesi, formun veri gönderdiği veya sitenin güvenli olduğu anlamına gelmez.
Örnek istek
Bu ana sayfa prototipini mobilde incele. Taşan alanları, klavyeyle erişilemeyen kontrolleri ve belirsiz çağrı düğmelerini listele; sonra düzeltilmiş HTML ve CSS üret.
Resmî kaynaklar
Claude özellikleri, planları ve kullanım sınırları değişebilir; güncel bilgiyi satın alma veya kurulum öncesinde resmî kaynaklardan doğrulayın.