Mehmet
Admin
Qwen ile ilk web sitesi taslağını hazırlarken tek bir HTML dosyası istemek, sonucu anlamayı ve hataları görmeyi kolaylaştırır. İlk denemede üyelik, ödeme ve veritabanı eklemek yerine tanıtım sayfasıyla başlayın. Qwen Chat'in Artifacts akışı kod ve etkileşimli taslaklar için kullanılabilir; önizleme görmeniz uygulamanın internette yayımlandığı anlamına gelmez.
Bu komutun çıktısı tamamlanmış bir ticari site değil, düzenlenebilir bir örnektir. Kimseye ait olmayan bir işletme adıyla deneme yapmak, üretilen örnek yorum veya adresleri yanlışlıkla gerçek bilgi gibi yayımlamanızı da önler.
Üyelik, ödeme veya veri kaydı gerektiğinde bu basit örneğin sınırına gelmiş olursunuz. Ekranda görünen bir form, mesajın bir yere ulaştığı anlamına gelmez. Gerçek kullanıcı verisi toplamak için sunucu tarafı doğrulama, erişim kontrolü ve uygun depolama ayrıca tasarlanmalıdır. İlk taslağın başarılı ölçütü ise daha dar ve nettir: Verdiğiniz bilgiler doğru görünür, mobilde okunur ve bağlantılar beklenen işi yapar.
Qwen — Resmî Artifacts giriş noktası
İlk görev: küçük bir tanıtım sayfası
Örnek senaryo hayalî bir bisiklet tamir atölyesi olsun. İhtiyaç, hizmetleri göstermek ve ziyaretçiye ulaşılabilir bir telefon bağlantısı sunmak. Gerçek işletme adresi, fiyatı ve müşteri yorumu verilmedikçe bunlar uydurulmamalıdır. Başlamadan önce bir başlık, üç hizmet adı, iletişim yöntemi ve renk tercihi yazın.
Kod:
Tek dosyalık index.html hazırla. CSS dosyanın içinde olsun.
Dil Türkçe. Sayfa: “Örnek Bisiklet Atölyesi”.
Bölümler: başlık, üç hizmet kartı, çalışma süreci, iletişim.
Verilen hizmetler: lastik değişimi, fren ayarı, temel bakım.
Ücret, adres, sertifika veya müşteri yorumu uydurma.
Eksik bilgileri görünür “Bilgi eklenecek” metniyle işaretle.
Haricî JavaScript, izleyici ve kütüphane kullanma.
Mobilde yatay kaydırma olmasın; düğmeler klavyeyle erişilsin.
Form ekleme; çalışmayan “gönderildi” bildirimi üretme.
Önce sayfanın yapısını 5 maddede açıkla, sonra tam kodu ver.Bu komutun çıktısı tamamlanmış bir ticari site değil, düzenlenebilir bir örnektir. Kimseye ait olmayan bir işletme adıyla deneme yapmak, üretilen örnek yorum veya adresleri yanlışlıkla gerçek bilgi gibi yayımlamanızı da önler.
Kodu nasıl kontrol edebilirsiniz?
Kodu düz metin dosyasına kaydedip dosya adının gerçekten index.html olduğuna bakın; index.html.txt olmamalıdır. Önizlemeyi inceleyin. Bilmediğiniz haricî adreslerden kod yükleniyorsa neden gerekli olduğunu sorun. Örnekte dış kütüphane istenmediği için böyle bir ekleme kabul ölçütüne aykırıdır.- Telefon genişliğinde başlık, kart ve düğmeler kesiliyor mu?
- Sekme tuşuyla bağlantılar sırayla seçilebiliyor mu?
- Tüm “Bilgi eklenecek” alanlarını bulabiliyor musunuz?
- Düğme yazısı ile açtığı yer aynı mı?
- Metinler yakınlaştırıldığında birbirinin üzerine biniyor mu?
Düzeltmeyi tek kusur üzerinden isteyin
“Daha profesyonel yap” yerine “Mobilde hizmet kartının başlığı taşıyor; metni küçültmeden kart içindeki boşluğu ve satır kırılmasını düzelt” yazın. Sonra önceki düzgün alanların bozulmadığını kontrol edin. Kodun tamamını her seferinde yeniden yazdırmak küçük düzeltmelerin nerede yapıldığını izlemeyi zorlaştırabilir.Üyelik, ödeme veya veri kaydı gerektiğinde bu basit örneğin sınırına gelmiş olursunuz. Ekranda görünen bir form, mesajın bir yere ulaştığı anlamına gelmez. Gerçek kullanıcı verisi toplamak için sunucu tarafı doğrulama, erişim kontrolü ve uygun depolama ayrıca tasarlanmalıdır. İlk taslağın başarılı ölçütü ise daha dar ve nettir: Verdiğiniz bilgiler doğru görünür, mobilde okunur ve bağlantılar beklenen işi yapar.
Kaynaklar
Qwen ekibi — Qwen Chat ve ArtifactsQwen — Resmî Artifacts giriş noktası
