TÜRKÇE
ENGLISH
Genel Bilgi
| Kod | BLP157 |
| Ad | Web Tasarımının Temelleri |
| Dönem | 2024-2025 Eğitim-Öğretim Yılı |
| Yarıyıl | 1. Yarıyıl |
| Süre (T+U) | 2-0 (T-U) (17 Hafta) |
| AKTS | 3 AKTS |
| Yerel Kredi | 2 Yerel Kredi |
| Eğitim Dil | Türkçe |
| Seviye | Ön Lisans Dersi |
| Tür | Normal |
| Öğretim Şekli | Yüz Yüze Öğretim |
| Bilgi Paketi Koordinatörü | Öğr. Gör. CELALETTIN AYDIN |
| Dersin Öğretim Elemanı |
Öğr. Gör. CELALETTIN AYDIN
(A Grubu)
(Sor. Öğr. Ele.)
|
Dersin Amacı / Hedefi
Bu ders, masaüstü ve web ortamında sıklıkla karşılaşılan grafik çizimlerini ve animasyonlarını literatürde yaygın kullanıma sahip Fireworks ve Flash programları ile öğrenmeyi hedeflemektedir
Dersin İçeriği
Temel Tanımlar, HTML kodlama, CSS yazma, Web tasarım programı kullanma
Dersin Ön Koşulu
Web tasarımı, web sayfaları hakkında bilgi sahibi olmak
Kaynaklar
Bilişim Teknolojileri, HTML 1 (MEGEB) Bilişim Teknolojileri, HTML 2 (MEGEB)
Notlar
Web Tasarım Temelleri (Musa Çiçek ,Kodlab Yayınları)
Dersin Öğrenme Çıktıları
| Sıra | Dersin Öğrenme Çıktıları |
|---|---|
| ÖÇ01 | Web tasarım temel kavramlar ve kullanılacak web sitesi düzenleme programını bilir. |
| ÖÇ02 | HTML dilinin tanıtımı, kullanım şeklini bilir. |
| ÖÇ03 | HTML metin biçimlendirme etiketlerini bilir. |
| ÖÇ04 | HTML bağlantı etiketlerini bilir. |
| ÖÇ05 | HTML dili ile liste ve tablo oluşturmayı bilir. |
| ÖÇ06 | HTML sayfa formlarını bilir. |
| ÖÇ07 | HTML çerçeve ve satır içi çerçevelerini bilir |
| ÖÇ08 | CSS nin tanıtımı ve satır içi still tanımlamayı ögrenir. |
| ÖÇ09 | CSS nedir ve css özelliklerini bilir. |
| ÖÇ10 | Konu tekrarı ve Yıl içi Sınavı |
| ÖÇ11 | CSS özelliklerini , sayfa içi ve sayfa dışı uygulamayı bilir. |
| ÖÇ12 | Sayfa içinde seçicilerle CSS kullanmayı bilir. |
| ÖÇ13 | Harici bir CSS dosyası ile stil kullanımını bilir. |
| ÖÇ14 | İç içe CSS kullanımını bilir. |
| ÖÇ15 | İç içe CSS kullanımı uygulamalarını bilir. |
Program Öğrenme Çıktıları ile İlişkisi
| Sıra | Tür | Program Öğrenme Çıktıları | Duzey |
|---|---|---|---|
| PÖÇ01 | Bilgi - Kuramsal, Olgusal | Bilgisayar yazılımı ve donanımı ile ilgili planlamada görev alır | 3 |
| PÖÇ02 | Bilgi - Kuramsal, Olgusal | Bilgisayar Teknolojileri ve Programlama alanında tanımı iyi yapılmış problemlerin çözümü için gerekli olan verileri tanımlama, toplama ve kullanmayı etkin bir biçimde yapabilir; pratik uygulamalarda gereken teorik bilgileri, bilgi ve becerileri kullanabildiğini gösterir | 3 |
| PÖÇ03 | Bilgi - Kuramsal, Olgusal | Kelime işlemci, hesap tablosu, sunu, veritabanı ve çeşitli yazılımları kurar ve kullanır | 2 |
| PÖÇ04 | Bilgi - Kuramsal, Olgusal | Kodlama yapar, internet ve ağ ile ilgili cihazların montajını yapar | |
| PÖÇ05 | Bilgi - Kuramsal, Olgusal | Alanında yeterli olacak düzeyde Türkçe ve yabancı dil bilgisine sahip olur | 3 |
| PÖÇ06 | Bilgi - Kuramsal, Olgusal | Sorumluluğu altında çalışanların performanslarını objektif olarak değerlendirir ve denetler | 3 |
| PÖÇ07 | Bilgi - Kuramsal, Olgusal | Bilgisayarda karşılaşılan yazılım ve basit donanım arızalarını tespit eder ve uzmanlık gerektirmeyen sorunları çözer | 3 |
| PÖÇ08 | Bilgi - Kuramsal, Olgusal | Sözel, sayısal ve grafiksel anlatımla uygun teknikleri kullanır | 3 |
| PÖÇ09 | Bilgi - Kuramsal, Olgusal | Bilgisayar Teknolojisi ile ilgili tasarım ve uygulamaları takım çalışmasıyla oluşturur, ilgili kişi ve kurumlara sunar | 3 |
| PÖÇ10 | Bilgi - Kuramsal, Olgusal | Analitik ve sosyal düşünme yeteneği kazanır ve alanı ile ilgili bilgi ve becerilerini yönetmeliklere uygun kullanarak Ülke ekonomisine katkıda bulunur | 3 |
| PÖÇ11 | Bilgi - Kuramsal, Olgusal | Kamu ve özel sektör iş alanlarında mesleki bağlantıları sağlar ve karar alma sürecinde sosyal ve mesleki alanda uygun araçları kullanır | 3 |
| PÖÇ12 | Beceriler - Bilişsel, Uygulamalı | İnternet ve çeşitli iletişim teknolojilerini kullanarak araştırma yapar | 5 |
| PÖÇ13 | Beceriler - Bilişsel, Uygulamalı | Bilgisayar Teknolojileri ve Programlama alanında bağımsız olarak öğrenmeyi ve öğrendiklerini uygulayabildiğini gösterir | 3 |
| PÖÇ14 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | İnsan ilişkileri ve girişimcilik temel kavramları doğrultusunda ekip çalışması yapar | 3 |
| PÖÇ15 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Atatürk İlkeleri ve İnkılâp Tarihi konusunda bilgi sahibi olur | |
| PÖÇ16 | Yetkinlikler - Öğrenme Yetkinliği | Bilgisayar Teknolojileri alanındaki çalışmalarda öngörülmeyen durumlarla ilgili sorunları belirleme ve çözüm yolları bulma yeteneğini kazandığını gösterir | 3 |
| PÖÇ17 | Yetkinlikler - Öğrenme Yetkinliği | Yazılım, donanım ve ağ keşiflerinde görev alır | 3 |
Haftalık Akış
| Hafta | Konu | Ön Hazırlık | Yöntemler |
|---|---|---|---|
| 1 | Web tasarım temel kavramlar ve kullanılacak web sitesi düzenleme programının tanıtımı | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 2 | HTML dilinin tanıtımı kullanım şeklinin kavratılması | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 3 | HTML metin biçimlendirme etiketleri | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 4 | HTML bağlantı etiketleri | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 5 | HTML dili ile liste ve tablo oluşturma | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 6 | HTML formları | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 7 | HTML çerçeve ve satır içi çerçeveleri | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 8 | Ara Sınav | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 9 | CSS özellikleri | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 10 | Yıl içi Sınavı | Düz anlatım, Laboratuvar | Ölçme Yöntemleri: Yazılı Sınav |
| 11 | CSS özellikleri ve uygulamaları | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 12 | Sayfa içinde seçicilerle CSS kullanma | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 13 | Harici bir CSS dosyası ile stil kullanımı | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 14 | İç içe CSS kullanımı | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 15 | İç içe CSS kullanımı ve uygulamaları | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Anlatım, Deney / Laboratuvar |
| 16 | Yarıyıl Sonu Sınavları | Düz anlatım, Laboratuvar | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Yarıyıl Sonu ögrendiklerini uygulama | Düz anlatım, Laboratuvar | Öğretim Yöntemleri: Alıştırma ve Uygulama |
Öğ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 | 2 | 28 |
| Sınıf Dışı Ders Çalışma (Ön çalışma, pekiştirme) | 14 | 2 | 28 |
| Değerlendirmeler ile İlgili Çalışmalar | |||
| Ödev, Proje, Diğer | 0 | 0 | 0 |
| Ara Sınavlar (Yazılı, Sözlü, vs.) | 1 | 6 | 6 |
| Yarıyıl/Yıl Sonu/Final Sınavı | 1 | 16 | 16 |
| Toplam İş Yükü (Saat) | 78 | ||
| Toplam İş Yükü / 25 (s) | 3,12 | ||
| AKTS | 3 AKTS | ||