GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| 1910001092024 | WEB TASARIMI | Ders | 1 | 1 | 5,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Bu dersin amacı, web tasarımı için gerekli güncel temel teknolojileri (HTML5, CSS3, jQuery) kullanarak responsive (duyarlı) web siteleri tasarlama ve geliştirme becerisi kazandırmak; ayrıca geliştirilen sitelerin yayınlanma süreçlerini uygulamalı olarak öğretmektir.
Dersi Veren Öğretim Görevlisi/Görevlileri
Öğr. Gör. Betül Feyza DEMİR
Öğrenme Çıktıları
| 1 | Web tasarımı prensiplerini sayabilmek |
| 2 | Web tasarımı yapabilmek için gerekli olan temel programları ve HTML ve CSS kodlama sistemlerini kullanabilmek |
| 3 | Web tasarımında kullanmak üzere ihtiyaçları olan görsel, renk ve tipografiyi uygulayabilmek |
| 4 | Kendine özel grid sistemi ve çoklu ortam aletleri ve “esnek” görseller kullanarak en başından “esnek” (responsive) tasarım geliştirebilmek |
| 5 | Web tasarım sürecinde ve üretiminde kullanıcı testi ve kullanıcı geri dönüş testi yapabilmek |
Öğretim Sistemi
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Bu ders, öğrencilere web tasarım pratiklerini ve HTML ile CSS kodlama sistemlerinin temel prensiplerini kazandırmayı amaçlamaktadır. Ders kapsamında web standartları, kullanılabilirlik, iş akışı ve erişilebilirlik ilkeleri çerçevesinde tasarım yapma becerisi geliştirilir. Ayrıca öğrenciler, çoklu ortam (multimedya) öğelerini keşfederek ve kendi grid sistemlerini oluşturarak esnek (responsive) tasarım yaklaşımını öğrenir ve web ortamına yönelik uygulamalı tasarım bilgisi edinirler.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Konular (Teorik) | Uygulama | Öğretim Yöntem ve Teknikleri | Ön Hazırlık |
|---|---|---|---|---|
| 1 | Web Tasarımı Temel Kavramları | |||
| 2 | Web Tasarımı Prensipleri Ve Tasarım Süreçleri | |||
| 3 | Web Sayfası-Sitesi Mimarisi: Web Tasarım İlkeleri | |||
| 4 | HTML’nin Yapısı Ve Programlama | |||
| 5 | HTML İle Sayfa Yapılandırma | |||
| 6 | HTML Etiketleri | |||
| 7 | Form İşlemleri Ve Form Araçları | |||
| 8 | Stil Şablonu(CSS) Temelleri | |||
| 9 | Çoklu Ortam Araçları | |||
| 10 | Stil Şablonu(CSS) Temelleri | |||
| 11 | Temel CSS3 İşlemleri | |||
| 12 | Javascript | |||
| 13 | Javascript ve Menü İşlemleri | |||
| 14 | Domain Hosting ve Server işlemeleri |
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
Duckett, J. (2014). HTML and CSS: Design and Build Websites (veya güncel Türkçe çevirisi: HTML ve CSS: Web Siteleri Tasarlamak ve Oluşturmak), Wiley. Duckett, J. (2015). JavaScript and jQuery: Interactive Front-End Web Development, Wiley. Dijital Referanslar: MDN Web Docs (Mozilla Developer Network) ve W3Schools çevrim içi platformları. Gerekli Malzemeler: Modern bir web tarayıcısı (Google Chrome / Mozilla Firefox) ve güncel bir kod editörü (Visual Studio Code).
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | Adet | Değer |
| Final Sınavı | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 40 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | 60 | |
Staj Durumu
Yok
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 14 | 2 | 28 |
| Final Sınavı | 14 | 2 | 28 |
| Derse Katılım | 14 | 4 | 56 |
| Problem Çözümü | 14 | 1 | 14 |
| Proje Hazırlama | 14 | 1 | 14 |
| Ev Ödevi | 1 | 1 | 1 |
| Toplam İş Yükü (saat) | 141 | ||
Program ve Öğrenme Çıktıları İlişkisi
| PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | |
| ÖÇ 1 | 2 | 3 | |||
| ÖÇ 2 | |||||
| ÖÇ 3 | |||||
| ÖÇ 4 | 3 | 2 | |||
| ÖÇ 5 | 2 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek