1. Anasayfa

Ders Notları

100% Complete (success)
Dikkat !!! Lütfen okuyunuz ...

Öğretim Üyesi (Üyeleri): Doç. Dr. Nursel Bolat *

(*) Ders notu girebilmek için, bu alanda kendi isminiz yazıyor olmalı...

  • Bologna verilerinin girilmesi;
    ubys.omu.edu.tr adresinden,
    ÜBYS' de Öğretim Elemanları yetkisi seçilmeli... Öğretim elemanı danışmanlık işlemlerinden yapabilirsiniz...
Yıl: 2023, Dönem: Güz
RTS339, Web Tasarım Uygulamaları (mufredatId:5160, dersId: 84069, programId: 4841)
Ders Kitabı / Malzemesi / Önerilen Kaynaklar

Gelişken, U. (2016). A'dan Z'ye Yeni Nesil Tekniklerle Web Tasarımı ve Web Programlama (2. Baskı) . İstanbul: Level Yayıncılık. Tokak, B. (2015). HTML5, CSS3 ve JavaScript ile Web Tasarımı. İstanbul: Dikey Eksen Yayınları. Ducket, J. (2014). JavaScript & JQuery Interactive Fornt-End Web Development. John Wiley & Sons, Inc., Indianapolis, USA. Robbins, J. N. (2012). Learning Web Design (Fourth Edition). O’Reilly Media, Inc., Canada. Sklar, J. (2015). Principles of Web Design (Sixth Edition). Cengage Learning, Boston, USA. w3schools.com

Dersin İçeriği

Responsive web sayfası tasarımı, web sayfalarının tasarımında grid ve esnek (flex) kutu kullanımı, CSS3 ile animasyon, JavaScript ile web programlama için temel kavramlar, değişken kullanımı, şartlı ifadeler ve döngüler, fonksiyon kullanımı, nesne veri tipi ve özellikleri, olay tanımlayıcıları

Dersin Amacı

Bu ders, Web Tasarımı dersini başarıyla tamamlamış öğrencilere etkileşimli ve responsive web sayfaları tasarlama konusunda beceri kazandırmayı amaçlamaktadır.

Haftalık Ders İçeriği

Hafta Teorik Uygulama Laboratuar Ders Notları
1 Temel Web Tasarım Kavramları Web tasarımının temel prensipleri HTML ve CSS giriş Temel web sayfası oluşturma
2 HTML ve CSS Derinlemesine HTML etiketleri ve özellikleri CSS seçicileri ve özellikleri Responsive tasarım temelleri
3 JavaScript Uygulamaları Temel JavaScript konseptleri Değişkenler, koşullu ifadeler, döngüler Temel etkileşim örnekleri
4 Grafik Tasarım Araçları ve Uygulamaları Adobe Photoshop, Illustrator, ya da benzeri araçlarla temel tasarım becerileri Grafik formatları ve kullanımı
5 Renk Teorisi ve Uygulamaları Renk teorisi temelleri Renk uyumu ve kontrast Renk kullanımıyla duygu iletişimi
6 Tipografi ve Yazı Stilleri Temel tipografi kuralları Yazı stili seçimi Font kombinasyonları
7 Web Tasarımında Kullanıcı Deneyimi (UX) Kullanıcı merkezli tasarım prensipleri Kullanıcı araştırmaları ve persona oluşturma Prototip oluşturma
8
9 Responsive Web Tasarımı Media queries kullanımı Mobil uyumlu tasarım Mobil cihazlarda test etme
10 CSS Frameworks ve Kütüphaneleri Bootstrap ve diğer popüler CSS framework'leri jQuery gibi JavaScript kütüphaneleri Hızlı ve etkili tasarım için kullanımı
11 İnteraktif Web Sayfaları Oluşturma JavaScript ve jQuery ile etkileşimli öğeler Formlar ve kullanıcı girişi Hata kontrolü ve form doğrulama
12 Web Animasyonları CSS ve JavaScript ile animasyonlar Animasyon prensipleri Duygusal bağlamda animasyon kullanımı
13 Web Güvenliği ve Temel SEO Temel web güvenliği önlemleri SEO temelleri Sayfa hızı optimizasyonu
14 CMS (Content Management System) Kullanımı WordPress veya benzeri CMS sistemlerinin temel kullanımı Temel tema özelleştirmeleri İçerik yönetimi ve güncelleme
15 Portföy ve İnteraktif Projeler Kişisel portföy oluşturma Önceki haftalarda öğrenilen konseptleri içeren bir final projesi Projelerin sunumu ve değerlendirilmesi
16