DERSİN GENEL BİLGİLERİ

Ders Kodu	Ders Adı	Yıl	Yarıyıl	Teorik	Pratik	Kredi	AKTS
50011TATOZ-BLP0051	Web Tasarımının Temelleri	1	Güz	2	1	3	5

Dersin Türü:	Zorunlu
Dersin Düzeyi:	Önlisans      TYYÇ:5. Düzey      QF-EHEA:Kısa Düzey      EQF-LLL:5. Düzey
Dersin Öğretim Dili:	Turkish
Dersin Ön/Yan Koşulu:	Yoktur
Dersin Veriliş Şekli:	Yüz yüze
Dersin Koordinatörü:	Dr. Öğr. Üyesi CANSU ŞAHİN KÖLEMEN
Dersin Öğretim Eleman(lar)ı:	Dr. Öğr. Üyesi CANSU ŞAHİN KÖLEMEN
Dersin Kategorisi:	Temel Alan

BÖLÜM II: DERSİN TANITIMI

Dersin Amacı ve İçeriği

Dersin Amacı:	Öğrenciye WEB projeleri için HTML ve CSS işlemlerini yapma yeterlilikleri kazandırmaktır.
Dersin İçeriği:	İnternet ve web tanımları,HTML kodlama,Stil şablonları (CSS),Tarayıcı sorunları ve çözümleri

Dersin Öğrenme Çıktıları (DÖÇ)

Ders Öğrenme Çıktıları (DÖÇ), dersi başarı ile tamamlayan öğrencilerin kendilerinden sahip olmaları beklenen bilgi, beceri ve yetkinlikleri ifade eder. Bu bağlamda, bu ders için tanımlanmış olan Ders Öğrenme Çıktıları aşağıda verilmektedir.

Bilgi (Kuramsal ve/veya olgusal bilgi olarak tanımlanmıştır.)

1) Stil şablonu (CSS) özelliklerini öğrenir.

Beceriler (Bilişsel ve/veya uygulama becerileri olarak tanımlanmıştır.)

1) Html kodları ile Web sayfaları için temel işlemler yapar.

2) Html kodları ile web sayfaları için gelişmiş özellikler oluşturur.

3) Html kodları ile uygulamalar yapar.

4) Stil şablonu (CSS) yapılandırmasını gerçekleştirir.

Yetkinlikler ("Bağımsız Çalışabilme", "Sorumluluk Alabilme", "Öğrenme", "İletişim ve Sosyal" ve "Alana Özgü" yetkinlikler olarak tanımlanmıştır.)

Haftalık Ders Planı

Hafta	Konu	Materyal Paylaşımı *
		Ön Hazırlık	Pekiştirme
1)	İnternet ve web tanımları, HTML temel etiketleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
2)	Html temel etiketleri, Metin ve görünüm etiketleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
3)	Metin ve görünüm etiketleri, Bağlantı (köprü) oluşturma	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
4)	Bağlantı (köprü) oluşturma, tablo işlemleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
5)	Tablo işlemleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
6)	Formlar	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
7)	Çerçeveler	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
8)	Ara sınav
9)	Çoklu ortam araçları	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
10)	Çoklu ortam araçları	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
11)	Stil şablonu (CSS) temelleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
12)	Stil şablonu (CSS) özellikleri, Stil şablonu (CSS) menü işlemleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
13)	Stil şablonu (CSS) özellikleri, Stil şablonu (CSS) menü işlemleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
14)	Stil şablonu (CSS) menü işlemleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
15)	Tarayıcı sorunları ve çözümleri	Fahrettin Erdinç, HTML5 & CSS3, Pusula Yayıncılık, 2014. İlgili bölümün ve elde edilecek diğer kaynakların okunması
16)	Yarıyıl Sonu Sınavı

*Bu alan öğrencilerin ders öncesi hazırlık ve sonrası dersi pekiştirme için paylaşılan ders materyallerini içerir.

Ders İçin Zorunlu/Önerilen Kaynaklar

