Ana içeriğe atla

Ders Tanımı

Ders Kodu Yarıyıl T+U Saat Kredi AKTS
WEB TASARIMI GRFT2210829 Bahar Dönemi 1+2 3 3
Ders Programı
Ön Koşul Dersleri
Önerilen Seçmeli Dersler
Dersin Dili Türkçe
Dersin Seviyesi Ön Lisans
Dersin Türü Zorunlu
Dersin Koordinatörü
Dersi Verenler Öğr.Gör. Mert ALDİNÇ
Dersin Yardımcıları
Dersin Amacı İnternet ve web tasarım kavramlarının açıklanması, Web sayfalarının tasarım planlanlamasının yapılışı, Grafik arayüz oluşturarak web için hazır hale getirilmesi ve web sayfalarının oluşturabilmek.
Dersin İçeriği Bu ders; Web Tasarıma Giriş. Web tasarım için gereken araçlar nelerdir? Tasarımda nelere dikkat edilmelidir.,Web sayfasında içeriğe göre sayfa tasarımdan, kodlamasına kadar geçen temel akış çizelgesinin anlatılması.,Web tasarımı nasıl çalışır site haline getirilir? Arayüz programı nedir? Arayüz programında temel sayfa oluşturma teknikleri.,Arayüz programında temel mekanizmalar. Web sitesini projelendirme ve harita çıkartma.,Web sayfasının temel elemanı bağlantı oluşturmak ve temel site iskeletinin kurulmasının kazanılması..,Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.),Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.),Ara sınav,Web sitesinde görsellik ve hiyerarşi düzeni. Renk düzenleri.,Sayfa içeriğinin daha zenginleştirilmesi için web sayfası içerisinde farklı multimedia içeriklerin kullanılmasının açıklanması.,Başlık, gövde ve alt kısım kavramlarının açıklanması,Grafik programları ile yapılan tasarımın parçalara nasıl ayrılacağının öğrenilmesi.,Web tasarımında kullanılacak resimlerin web sayfası haline getirilirken formatlarına göre avantajları ve dezavantajlarının anlatılması.,Web sitesinde arama motoru optimizasyonu.,Genel de Değerlendirme yapılması.; konularını içermektedir.
Ders Öğrenme Kazanımları Öğretim Yöntemleri Ölçme Yöntemleri
Öğrencilerin etkili ve estetik web siteleri oluşturma becerisi kazanmalarıdır. Bu ders, web tasarımının temel prensiplerini, kullanıcı deneyimini (UX), görsel tasarımı ve teknik uygulamaları kapsamaktadır. Öğrenciler, çeşitli web teknolojilerini kullanarak işlevsel ve kullanıcı dostu web siteleri geliştirebilme yeteneği edinirler.
Öğretim Yöntemleri:
Ölçme Yöntemleri:

Ders Akışı

Sıra Konular Ön Hazırlık
1 Web Tasarıma Giriş. Web tasarım için gereken araçlar nelerdir? Tasarımda nelere dikkat edilmelidir.
2 Web sayfasında içeriğe göre sayfa tasarımdan, kodlamasına kadar geçen temel akış çizelgesinin anlatılması.
3 Web tasarımı nasıl çalışır site haline getirilir? Arayüz programı nedir? Arayüz programında temel sayfa oluşturma teknikleri.
4 Arayüz programında temel mekanizmalar. Web sitesini projelendirme ve harita çıkartma.
5 Web sayfasının temel elemanı bağlantı oluşturmak ve temel site iskeletinin kurulmasının kazanılması..
6 Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.)
7 Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.)
8 Ara sınav
9 Web sitesinde görsellik ve hiyerarşi düzeni. Renk düzenleri.
10 Sayfa içeriğinin daha zenginleştirilmesi için web sayfası içerisinde farklı multimedia içeriklerin kullanılmasının açıklanması.
11 Başlık, gövde ve alt kısım kavramlarının açıklanması
12 Grafik programları ile yapılan tasarımın parçalara nasıl ayrılacağının öğrenilmesi.
13 Web tasarımında kullanılacak resimlerin web sayfası haline getirilirken formatlarına göre avantajları ve dezavantajlarının anlatılması.
14 Web sitesinde arama motoru optimizasyonu.
15 Genel de Değerlendirme yapılması.
Kaynak
- "Başlangıç Düzeyi Web Tasarımı" - Engin Demiroğ - "The Design of Everyday Things" - Don Norman - "Dijital Tasarım: Kullanıcı Deneyimi ve Arayüz Tasarımı" - Çağıl Yüksel - "Design Systems" - Alla Kholmatova - "Lean UX: Applying Lean Principles to Improve User Experience" - Jeff Gothelf ve Josh Seiden

