Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
1VTK 101Web Editörlüğü1+2+02317.10.2026
Dersin Detayları
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ı Öğrencilerin web sitelerini planlayabilmesi, HTML ve CSS kullanarak web arayüzleri oluşturabilmesi, düzenleyebilmesi ve geliştirebilmesi; responsive ve çok sayfalı web siteleri tasarlayabilmesi, yapay zekâ araçlarından yararlanarak kod geliştirme, hata analizi ve kod denetimi yapabilmesi ve işlevsel, kullanıcı odaklı ve yayıma hazır web projeleri geliştirebilmesi amaçlanır.
Dersin İçeriği Web geliştirmeye giriş, web editörleri ve web sitesi planlama, semantik HTML, CSS ile web arayüzü tasarımı, menü ve hero/banner tasarımı, kart ve içerik bileşenleri, landing page tasarımı, ileri CSS, Flexbox ve CSS Grid ile sayfa yerleşimleri, çok sayfalı web sitesi geliştirme, responsive web tasarımı, yapay zekâ destekli kod geliştirme, hata analizi ve kod denetimi, web sitesinin kontrolü ve yayıma hazırlanması, web sitesi projesi ve sunumu.
Dersin Yöntem ve Teknikleri Anlatım, uygulama, proje 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 Duckett, J. (2011). HTML and CSS: Design and Build Websites. John Wiley & Sons; Robbins, J. N. (2018). Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics (5. Baskı). O’Reilly Media; Mozilla Developer Network (MDN) – Learn Web Development; MDN Web Docs – Web Development Tutorials.
Ders Notları Duckett, J. (2011). HTML and CSS: Design and Build Websites. John Wiley & Sons. Robbins, J. N. (2018). Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics (5th ed.). O’Reilly Media. Mozilla Developer Network (MDN) – Learn Web Development. MDN Web Docs – Web Development Tutorials.
Ödevler 2 Ödev 1 Proje
Sınavlar 1 Ara Sınav - 1 Final Sınavı

Ders Yapısı
Alan Bilgisi %100

Planlanan Öğrenme Aktiviteleri ve Metodları
Etkinlikler ayrıntılı olarak "Değerlendirme" ve "İş Yükü Hesaplaması" bölümlerinde verilmiştir.

Değerlendirme Ölçütleri
Yarıyıl Çalışmaları Sayısı Katkı
Ara Sınav 1 % 30
Ödev 2 % 10
Proje 1 % 20
Yarıyıl Sonu Sınavı 1 % 40
Toplam :
5
% 100

 
AKTS Hesaplama İçeriği
İş Yükü Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 1 14
Sınıf Dışı Ç. Süresi 14 1 14
Ödevler 2 4 8
Ara Sınavlar 1 7 7
Uygulama 14 2 28
Proje 1 10 10
Yarıyıl Sonu Sınavı 1 9 9
Toplam İş Yükü   AKTS Kredisi : 3 90

 
Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:
Bilgi 
1 Web geliştirme süreçlerini, web editörlerini ve web sitesi planlama aşamalarını açıklayabilir; semantik HTML yapısını kullanarak web sayfaları oluşturabilir.
Beceri 
2 CSS özelliklerini, Flexbox ve CSS Grid yapılarını kullanarak menü, hero/banner, kart ve diğer içerik bileşenlerinden oluşan web arayüzleri tasarlayabilir.
3 Çok sayfalı ve responsive web siteleri geliştirerek farklı ekran boyutlarına uyumlu web arayüzleri oluşturabilir.
4 Yapay zekâ araçlarından yararlanarak web sitesi kodlarını geliştirebilir, hata analizi ve kod denetimi yapabilir; üretilen önerilerin doğruluğunu değerlendirebilir.
Yetkinlik 
5 Geliştirdiği web sitesini işlevsellik, tasarım, kod yapısı ve yayıma uygunluk açısından kontrol ederek bütünleşik bir web projesi hâline getirebilir ve sunabilir.

 
Ders Konuları
HaftaKonuÖn HazırlıkDökümanlar
1 Web Geliştirmeye Giriş
2 Web Editörleri ve Web Sitesi Planlama
3 Web Sitesinin Yapısı ve Semantik HTML
4 CSS ` e Giriş ve Web Arayüzü Tasarımı
5 CSS Seçicileri ve Gelişmiş Seçim Yöntemleri
6 CSS Display Ve Temel Yerleşi·m
7 CSS Position, Z-Index Ve Overflow
8 Vize Sınavı
9 CSS İkonlar, Gölgelendi·rme Ve Geçi·ş Efektleri·
10 CSS İle Di·key, Yatay Ve Açilir Menü Tasarimi
11 Flexbox İle Web Arayüzü Yerleşimi
12 CSS Grid İle Sayfa Yerleşimi
13 Responsive Web Tasarimi Ve Media Query
14 Çok Sayfali Web Sitesi Ve Yayima Hazirlik
15 Web Sitesi Projesi, Test Ve Sunum
16 Final Sınavı
17 Final Sınavı

 
Dersin Program Çıktılarına Katkısı
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10 P11 P12 P13 P14 P15 P16
Bi1 5 5 5 5 3 4
Be2 5 5 5 5 4 5
Be3 5 5 3 5 5 4 5
Be4 4 5 5 4 4 4 5 4
Ye5 5 5 4 5 3 5 5 5 5

  Katkı Düzeyi: 1: Çok Düşük 2: Düşük 3: Orta 4: Yüksek 5: Çok Yüksek