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 | |
| Dersin Yardımcıları | |
| Dersin Amacı | İnternet ve web tasarım kavramlarının açıklanması, Html kodlama dilinin kavranması, 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 |
| - Adobe Muse: Classroom In A Book (Adobe Creative Team) - A Guide to HTML5 and CSS3 - Speaking JavaScript - Data + Design - Web Design Trends 2017 |
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
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 | |
| Dersin Yardımcıları | |
| Dersin Amacı | İnternet ve web tasarım kavramlarının açıklanması, Html kodlama dilinin kavranması, 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 |
| - Adobe Muse: Classroom In A Book (Adobe Creative Team) - A Guide to HTML5 and CSS3 - Speaking JavaScript - Data + Design - Web Design Trends 2017 |
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. | ||||||