Dersin Ayrıntıları Yarıyıl Kodu Adı T+U+L Kredi AKTS 1 03810102 Web Tasarım 4+1+1 7 7 Dersin Detayları Dili : Türkçe Düzeyi : Ön Lisans Bölümü / Programı : Bilgisayar Programcılığı Öğrenim Türü : Örgün Öğretim Türü : Zorunlu Amacı : Web yayıncılığının ilkelerinin bilinmesini sağlamak. Web içeriği geliştirme becerilerini kazandırmak. İçeriği : Web yayıncılığı ve Site tasarım süreci, HTML’e giriş, Bağlantılar ve Internet adreslerinin kullanımı, Web editörünün kullanımı, HTML ile resim ve görüntülerin kullanımı, HTML ile sayfa tasarımı, arka planlar, renkler ve metinler, HTML ile tablolar ve listeler, HTML ile çerçeve ve katman kullanımı, HTML form ve form elemanları, HTML şablonlarının kullanımı, HTML ve diğer ortam türleri, HTML ve diğer ortam türleri, Biçimlendirmede Stil sayfalarının kullanımı, HTML ile Dinamik sayfalar oluşturma, Web Tasarımında yenilikler Blog, Web sitesi projesi ve uygulamaları, İnternet/web destekli/temelli öğrenmede temel kavramlar; İnternet/web destekli/temelli öğrenmenin kuramsal temelleri; avantaj ve dezavantajları; İnternet/web destekli/temelli öğrenmede bir ders iskeleti oluşturma; İnternet/web destekli/temelli öğrenmede tasarım ilkelerini kullanma; İnternet/web destekli/temelli öğrenmede etkileşimi uygun biçimde kullanma, Web temelli/destekli öğrenme ortamlarında karşılaşılabilecek temel teknik problemler ve çözüm yolları. Yöntem ve Teknikleri : Ön Koşulları : Yok Koordinatörü : Yok Dersi Verenler : Öğr.Gör. MUHAMMED SAADETDİN KAYA Yardımcıları : Yok Staj Durumu : Yok Dersin Kaynakları Kaynaklar : Robbins, Jennifer Niederst. Learning web design: A beginner's guide to HTML, CSS, JavaScript, and web graphics. " O'Reilly Media, Inc.", 2012.Web Tasarımı ve Web Programlama, Uğur Gelişken, Level Kitap Ders Notları : 1 Tanışma, Ders ile İlgili Genel Bilgiler, Web Programlamaya Giriş2 HTML e Giriş, Resim ve Web Sayfası Linki ekleme3 Sık kullanılan tagler, yazıların biçimlendirilmesi4 HTML de Stiller, Alıntılar, Renkler5 Bazı CSS komutları6 ID, Class, Tablolar, Listeler7 CSS e Giriş8 Ara Sınav 19 CSS de Renkler, Kenar Boşlukları, Yazı Kaydırma10 CSS de Yazı Özellikleri, Fontlar, Simgeler11 CSS de Listeler, Tablolar12 Bootstrap kullanımı13 Hazır Taslak Kullanımı14 Hazır Taslak Kullanımı ve Proje Oluşturma Yöntemleri Ders Yapısı Matematik ve Temel Bilimler %5 Mühendislik Bilimleri %10 Mühendislik Tasarımı %85 Sosyal Bilimler %0 Eğitim Bilimleri %0 Fen Bilimleri %0 Sağlık Bilimleri %0 Alan Bilgisi %0 Yarıyıl Çalışma Bilgileri Yarıyıl Çalışmaları Sayısı Katkı Ara Sınav 1 %30 Yarıyıl Sonu Sınavı 1 %70 Toplam 2 %100 Etkinlik Bilgileri Etkinlik Sayısı Süre Toplam İş Yükü (Saat) Ders Süresi 14 4 56 Ara Sınavlar 1 15 15 Uygulama 14 4 56 Laboratuvar 14 4 56 Yarıyıl Sonu Sınavı 1 15 15 Toplam İş Yükü AKTS: 7 198 Öğrenme Çıktıları Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir: Sıra Açıklama 1 Öğrenci temel HTML komutlarını anlar ve yazabilir. 2 Öğrenci temel CSS komutlarını anlar ve yazabilir. 3 Öğrenci HTML ve CSS birleştirebilir 4 Öğrenci en temel seviyede kendi Web Sayfasını tasarlayabilir. Ders Konuları Hafta Konu 1 Tanışma, Ders ile İlgili Genel Bilgiler, Web Programlamaya Giriş 2 HTML e Giriş, Resim ve Web Sayfası Linki ekleme 3 Sık kullanılan tagler, yazıların biçimlendirilmesi 4 HTML de Stiller, Alıntılar, Renkler 5 Bazı CSS komutları 6 ID, Class, Tablolar, Listeler 7 CSS e Giriş 8 Ara Sınav 9 CSS de Renkler, Kenar Boşlukları, Yazı Kaydırma 10 CSS de Yazı Özellikleri, Fontlar, Simgeler 11 CSS de Listeler, Tablolar 12 Bootstrap kullanımı 13 Hazır Taslak Kullanımı 14 Hazır Taslak Kullanımı ve Proje Oluşturma Yöntemleri Dersin Program Çıktılarına Katkısı P1P2P3P4P5P6P7P8P9P10P11P12P13P14P15P16P17P18 Tüm 343455454111114555 Ö1 Ö2 Ö3 Ö4 Katkı Düzeyi: 1: Çok Düşük 2: Düşük 3: Orta 4: Yüksek 5: Çok Yüksek