Ders Notları / Kitaplar:	Fahrettin Erdinç 2014; HTML5 & CSS3, 4.Baskı, Pusula Yayıncılık
Diğer Kaynaklar:	Ahmet Oğuz Mermerkaya, 2019; HTML 5 CSS3, 6.Baskı, Abaküs Kitap Fahrettin Erdinç, 2020; Yeni Başlayanlar İçin HTML5 CSS3 & Javascript, 1.Baskı, Abaküs Kitap Burak Tokak, 2017; HTML5 CSS3 ve JS ile Web Tasarımı, 2.Baskı, Dikeyeksen Yayıncılık Erol Mesut Gün, 2019; Her Yönüyle HTML, 3.Baskı, Kodlab Yayıncılık

BÖLÜM III: DERSİN PROGRAM ÖĞRENME ÇIKTILARI İLE İLİŞKİSİ

(Aşağıdaki matris, ders öğrenme çıktıları (DÖÇ) ile program öğrenme çıktıları (KPÖÇ ve APÖÇ) ile bağını ve (varsa) onlara hangi düzeyde katkı sağladığını sayısal olarak göstermektedir.

Ders Öğrenme Çıktıları ile Program Öğrenme Çıktıları İlişki Matrisi

(KPÖÇ: Kilit Program Öğrenme Çıktılarını; APÖÇ: KPÖÇ ile ilişkilendirilmiş Alt Öğrenme Çıktılarını tanımlar. )

DÖÇ/PÖÇ	KPÖÇ 1						KPÖÇ 2						KPÖÇ 3										KPÖÇ 4				KPÖÇ 5
	1	2	3	4	5	6	1	2	3	4	5	6	1	2	3	4	5	6	7	8	9	10	1	2	3	4	1	2	3	4	5	6	7	8	9
DÖÇ1
DÖÇ2
DÖÇ3
DÖÇ4
DÖÇ5

Dersin Program Öğrenme Çıktılarına Katkı Düzeyi

Etkisi Yok	1 En Düşük	2 Düşük	3 Orta	4 Yüksek	5 En Yüksek

	Program Öğrenme Çıktıları	Katkı Oranı (1-5)
1)	Bilgisayar programcılığı alanı ile ilgili temel, kuramsal ve uygulamalı bilgileri açıklar.	5
	1.1 Bilişim teknolojileri alanındaki temel kavramları bilir.	5
	1.2 Bilgisayar programcılığı alanında karşılaşabileceği problemleri tanımlar.	2
	1.3 Bilgisayar programcılığının gerektirdiği analitik düşünme becerisine sahip olur.	2
	1.4 Programlama temellerini ve algoritma bilgisini tanımlar.	1
	1.5 Web tasarımının temellerini tanımlar.	5
	1.6 Bilgisayar ağlarının temel kavramları ve yönetimi hakkında bilgi sahibi olur.
2)	Alanı ile ilgili uygulama geliştirmek için gerekli olan teknikleri, araçları ve bilişim teknolojilerini bilir.	3
	2.1 Bilgisayar programcılığı ile ilgili uygulamalar için gerekli teknik ve modern araçları bilir.	3
	2.2 Program geliştirmede kullanılan editör, derleyicileri ve platformları bilir.	3
	2.3 Web sayfasının görselliğini düzenlemek ve web sayfası geliştirmek için gerekli program bilgisine sahip olur.	5
	2.4 Veri tabanı tasarımı ve yönetimi için kullanılan araçlar hakkında bilgi sahibi olur.
	2.5 Oyun ve mobil uygulama geliştirme platformlarını bilir.
	2.6 Yazılım ve donanım konusundaki teknolojik yenilikleri takip eder.	3
