• Türkçe
  • English
  • Deutsch
Ders Kodu: 
INP 201
Ders Dönemi: 
Güz
Ders Tipi: 
Zorunlu
Teori Saati: 
2
Uygulama Saati: 
2
Laboratuvar Saati: 
0
Kredi: 
2
AKTS: 
3
Dersin Dili: 
Almanca
Dersin Koordinatörü: 
Dersin Amacı: 
Web tasarımına giriş yaparak öğrencileri bir web sitesi hazırlamak için gerekli temel bilgileri kazandırmak.
Dersin İçeriği: 

Web sitelerinin temelleri, HTML Betikleme Dili ve CSS ile statik web sayfalarının tasarlanması.

Dersin Öğretim Yöntemleri: 
1.Anlatım 2. Problem çözme 3.Soru cevap 4. Laboratuvar çalışması 5.Atölye çalışması 6. Proje 7. Örnek olay 8. Tartışma 9. Grup Çalışması 10.Konuk Konuşmacı 11. Gösteri yöntemi
Dersin Ölçme Yöntemleri: 
A. Ara Sınav B. Final C. Yoklama D. Kısa Sınav E. Sunum F. Ödev G Proje H. Uygulama

Dikey Sekmeler

Dersin Öğrenme Çıktıları

Dersin Öğrenme Çıktıları Program Öğrenme Çıktıları Öğretim Yöntemleri Ölçme Yöntemleri
1. HTML Betikleme Dilinin Temellerini öğrenme becerisine sahip olur.   1,2,3,4 A, B, C, D, F, H
2. CSS – Stil Şablonları kullanım becerisi kazanır.   1,2,3,4 A, B, C, D, F, H
3. Web sitelerinin temellerini öğrenir.   1,2,3,4 A, B, C, D, F, H
4. Etkileşimli bir web sitesi oluşturabilir   1,2,3,4 A, B, C, D, F, H

 

Dersin Akışı

DERS AKIŞI
Hafta Konular Ön Hazırlık
1 HTML temel yazım kuralları.  
2 Sayfalara yazı ekleme ve yazı formatlama  
3 Sayfalara resim ve köprü ekleme  
4 Tablolar ve çerçevelerle çalışma  
5 Formlarla çalışma  
6 Örneklerle web sayfası hazırlama  
7 CSS’e giriş  
8 CSS’ nin temel kavramları + Ara Sınav  
9 CSS ile yazı formatlama  
10 CSS ile resim ve köprü formatlama  
11 CSS ile tablo ve form formatlama  
12 CSS ile sayfa düzenini kontrol etme  
13 Örneklerle HTML ve CSS kullanan web sayfaları hazırlama  
14 Örneklerle HTML ve CSS kullanan web sayfaları hazırlama  
15 Final Sınavı  

 

Kaynaklar

KAYNAKLAR
Ders Notu İnteraktif slaytlar, ders slaytları

HTML & CSS: Erfolgreich Websites gestalten und programmieren (Deutsch) – Jon Duckett  (Autor)

Diğer Kaynaklar HTML5 und CSS3: Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Bootstrap, Responsive Webdesign (Deutsch) Jürgen Wolf  

 

Materyal Paylaşımı

MATERYAL PAYLAŞIMI 
Dokümanlar Slayt dosyası
Ödevler Etkileşimli web sayfası tasarımı
Sınavlar Ara Sınav, Kısa sınav, Final Sınavı.

 

Değerlendirme Sistemi

DEĞERLENDİRME SİSTEMİ
YARIYIL İÇİ ÇALIŞMALARI SAYI KATKI YÜZDESİ
Ödev 4 10
Kısa Sınav 2 10
Yoklama 14 5
Ara Sınav 1 25
Final Sınavı 1 50
Toplam   100
Finalin Başarıya Oranı   50
Yıl içinin Başarıya Oranı   50
Toplam   100

 

Dersin Program Çıktılarına Katkısı

 

 

DERSİN PROGRAM ÇIKTILARINA KATKISI
No Program Öğrenme Çıktıları Katkı Düzeyi
1 2 3 4 5
1 Bilgisayar Programcılığı alanında problemlerin çözümü için gerekli olan verileri tanımlama, algoritma çıkarma, modelleme ve çözme becerisine sahip olur.          
2 Bilişim ve internet teknolojileri kavramları ile internet bağlantı yöntemlerini bilir, web tabanlı programlar geliştirebilir, web sitesi tasarımı yapabilir.       X  
3 İnternet ve Ağ teknolojileri ile ilgili uygulamalar için gerekli olan programlama dillerini, yeni yöntemleri ve bilişim teknolojilerini belirleme ve etkin kullanabilme becerisini kazanır     X    
4 Ortaya konan problemin algoritmik çözümünü güncel programlama dilleri ile kodlayabilir.       X  
5 Veritabanı kavramlarını ve türlerini tanımlayarak veritabanı uygulamalarında yapısal sorgulama dilini kullanabilir ve ara yüz formları geliştirebilir          
6 Bilişim istemci işletim sistemlerinin temel özelliklerini, grafik ve animasyon yazılımlarını etkin biçimde kullanabilir.          
7 Bilgisayar ağlarına ilişkin kavramları bilerek, bilgisayarlar arası iletişim, organizasyon ve veri aktarım yöntemlerini kullanma becerisine sahip olur.          
8 Etkili iletişim kurma tekniklerine hâkim ve alanındaki yenilikleri takip edebilecek düzeyde bir yabancı dil yeterliliklerine sahip olma becerisi kazanır.          
9 Mesleki ve etik sorumluluk anlayışı bilincine sahip olur.          
10 Sanayi ve hizmet sektöründeki ilgili süreçleri yerinde inceleyerek uygulama becerisi kazanır.          
11 İş güvenliği, işçi sağlığı, çevre koruma bilgisi ve kalite bilincine sahip olur.          
12 Yaşam boyu öğrenme gerekliliği bilinci, bilim ve teknolojideki gelişmeleri izleme ve kendini sürekli yenileme bilinci kazanır.          

 

AKTS İş Yükü Tablosu

AKTS / İŞ YÜKÜ TABLOSU
Etkinlik SAYISI Süresi
(Saat)
Toplam
İş Yükü
(Saat)
Ders Süresi  14 4 56
Sınıf Dışı Ders Çalışma Süresi (Ön çalışma, pekiştirme) 7 2 14
Ödev 4 3 12
Kısa Sınav 2 6 12
Ara Sınav 1 8 8
Final Sınavı 1 10 8
       
Toplam İş Yükü     110
Toplam İş Yükü / 25 (s)     4,4
Dersin AKTS Kredisi     4