|
Dersin Dili
|
Türkçe
|
|
Dersin Düzeyi
|
Ön Lisans
|
|
Bölümü / Programı
|
Web Tasarımı ve Kodlama
|
|
Öğrenim Türü
|
Örgün Öğretim
|
|
Dersin Türü
|
Zorunlu
|
|
Dersin Öğretim Şekli
|
Yüz Yüze
|
|
Dersin Amacı
|
HTML ve CSS kullanılarak web sayfalarının oluşturulması ve tasarlanması ile üretken yapay zekâ araçlarının web geliştirme süreçlerinde etkin kullanımını kapsar. Ders kapsamında öğrenciler; temel web tasarımı, tablolar, çoklu ortam öğeleri, formlar, CSS, sayfa yerleşimleri ve responsive tasarım konularını öğrenirken, yapay zekâ araçlarıyla kod üretme, etkili prompt oluşturma, üretilen kodları analiz etme, hataları tespit etme ve iyileştirme becerileri kazanır. Ders, yapay zekâ desteğiyle işlevsel, kullanıcı odaklı ve responsive web projelerinin geliştirilmesini amaçlar.
|
|
Dersin İçeriği
|
Web tasarımına giriş ve HTML temelleri, tablolar ve çoklu ortam kullanımı, HTML formları ve form elemanları, CSS ile web arayüzü tasarımı, üretken yapay zekâ ve prompt tasarımı, yapay zekâ ile HTML ve CSS kodu üretimi, yapay zekâ destekli landing page tasarımı, web arayüzü analizi ve iyileştirme, Flexbox ve CSS Grid ile sayfa yerleşimleri, yapay zekâ destekli alternatif tasarım üretimi, çok sayfalı web sitesi geliştirme, responsive web tasarımı, hata çözme, kod kalitesi ve erişilebilirlik denetimi, temel SEO, yapay zekâ destekli web sitesi projesi ve sunumu.
|
|
Dersin Yöntem ve Teknikleri
|
Anlatım, gösterip yaptırma, uygulamalı laboratuvar çalışmaları, problem çözme, proje tabanlı öğrenme ve sunum.
|
|
Ön Koşulları
|
Yok
|
|
Dersin Koordinatörü
|
Yok
|
|
Dersi Verenler
|
Öğr.Gör. Afife ÇİFTCİ OLGUN afife.ciftci@ankarabilim.edu.tr
|
|
Dersin Yardımcıları
|
Yok
|
|
Dersin Staj Durumu
|
Yok
|
Ders Kaynakları
|
Kaynaklar
|
Erdinç, F. Yeni Başlayanlar İçin HTML5, CSS3 ve JavaScript.; W3Schools; MDN Web Docs – Learn Web Development; web.dev – Learn Web Development; OpenAI – Prompt Engineering Guide; Öğretim elemanı tarafından hazırlanan ders notları, uygulama örnekleri, güncel web teknolojileri ve üretken yapay zekâ araçları. VTK 105 - YAPAY ZEKA DESTEKLI W…
|
|
Ders Notları
|
Erdinç, F. Yeni Başlayanlar İçin HTML5, CSS3 ve JavaScript.
W3Schools. https://www.w3schools.com/
MDN Web Docs – Learn Web Development — HTML, CSS, Flexbox, Grid, formlar ve responsive web tasarımı için güncel çevrim içi kaynak.
web.dev – Learn Web Development — Modern web tasarımı, responsive tasarım, erişilebilirlik ve performans konularına yönelik çevrim içi kaynak.
OpenAI – Prompt Engineering Guide — Üretken yapay zekâ ile etkili prompt oluşturma ve yapay zekâ çıktılarının kullanımı için yardımcı kaynak.
Öğretim elemanı tarafından hazırlanan ders notları, uygulama örnekleri, güncel web teknolojileri ve üretken yapay zekâ araçları.
|
|