Dersin Program Yeterliliklerine Katkısı

Dersin Program Yeterliliklerine Katkısı
No Program Yeterliliği Katkı Düzeyi
1 2 3 4 5
1
Teorik ve pratik bilgilerini mesleki uygulamada kullanır
2
Sanatsal, kültürel, estetik gelişim ve etkilerini tarihsel ve çağdaş sanat ve tasarım ürünleri üzerinden değerlendirir.
3
Türkçe ve mesleki yabancı dili kullanarak uluslararası platformlarda sözlü ve yazılı anlatıma dayalı iletişim kurar.
4
Multidisipliner takım çalışma becerisini sahiptir.
5
Alanın gerektirdiği bilgisayar ortamında güncel grafik yazılımlarını ve bilgi iletişim teknolojilerini başarıyla kullanır
6
Görsel/grafik tasarım yapar, (reklam ve tanıtım ürünleri tasarımı, ambalaj tasarımı, portfolyo tasarımı vb).
7
Mesleki etik ve sorumluluk bilincine sahip olur.
8
İş hayatında karşılaştığı sorunları hızlı ve etkin şekilde çözer.
9
İş sağlığı ve güvenliği konularından yeterli bilgiye sahip olur.

Değerlendirme Sistemi

Katkı Düzeyi Mutlak Değerlendirme
Ara Sınavın Başarıya Oranı   40
Genel Sınavın Başarıya Oranı   60
Toplam   100

Dersin Detaylı Bilgileri

Ders Tanımı

Ders Kodu Yarıyıl T+U Saat Kredi AKTS
WEB TASARIMI GRFT2210829 Bahar Dönemi 1+2 3 3
Ders Programı
Ön Koşul Dersleri
Önerilen Seçmeli Dersler
Dersin Dili Türkçe
Dersin Seviyesi Ön Lisans
Dersin Türü Zorunlu
Dersin Koordinatörü
Dersi Verenler Öğr.Gör. Mert ALDİNÇ
Dersin Yardımcıları
Dersin Amacı İnternet ve web tasarım kavramlarının açıklanması, Web sayfalarının tasarım planlanlamasının yapılışı, Grafik arayüz oluşturarak web için hazır hale getirilmesi ve web sayfalarının oluşturabilmek.
Dersin İçeriği Bu ders; Web Tasarıma Giriş. Web tasarım için gereken araçlar nelerdir? Tasarımda nelere dikkat edilmelidir.,Web sayfasında içeriğe göre sayfa tasarımdan, kodlamasına kadar geçen temel akış çizelgesinin anlatılması.,Web tasarımı nasıl çalışır site haline getirilir? Arayüz programı nedir? Arayüz programında temel sayfa oluşturma teknikleri.,Arayüz programında temel mekanizmalar. Web sitesini projelendirme ve harita çıkartma.,Web sayfasının temel elemanı bağlantı oluşturmak ve temel site iskeletinin kurulmasının kazanılması..,Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.),Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.),Ara sınav,Web sitesinde görsellik ve hiyerarşi düzeni. Renk düzenleri.,Sayfa içeriğinin daha zenginleştirilmesi için web sayfası içerisinde farklı multimedia içeriklerin kullanılmasının açıklanması.,Başlık, gövde ve alt kısım kavramlarının açıklanması,Grafik programları ile yapılan tasarımın parçalara nasıl ayrılacağının öğrenilmesi.,Web tasarımında kullanılacak resimlerin web sayfası haline getirilirken formatlarına göre avantajları ve dezavantajlarının anlatılması.,Web sitesinde arama motoru optimizasyonu.,Genel de Değerlendirme yapılması.; konularını içermektedir.
Ders Öğrenme Kazanımları Öğretim Yöntemleri Ölçme Yöntemleri
Öğrencilerin etkili ve estetik web siteleri oluşturma becerisi kazanmalarıdır. Bu ders, web tasarımının temel prensiplerini, kullanıcı deneyimini (UX), görsel tasarımı ve teknik uygulamaları kapsamaktadır. Öğrenciler, çeşitli web teknolojilerini kullanarak işlevsel ve kullanıcı dostu web siteleri geliştirebilme yeteneği edinirler.
Öğretim Yöntemleri:
Ölçme Yöntemleri:

