TÜRKÇE
ENGLISH
Genel Bilgi
| Birim | KARAİSALI MESLEK YÜKSEKOKULU |
| Bilgisayar Destekli Tasarım ve Animasyon | |
| Kod | BDT249 |
| Ad | Web Arayüz Tasarımı |
| Dönem | 2026-2027 Eğitim-Öğretim Yılı |
| Yarıyıl | 3. Yarıyıl |
| Süre (T+U) | 3-1 (T-U) (17 Hafta) |
| AKTS | 5 AKTS |
| Yerel Kredi | 3.5 Yerel Kredi |
| Eğitim Dil | Türkçe |
| Seviye | Ön Lisans Dersi |
| Tür | Normal |
| Etiket | MB Meslek Bilgisi Dersleri Z Zorunlu |
| Öğretim Şekli | Yüz Yüze Öğretim |
| Bilgi Paketi Koordinatörü | Öğr. Gör. Alişan AKTAY |
| Dersin Öğretim Elemanı |
Güncel dönem ders programı henüz yapılmamıştır.
|
Dersin Amacı / Hedefi
İnternet ortamında çalışabilen programların hazırlanması ve çeşitli uygulamalar içeren web sitesi tasarımlarının geliştirilmesi. Öğrencilerin HTML ve CSS kullanarak kullanıcı dostu arayüzler oluşturabilmesi hedeflenmektedir.
Dersin İçeriği
Temel internet kavramları, web tasarımına giriş, HTML etiketleri ve yapısı, CSS ile biçimlendirme ve sayfa düzeni, tasarım ve planlama ilkeleri, HTML editörlerinin kullanımı.
Dersin Ön Koşulu
Herhangi bir ön koşul bulunmamaktadır.
Kaynaklar
Öğretim elemanı tarafından hazırlanan ders notları.
Notlar
Ders Notları
Dersin Öğrenme Çıktıları
| Sıra | Dersin Öğrenme Çıktıları |
|---|---|
| ÖÇ01 | Bilgisayarları internete bağlar. |
| ÖÇ02 | internet teknolojilerini en iyi şekilde kullanır |
| ÖÇ03 | çeşitli web editörleri kullanarak web sayfası, sitesi hazırlar |
| ÖÇ04 | herhangi bir konuda web sayfası, sitesi tasarlar |
| ÖÇ05 | Çeşitli paket programlar kullanarak web sitesi hazırlar. |
Program Öğrenme Çıktıları ile İlişkisi
| Sıra | Tür | Program Öğrenme Çıktıları | Duzey |
|---|---|---|---|
| PÖÇ01 | Bilgi - Kuramsal, Olgusal | Bilgisayar Destekli Tasarım ve Animasyon alanında yeterli düzeyde kuramsal bilgiye sahiptir. | 2 |
| PÖÇ02 | Bilgi - Kuramsal, Olgusal | Bilgisayar Destekli Tasarım ve Animasyon alanında edindiği kuramsal ve uygulamalı bilgileri kullanır. | |
| PÖÇ03 | Bilgi - Kuramsal, Olgusal | Bilgisayar Destekli Tasarım ve Animasyon alanında gerekli tasarım, laboratuvar çalışmalarını yürütür. | |
| PÖÇ04 | Bilgi - Kuramsal, Olgusal | Ofis programlarını ve mesleki bilgisayar programlarını kullanır. | 2 |
| PÖÇ05 | Bilgi - Kuramsal, Olgusal | Tasarım ve Animasyon kavramlarını bilir. Temel tasarım ve animasyon konusunda bilgi sahibidir ve temel uygulamaları yapar. | 3 |
| PÖÇ06 | Yetkinlikler - Öğrenme Yetkinliği | Temel animasyon yöntemleri ile animasyonlar yapar. | 2 |
| PÖÇ07 | Yetkinlikler - Öğrenme Yetkinliği | İki boyutlu tasarım yöntemleri ile tasarımları yapar. | |
| PÖÇ08 | Yetkinlikler - Öğrenme Yetkinliği | Üç boyutlu tasarım yöntemleri ile tasarımları yapar | |
| PÖÇ09 | Bilgi - Kuramsal, Olgusal | Web Tasarım Temelleri ile Web Sayfalarını tasar | 5 |
| PÖÇ10 | Yetkinlikler - Öğrenme Yetkinliği | Modelleme Teknikleri konusunda temel kuramsal bilgileri uygulamalı alanlarda kullanır | |
| PÖÇ11 | Bilgi - Kuramsal, Olgusal | İnternet Teknolojisi konusunda temel kuramsal bilgilere sahiptir ve dinamik web sayfaları tasar | 4 |
| PÖÇ12 | Bilgi - Kuramsal, Olgusal | Görüntü İşleme Teknikleri konusunda temel kuramsal bilgilere sahiptir ve uygulamalı bilgileri kullanır. | |
| PÖÇ13 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Örgüt, İş Ve Toplumsal Etik Değerlere Uygun Davranır, | |
| PÖÇ14 | Yetkinlikler - Öğrenme Yetkinliği | Alanına İlişkin Bilgileri Analiz Etme, Yorumlama Ve Değerlendirme Becerisine Sahiptir, | |
| PÖÇ15 | Beceriler - Bilişsel, Uygulamalı | Öğrenme Gereksiniminin Sürekliliğini Kavradığını Gösterir, | |
| PÖÇ16 | Beceriler - Bilişsel, Uygulamalı | Ortaöğretim düzeyinde kazanılan yeterliliklere dayalı olarak alanındaki güncel bilgileri içeren ders kitapları, uygulama araç-gereçleri ve diğer kaynaklarla desteklenen temel düzeydeki kuramsal ve uygulamalı bilgilere sahip olur | |
| PÖÇ17 | Bilgi - Kuramsal, Olgusal | Alanında edindiği temel düzeydeki bilgi ve becerileri i kullanarak, karşılaşılan sorunlara çözüm önerileri geliştirir | |
| PÖÇ18 | Bilgi - Kuramsal, Olgusal | Alanı ile ilgili uygulamalarda karşılaşılan ve öngörülemeyen karmaşık sorunları çözmek için ekip üyesi olarak sorumluluk alır | |
| PÖÇ19 | Beceriler - Bilişsel, Uygulamalı | Öğrenimini aynı alanda bir ileri eğitim düzeyine veya aynı düzeydeki bir mesleğe yönlendir |
Haftalık Akış
| Hafta | Konu | Ön Hazırlık | Yöntemler |
|---|---|---|---|
| 1 | Dersin hedefleri, Amaçları, temel tanım ve kavramlar | Herhangi bir ön hazırlığa gerek yoktur. | Öğretim Yöntemleri: Anlatım |
| 2 | HTML'ye giriş, web tanımları, kavramlar(İnternet HTML, web, borwser, http.vb.) | Herhangi bir ön hazırlığa gerek yoktur. | Öğretim Yöntemleri: Anlatım, Gösterip Yaptırma, Alıştırma ve Uygulama |
| 3 | HTML kodlarına giriş, tanımlar, html'de kod yazma kuralları | Herhangi bir ön hazırlığa gerek yoktur. | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 4 | HTML kodları, va basit web sayfası tasarımlarına giriş | Verilen Uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 5 | HTML kodları ve örnekleri | Verilen Uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 6 | Uygulama. Örnek web sayfası hazırlama | Verilen Uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 7 | Formlar, Form elemanları ve özellikleri | Herhangi bir ön hazırlığa gerek yoktur. | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 8 | Ara Sınavlar | Sınav hazırlığı | Ölçme Yöntemleri: Yazılı Sınav |
| 9 | Frame özellikleri, HTML kodları, ve örnekler | Verilen Uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 10 | web tasarım Paket Programına giriş | Herhangi bir ön hazırlığa gerek yoktur. | Öğretim Yöntemleri: Anlatım |
| 11 | CSS'e Giriş: Sözdizimi, Selektörler ve CSS'in HTML'e Bağlanma Yöntemleri (inline, internal, external) | Verilen uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 12 | CSS ile Metin, Yazı Tipi, Renk ve Arka Plan Biçimlendirme | Verilen uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 13 | CSS Kutu Modeli (Box Model): Margin, Padding, Border ve Display Özellikleri | Verilen uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 14 | Flexbox ve Grid ile Modern Sayfa Düzeni Oluşturma | Verilen uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 15 | Duyarlı (Responsive) Tasarım, Medya Sorguları (Media Queries) ve Uygulama | Verilen uygulamalar ve örnekleri çalışma | Öğretim Yöntemleri: Anlatım, Alıştırma ve Uygulama, Gösterip Yaptırma |
| 16 | Yarıyıl Sonu Sınavları | Sınav Hazırlığı | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Yarıyıl Sonu Sınavları | Sınav Hazırlığı | Ölçme Yöntemleri: Yazılı Sınav |
Öğrenci İş Yükü - AKTS
| Çalışmalar | Sayısı | Süresi (Saat) | İş Yükü (Saat) |
|---|---|---|---|
| Ders ile İlgili Çalışmalar | |||
| Ders (Sınav haftaları dahil değildir) | 14 | 4 | 56 |
| Sınıf Dışı Ders Çalışma (Ön çalışma, pekiştirme) | 14 | 4 | 56 |
| Değerlendirmeler ile İlgili Çalışmalar | |||
| Ödev, Proje, Diğer | 1 | 2 | 2 |
| Ara Sınavlar (Yazılı, Sözlü, vs.) | 1 | 4 | 4 |
| Yarıyıl/Yıl Sonu/Final Sınavı | 1 | 10 | 10 |
| Toplam İş Yükü (Saat) | 128 | ||
| Toplam İş Yükü / 25 (s) | 5,12 | ||
| AKTS | 5 AKTS | ||