3)	Öğrendiği teorik bilgileri kullanarak çözümler üretir.	5
	3.1 Analitik düşünme yeteneği ile öğrendiği yazılım dillerini kullanarak programlar geliştirir.	5
	3.2 Bilgisayar ağlarının kurulumunu ve yönetimini gerçekleştirir.
	3.3 Oyun geliştirme platformlarını kullanarak kodlama yapar.
	3.4 Bilgi sistem analizi ve tasarımı yeteneği kazanır.
	3.5 Grafik tasarımı ve animasyon uygulamaları yapar.
	3.6 Web tasarımını, yazılımını ve programlamasını gerçekleştirir.	5
	3.7 İşletim sistemlerini kurar ve yönetir.
	3.8 Veri tabanı uygulamaları geliştirir.
	3.9 Görsel ve nesne tabanlı programlamayı öğrenir.
	3.10 Bilgisayar programcılığında karşılaşılan problemlere çözümler üretir ve karşılaştığı problemleri çözebileceği yöntemler geliştirir.	5
4)	Bir yarı yıl boyunca iş hayatının içinde bulunarak öğrendiği teorik bilgilerini uygular.	3
	4.1 İş hayatındaki tüm süreçleri deneyimler.
	4.2 Alanında faaliyet gösteren bir işletmede eğitim alanı ile ilgili faaliyetlerde yer alır.
	4.3 Teorik bilgiler ile uygulamayı karşılaştırır.	3
	4.4 Alanında edindiği bilgi ve tecrübeleri derler.	2
5)	İş dünyasının ve toplumun beklentileri doğrultusunda gelişen ve üniversitemizin kurumsal çıktıları olarak tanımlamış olduğu yetkinlikleri alanı ile ilişkili olarak temel düzeyde kazanır.	1
	5.1 Problemleri analiz edebilme ve çözebilme yetkinliği kazanır.	1
	5.2 Etik ve sosyal sorumluluk bilincine sahiptir.
	5.3 Alanı ile ilgili iş ve işlemlerde ekip üyesi olarak sorumluluk alır.
	5.4 Yazılı, sözlü iletişim ve etkileşimin farkındadır.
	5.5 İleri teknolojileri ve dijital dönüşüm ile ilgili gelişmeleri takip eder.	3
	5.6 Yaşamboyu öğrenme bilinci kazanır.
	5.7 Yurttaşlık yeterliliği konusunda bilinç sahibidir.
	5.8 Alanıyla ilgili gelişmeleri girişimci anlayışla değerlendirir.
	5.9 Avrupa Dil Portfolyosunun en az A2 düzeyinde tanımlanan Yabancı Dilde (İngilizce) iletişim kurma yetkinliği kazanır. (Öğretim dili İngilizce olan programlar için B1 düzeyinde).

BÖLÜM IV: DERSİN ÖĞRENME VE ÖĞRETME YÖNTEMLERİ İLE ÖLÇME VE DEĞERLENDİRME YÖNTEMLERİ

Dersin Öğrenme ve Öğretme Yöntemleri

(Üniversitemiz genelinde kullanılan tüm öğrenme ve öğretme yöntemleri sistematik olarak yönetilmektedir. Akademik birimlerden gelen talepler doğrultusunda bölüm/programların öğrenme ve öğretme yöntemleri ilgili kurullarımız tarafından değerlendirilmekte ve uygun bulunursa, üniversite havuzunda toplanmaktadır. Bölüm ve programlar, kendileri için program tasarımlarına uygun olan yöntemleri bu havuzdan seçebilmektedirler. Benzer şekilde, dersler için kullanılması uygun görülen yöntemler de programlar düzeyinde belirlenmiş olan yöntemler arasından seçilebilmektedir.)

Programa Genelinde Kullanılan Öğrenme ve Öğretme Yöntemleri	Ders İçin Kullanılan Öğrenme ve Öğretme Yöntemleri
Anlatım
Tartışma
Vaka Çalışması
Problem Çözme
Gösterip Yaptırma
Gösterim
Laboratuvar
Okuma
Ödev
Proje Hazırlama
Tez Hazırlama
Akran Eğitimi
Seminer
Teknik Gezi
Ders Konferansı
Beyin Fırtınası
Soru Cevap
Bireysel ve Grup Çalışması
Rol Oynama-Canlandırma-Doğaçlama
Stüdyo Uygulamaları
Derse Aktif Katılım