Ders Akışı

Sıra Konular Ön Hazırlık
1 Web Tasarıma Giriş. Web tasarım için gereken araçlar nelerdir? Tasarımda nelere dikkat edilmelidir.
2 Web sayfasında içeriğe göre sayfa tasarımdan, kodlamasına kadar geçen temel akış çizelgesinin anlatılması.
3 Web tasarımı nasıl çalışır site haline getirilir? Arayüz programı nedir? Arayüz programında temel sayfa oluşturma teknikleri.
4 Arayüz programında temel mekanizmalar. Web sitesini projelendirme ve harita çıkartma.
5 Web sayfasının temel elemanı bağlantı oluşturmak ve temel site iskeletinin kurulmasının kazanılması..
6 Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.)
7 Web sitesi iç elemanlarının oluşturulması.(menü, slideshow, yazı/içerik, harita, iletişim formu ve bağlantılar.)
8 Ara sınav
9 Web sitesinde görsellik ve hiyerarşi düzeni. Renk düzenleri.
10 Sayfa içeriğinin daha zenginleştirilmesi için web sayfası içerisinde farklı multimedia içeriklerin kullanılmasının açıklanması.
11 Başlık, gövde ve alt kısım kavramlarının açıklanması
12 Grafik programları ile yapılan tasarımın parçalara nasıl ayrılacağının öğrenilmesi.
13 Web tasarımında kullanılacak resimlerin web sayfası haline getirilirken formatlarına göre avantajları ve dezavantajlarının anlatılması.
14 Web sitesinde arama motoru optimizasyonu.
15 Genel de Değerlendirme yapılması.
Kaynak
- "Başlangıç Düzeyi Web Tasarımı" - Engin Demiroğ - "The Design of Everyday Things" - Don Norman - "Dijital Tasarım: Kullanıcı Deneyimi ve Arayüz Tasarımı" - Çağıl Yüksel - "Design Systems" - Alla Kholmatova - "Lean UX: Applying Lean Principles to Improve User Experience" - Jeff Gothelf ve Josh Seiden

Dersin Program Yeterliliklerine Katkısı

Dersin Program Yeterliliklerine Katkısı
No Program Yeterliliği Katkı Düzeyi
1 2 3 4 5
1
Teorik ve pratik bilgilerini mesleki uygulamada kullanır
2
Sanatsal, kültürel, estetik gelişim ve etkilerini tarihsel ve çağdaş sanat ve tasarım ürünleri üzerinden değerlendirir.
3
Türkçe ve mesleki yabancı dili kullanarak uluslararası platformlarda sözlü ve yazılı anlatıma dayalı iletişim kurar.
4
Multidisipliner takım çalışma becerisini sahiptir.
5
Alanın gerektirdiği bilgisayar ortamında güncel grafik yazılımlarını ve bilgi iletişim teknolojilerini başarıyla kullanır
6
Görsel/grafik tasarım yapar, (reklam ve tanıtım ürünleri tasarımı, ambalaj tasarımı, portfolyo tasarımı vb).
7
Mesleki etik ve sorumluluk bilincine sahip olur.
8
İş hayatında karşılaştığı sorunları hızlı ve etkin şekilde çözer.
9
İş sağlığı ve güvenliği konularından yeterli bilgiye sahip olur.

Değerlendirme Sistemi

Katkı Düzeyi Mutlak Değerlendirme
Ara Sınavın Başarıya Oranı   40
Genel Sınavın Başarıya Oranı   60
Toplam   100

Sayısal Veriler

Öğrenci Başarı Durumu

Sayısal Veriler

Öğrenci Başarı Durumu