| Kodu | Dersin Adı | Yarıyıl | Süresi(T+U) | Kredisi | AKTS Kredisi |
|---|---|---|---|---|---|
| BBP108 | WEB TASARIMININ TEMELLERİ | 2 | 3 | 3 | 5 |
DERS BİLGİLERİ |
|
|---|---|
| Dersin Öğretim Dili : | Türkçe |
| Dersin Düzeyi | ÖNLİSANS, TYY: + 5.Düzey, EQF-LLL: 5.Düzey, QF-EHEA: Kısa Düzey |
| Dersin Türü | Zorunlu |
| Dersin Veriliş Şekli | - |
| Dersin Koordinatörü | Öğr.Gör. ADNAN KÜRŞAT TEKE |
| Dersi Veren Öğretim Üyesi/Öğretim Görevlisi | Öğr.Gör. TUĞÇE YÜKSEL |
| Ders Ön Koşulu | Yok |
AMAÇ VE İÇERİK |
|
|---|---|
| Amaç: | Bu dersin amacı öğrenciye web tasarımın temelleri hakkında kapsamlı bilgi ve yetkinliklerin kazandırılmasıdır. |
| İçerik: | HTML ve CSS. |
DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.) |
|---|
| Internet ve web mimarisi ile ilgili genel bilgi sahibi olur. |
| Web tasarımının temel ilke ve kurallarına hakim olur. |
| Bir Web Tasarımı editörü kullanır. |
| Html ve Css etiketlerini bilir. |
| Ders kapsamında öğrendikleri ile HTML formları oluşturur. |
HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI |
|||
|---|---|---|---|
| Hafta | Ön Hazırlık | Konular | Yöntem |
| 1 | - | Web Tasarımının Temel İlkeleri, İnternet ve Web Sitesi ile İlgili Temel Kavramlar | Anlatım, Uygulama |
| 2 | Konu ile ilgili internetten araştırma yapma | HTML'e Giriş; HTML, HEAD, BODY Etiketleri (Head ve Body İçerisinde Yer Alan Temel HTML Etiketleri) | Anlatım, Uygulama |
| 3 | Konu ile ilgili internetten araştırma yapma | Bağlantı (Köprü) Oluşturma – Linkler | Anlatım, Uygulama |
| 4 | Konu ile ilgili internetten araştırma yapma | HTML'de Listeler | Anlatım, Uygulama |
| 5 | Konu ile ilgili internetten araştırma yapma | HTML'de Tablolar | Anlatım, Uygulama |
| 6 | Konu ile ilgili internetten araştırma yapma | HTML'de Özel Karakterler ve Görsel, Ses, Video Ekleme | Anlatım, Uygulama |
| 7 | Konu ile ilgili internetten araştırma yapma | HTML'de Frame'ler (Çerçeveler) ve Formlar | Anlatım, Uygulama |
| 8 | - | ARA SINAV | - |
| 9 | Konu ile ilgili internetten araştırma yapma | CSS’e Giriş, CSS Yazım Kuralları, CSS Sözdizimi | Anlatım, Uygulama |
| 10 | Konu ile ilgili internetten araştırma yapma | CSS Seçiciler, Seçici Türleri, CSS Kodlarını Ekleme Yöntemleri | Anlatım, Uygulama |
| 11 | Konu ile ilgili internetten araştırma yapma | CSS Renkleri, CSS Arkaplan Özellikleri | Anlatım, Uygulama |
| 12 | Konu ile ilgili internetten araştırma yapma | CSS Kenarlıkları, CSS Kenar Boşlukları, CSS Dolgusu, CSS Yüksekliği / Genişliği | Anlatım, Uygulama |
| 13 | Konu ile ilgili internetten araştırma yapma | CSS Kutu Modeli, CSS Anahattı, CSS Metni | Anlatım, Uygulama |
| 14 | Konu ile ilgili internetten araştırma yapma | CSS Yazı Tipleri, CSS Bağlantıları | Anlatım, Uygulama |
| 15 | Konu ile ilgili internetten araştırma yapma | CSS Konumu, CSS Taşması | Anlatım, Uygulama |
| 16 | - | FİNAL | - |
| 17 | - | FİNAL | - |
KAYNAKLAR |
|---|
| https://www.w3schools.com/ |
| https://www.adobe.com/tr/products/dreamweaver.html |
ÖLÇME VE DEĞERLENDİRME |
|||
|---|---|---|---|
| Yarıyıl İçi Yapılan Çalışmaların Ölçme ve Değerlendirmesi | Etkinlik Sayısı | Katkı Yüzdesi | Açıklama |
| (0) Etkisiz | (1) En Düşük | (2) Düşük | (3) Orta | (4) İyi | (5) Çok İyi |
|---|---|---|---|---|---|
| 0 | 1 | 2 | 3 | 4 | 5 |
| BİLGİ | |||||||
|---|---|---|---|---|---|---|---|
| Kuramsal | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Bilgisayar kavram, yöntem ve de yazılımlarına hakim olur.
|
4 | |||||
| 2 |
Donanımların temel işlevlerini tanır.
|
1 | |||||
| 3 |
Kişisel ve ağ işletim sistemlerini tanır.
|
1 | |||||
| 4 |
Mesleği ile ilgili etik, sağlık ve emniyet tedbirlerini gözetir.
|
2 | |||||
| 5 |
Toplam kalite felsefesini benimsemiş ve ilgili kurumsal süreçlere destek verebilen teknik eleman olurlar.
|
4 | |||||
| BİLGİ | |||||||
|---|---|---|---|---|---|---|---|
| Olgusal | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Donanım keşif ve kurulması işlemini yapar.
|
1 | |||||
| 2 |
Verilerin yönetim süreçlerini açıklar.
|
3 | |||||
| 3 |
Yazılım dillerinin kullanıldığı farklı alanları açıklar.
|
3 | |||||
| BECERİLER | |||||||
|---|---|---|---|---|---|---|---|
| Bilişsel | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Yazılım (PC, ağ ortamı ve internet) planlama ve tasarımında görev alır.
|
5 | |||||
| 2 |
Mesleki alanda algoritmik düşünerek ortaya çıkacak olan problemlere karşı çözüm bulur.
|
3 | |||||
| 3 |
Mesleki alanda matematik becerilerini kullanır.
|
2 | |||||
| BECERİLER | |||||||
|---|---|---|---|---|---|---|---|
| Uygulamalı | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Kelime işlemci, hesaplama tablosu, sunu, veri tabanı ve grafik tabanlı tasarım programlarını kurar ve kullanır.
|
5 | |||||
| 2 |
Verilen teorik konuları uygulama imkanı bulurlar.
|
5 | |||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Yaygın karşılaşılan yazılım ve donanım arızalarını tespit eder, sorunlara çözüm üretirler.
|
2 | |||||
| 2 |
Veri güvenliği ve saklanması ile ilgili tedbirleri alan ve uygun çözümler bulan birey olurlar.
|
4 | |||||
| 3 |
Hata bulma, problem çözme, karar verme ve işlem planlaması konularında yetenekli olurlar.
|
5 | |||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| Öğrenme Yetkinliği | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Hızlı öğrenebilir ve öğrendiklerini pratiğe dökerler.
|
5 | |||||
| 2 |
Eğitim sürecinde öğrendiği temel bilgiler sayesinde var olan yenilikleri öğrenme ve bunları geliştirme yeteneğine sahip olurlar.
|
5 | |||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| İletişim ve Sosyal Yetkinlik | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Bölümde derslerin haricinde kendi alanları ile ilgili kulüp çalışmaları ile sektörde var olan firmalar ile tanışma ve iletişim kurma şansı bulurlar.
|
4 | |||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| Alana Özgü Yetkinlik | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Bölümde öğrenciler hem programcılık, web tasarımı hemde teknik dersleri aldıkları için tercih edilme şansları artar.
|
5 | |||||
| 2 |
Programcılık dersleri sayesinde öğrenciler yeni programlar geliştirme ve bunları kendi ürettikleri projelerle uygulama yetkinliği kazanırlar.
|
4 | |||||
| 3 |
Bazı küçük veya orta ölçekli şirketlerde yöneticilik ve liderlik rolünü üstlenirler.
|
3 | |||||
DERSİN İŞ YÜKÜ VE AKTS KREDİSİ |
|||
|---|---|---|---|
| Öğrenme-Öğretme Etkinlikleri İş Yükü | |||
| Öğrenme-Öğretme Etkinlikleri | Etkinlik(hafta sayısı) | Süresi(saat sayısı) | Toplam İş Yükü |
| Ders | 14 | 2 | 28 |
| Derse Ön Hazırlık ve Ders Sonrası Pekiştirme | 14 | 2 | 28 |
| Arazi Çalışması | 0 | 0 | 0 |
| Grup Çalışması / Ödevi | 0 | 0 | 0 |
| Laboratuvar | 0 | 0 | 0 |
| Okuma | 0 | 0 | 0 |
| Ödev | 7 | 5 | 35 |
| Proje Hazırlama | 3 | 15 | 45 |
| Seminer | 0 | 0 | 0 |
| Staj | 0 | 0 | 0 |
| Teknik Gezi | 0 | 0 | 0 |
| Web Tab. Öğrenme | 0 | 0 | 0 |
| Uygulama | 10 | 1 | 10 |
| Yerinde Uygulama | 0 | 0 | 0 |
| Mesleki Faaliyet | 0 | 0 | 0 |
| Sosyal Faaliyet | 0 | 0 | 0 |
| Tez Hazırlama | 0 | 0 | 0 |
| Alan Çalışması | 0 | 0 | 0 |
| Rapor Yazma | 0 | 0 | 0 |
| Final Sınavı | 1 | 2 | 2 |
| Final Sınavı Hazırlığı | 1 | 4 | 4 |
| Ara Sınav | 1 | 1 | 1 |
| Ara Sınav Hazırlığı | 1 | 2 | 2 |
| Kısa Sınav | 0 | 0 | 0 |
| Kısa Sınav Hazırlığı | 0 | 0 | 0 |
| TOPLAM | 52 | 0 | 155 |
| Genel Toplam | 155 | ||
| Toplam İş Yükü / 25.5 | 6,1 | ||
| Dersin AKTS(ECTS) Kredisi | 6,0 |