Dersin Ölçme ve Değerlendirme Yöntemleri

(Üniversitemiz genelinde kullanılan tüm ölçme ve değerlendirme yöntemleri sistematik olarak yönetilmektedir. Akademik birimlerden gelen talepler doğrultusunda bölüm/programların ölçme ve değerlendirme yöntemleri ilgili kurullarımız tarafından değerlendirilmekte ve uygun bulunursa, üniversite havuzunda toplanmaktadır. Bölüm ve programlar, kendileri için program tasarımlarına uygun olan yöntemleri bu havuzdan seçebilmektedirler. Benzer şekilde, dersler için kullanılması uygun görülen yöntemler de programlar düzeyinde belirlenmiş olan yöntemler arasından seçilebilmektedir.)

Programa Genelinde Kullanılan Ölçme ve Değerlendirme Yöntemleri	Ders İçin Kullanılan Ölçme ve Değerlendirme Yöntemleri
Ara Sınav
Sunum
Yarıyıl Sonu Sınavı
Kısa Sınav
Rapor Değerlendirme
Ödev Değerlendirme
Sözlü sınav
Tez Sunma
Jüri Değerlendirmesi
Uygulama Sınavı
İşyerinde Uygulama Eğitimi Değerlendirmesi
Derse Aktif Katılım
Tartışmalara Katılım

DÖÇ İle Öğrenme-Öğretme Yöntemleri ve Ölçme-Değerlendirme Yöntemleri İlişki Matrisi

(Aşağıdaki matris, dersin öğrenme çıktıları ile ilişkili olarak ders için belirlenmiş olan öğrenme ve öğretme yöntem(leri) ile ölçme ve değerlendirme yöntem(leri)ni göstermektedir.)

Dersin Ölçme ve Değerlendirme Yöntemlerinin Başarı Notuna Katkısı

Ölçme ve Değerlendirme Yöntemleri	Uygulama Sayısı / Yarıyıl	Katkı Oranı
Kısa Sınavlar	2	% 10.00
Ödev	1	% 10.00
Ara Sınavlar	1	% 30.00
Yarıyıl Sonu Sınavı	1	% 50.00
Toplam		% 100
YARIYIL İÇİ ÖLÇME VE DEĞERLENDİRME YÖNTEMLERİNİN BAŞARI NOTUNA KATKI ORANI		% 50
YARIYIL SONU SINAVININ BAŞARI NOTUNA KATKI ORANI		% 50
Toplam		% 100

BÖLÜM V: DERSİN İŞ YÜKÜ VE AKTS KREDİSİ

ÖĞRENME VE ÖĞRETME ETKİNLİKLERİ İŞ YÜKÜ
Öğrenme ve Öğretme Etkinlikleri	Etkinlik Sayısı/Yarıyıl	Süresi (saat)	Toplam İş Yükü
Ders	14	2	28
Laboratuvar	14	1	14
Uygulama	0	0	0
Derse Özgü Staj	0	0	0
Arazi Çalışması	0	0	0
Sınıf Dışı Ders Çalışması	0	0	0
Sunum / Seminer	0	0	0
Proje	0	0	0
Ödevler	1	5	5
Öğrenme ve Öğretme Etkinlikleri Toplam İş Yükü	-	-	47
ÖLÇME VE DEĞERLENDİRME ETKİNLİKLERİ İŞ YÜKÜ
Ölçme ve Değerlendirme Etkinlikleri	Etkinlik Sayısı/Yarıyıl	Süresi (saat)	Toplam İş Yükü
Kısa Sınav	2	5	10
Ara Sınavlar	1	7	7
Yarıyıl Sonu Sınavı	1	12	12
Ölçme ve Değerlendirme Etkinlikleri Toplam İş Yükü	-	-	29
TOPLAM İŞ YÜKÜ (Öğrenme ve Öğretme + Ölçme ve Değerlendirme Etkinlikleri)			76
DERSİN AKTS KREDİSİ (Toplam İş Yükü/25.5 Saat)			5