Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
2BIL120Web Tasarımının Temelleri3+1+04425.06.2026

 
Dersin Detayları
Dersin Dili Türkçe
Dersin Düzeyi Ön Lisans
Bölümü / Programı Bilgisayar Programcılığı
Öğrenim Türü Örgün Öğretim
Dersin Türü Zorunlu
Dersin Öğretim Şekli Yüz Yüze
Dersin Amacı Bu ders, öğrencilere HTML ve CSS kullanarak web sayfası tasarlamayı,  JavaScript  ile dinamik ve etkileşimli web içerikleri oluşturmayı ve temel web geliştirme tekniklerini uygulamayı amaçlamaktadır.
Dersin İçeriği Html´ye Giriş, Css ayarları , Sabitler, Operatörler, Kontrol Yapıları, String Fonksiyonları, Zaman, Mat. ve Değişken Fonk., Diğer Hazır Fonksiyonlar, Dosya ve Klasör İşlemleri,           Javascript           İle Oturum Yönetimi, Fonksiyonları, Örnek Uygulamalar
Dersin Yöntem ve Teknikleri Anlatım, Gösteri, Soru-Yanıt, Uygulama, Proje Tasarımı/Yönetimi
Ön Koşulları Yok
Dersin Koordinatörü Yok
Dersi Verenler Öğr. Gör. Mehmet KELEŞ mehmetkeles@osmaniye.edu.tr
Dersin Yardımcıları Yok
Dersin Staj Durumu Yok

Ders Kaynakları
Kaynaklar Duckett, J. (2014). HTML and CSS: Design and Build Websites. Wiley.
Frain, B. (2020). Responsive Web Design with HTML5 and CSS (3rd ed.). Packt Publishing.
Duckett, J. (2014). JavaScript and JQuery: Interactive Front-End Web Development. Wiley.
Flanagan, D. (2020). JavaScript: The Definitive Guide (7th ed.). O'Reilly Media.
Çetin, S. (2019). Web Programlama Temelleri: HTML, CSS ve JavaScript. Seçkin Yayıncılık.
Ders Notları Duckett, J. (2014). HTML and CSS: Design and Build Websites. Wiley.
Duckett, J. (2014).  JavaScript  and JQuery: Interactive Front-End Web Development. Wiley.
Dökümanlar Ders sunumları, HTML ve CSS kod örnekleri, web tasarım uygulama dosyaları, çevrimiçi kaynaklar
Ödevler HTML ve CSS ile web sayfası tasarımı uygulamalı ödevleri
Sınavlar Ara Sınav %40, Yarıyıl Sonu Sınavı %60

Ders Yapısı
Mühendislik Bilimleri %40
Alan Bilgisi %60

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 % 40
Yarıyıl Sonu Sınavı 1 % 60
Toplam :
2
% 100

 
AKTS Hesaplama İçeriği
İş Yükü Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 4 56
Sınıf Dışı Ç. Süresi 14 4 56
Ödevler 6 1 6
Ara Sınavlar 1 1 1
Yarıyıl Sonu Sınavı 1 1 1
Toplam İş Yükü   AKTS Kredisi : 4 120

 
Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:
Beceri 
1 İnternet programcılığının temel kavramlarını ve dinamik web programlama yapısını açıklar.
2 HTML ve CSS kullanarak yapısal ve görsel açıdan düzenli web sayfaları tasarlar.
3 JavaScript ile değişken yapıları, veri tipleri, operatörler ve döngüleri kullanarak dinamik web içerikleri oluşturur.
5 Form yapılarını kullanarak kullanıcıdan veri alır ve temel giriş-çıkış işlemlerini gerçekleştirir.
6 Karar yapıları ve döngü komutlarını kullanarak program akışını kontrol eden web uygulamaları geliştirir.
7 HTML tablolar ve CSS çerçeveleri kullanarak yapılandırılmış web sayfası düzenleri tasarlar.
8 Tek ve çok boyutlu dizi yapılarını tanımlar ve dizi ile string işlemlerini web uygulamalarında uygular.
9 JavaScript fonksiyonlarını tanımlar ve bu fonksiyonları web uygulamalarında çeşitli görevler için kullanır.
10 Web sunucusunda dosya ve klasör işlemleri gerçekleştirir.
11 Web uygulamalarında oturum yönetimini (session management) uygular ve kullanıcı kimlik doğrulama işlemlerini yönetir.

 
Ders Konuları
HaftaKonuÖn HazırlıkDökümanlar
1 HTML’ye Giriş Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz Ders Notları ve İlgili Materyaller
2 HTML Yapısı ve Form Elemanları Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
3 CSS’ye Giriş Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
4 CSS Düzen ve Tasarım Ayarları Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
5 JavaScript’e Giriş ve Sabitler Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
6 Operatörler Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
7 Kontrol Yapıları Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
8 String Fonksiyonları Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
9 Zaman Fonksiyonları Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz Ders Notları ve İlgili Materyaller
10 Math ve Değişken Fonksiyonları Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
11 Diğer Hazır Fonksiyonlar Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
12 Dosya ve Klasör İşlemleri Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
13 JavaScript ile Oturum Yönetimi Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz
14 Fonksiyonlar ve Örnek Uygulamalar Web tasarımı konularını araştırarak örnek web sitelerini inceleyiniz Ders Notları ve İlgili Materyaller

 
Dersin Program Çıktılarına Katkısı
P1 P2 P3 P4 P5 P6 P7 P8 P9
Tüm 1 4 1 4 1 4 4 4 5
Be1 1 5 1 3 1 3 3 4 5
Be2 1 5 1 4 1 3 4 3 4
Be3 1 3 1 3 1 4 3 4 5
Be5 1 5 1 4 1 4 5 3 4
Be6 1 5 1 3 1 4 4 4 4
Be7 1 4 1 4 1 3 5 4 4
Be8 1 4 1 3 1 4 4 5 5
Be9 1 3 1 4 1 5 3 4 5
Be10 1 5 1 3 1 4 5 4 5
Be11 1 5 1 4 1 5 4 3 4

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