1. LİSANS
  2. MİMARLIK VE TASARIM FAKÜLTESİ
  3. MİMARLIK BÖLÜMÜ
  4. 651 MİMARLIK
Ders Bilgileri Ders Öğrenme Kazanımları Dersin Program Yeterlilikerine Katkısı AKTS / İş Yükü Tablosu Ders Şubeleri
Yazdır

DERS BİLGİLERİ
Ders KodDers AdT+U SaatYarıyılAKTS
MCTE 316WEB TASARIMI2 + 06. Yarıyıl4

DERS TANIMI
Ders Düzeyi Lisans
Ders Türü Seçmeli
Dersin Amacı Öğrenci; 1. Temel Internet ve web teknolojileri ile ilgili bilgileri açıklayabilir. 2. Grafiksel nesnelerin tasarımı için uygun programların seçimini yapabilir. 3. Web sayfası ile ilgili taslak doküman ve görsel öğeleri hazırlayabilir. 4. Web editörü yardımıyla HTML, XML kodu yazabilir 5. Web sayfası yayınlanması için alan ve isim seçimini yapabilir. 6. Web sayfasının web ortamına yüklenmesi ve güncellenmesini yapabilir. .
Ders İçeriği Internet, İntranet, Internet hizmetleri ve protokolleri (FTP, e-posta, Telnet, WWW, SMTP, POP3, TCP/IP, http, vb.) kavramları. Resim, grafik, animasyon, ses, görüntü geliştirme yazılımları. Web sayfasının hiyerarşik organizasyonu, biçimi, sayfa geçişleri, hedef kitle, kapsam, nitelik, renk uyumu, yerleşim, etkileşim, doküman hazırlığı, hareketli yazı ve resimler. Web editörü, çerçeveler, tablolar, listeler, formlar, görsel öğelerin yerleşimi, Script ve applet yerleşimi, bağlantılar, yazı ve çizgi türleri, butonlar ve menüler. Web alanı seçimi; alan adı, niteliği, kapasitesi, Internet servis sağlayıcıları, veri tabanı ve web programlama desteği, e-posta limiti ve maliyeti. Dosya aktarım protokol(FTP) ve yazılımları, Internet servis sağlayıcı bağlantısı, web sayfası yükleme ve güncelleme.
Ders Ön Koşul Dersin ön koşulu yok.
Ders Yan Koşul Dersin yan koşulu yok.
Öğretim Sistemi Yüz Yüze

DERS ÖĞRENME KAZANIMLARI
1Temel internet ve web kavramlarını açıklar.
2Grafiksel nesne tasarımı için program seçimini yapar.
3Web sayfası ile ilgili taslak doküman ve görsel bileşenler hazırlar.
4Web editörü yardımıyla HTML, XML kodu yazar.
5CSS ve javascript kodlarını kullanır.
6Web sayfası yayınlanması için alan ve isim seçimini, sayfanın web sunucusuna yüklemesini ve güncellemesini yapar.

DERS ÖĞRENME KAZANIMININ PROGRAM YETERLİLİKLERİNE KATKISI
Derslerin program öğrenme kazanımına katkısı girilmemiş.

AKTS / İŞ YÜKÜ TABLOSU
EtkinlikSayısıSüresi (Saat)Toplam İş Yükü (Saat)
Ders Süresi(14 hafta/teorik+uygulama)14228
Sınıf Dışı Ders Çalışma Süresi(Ön çalışma, pekiştirme)14342
Ödevler4416
Yarıyıl Sonu Sınavı(hazırlık süresi dahil)122
Arasınav122
İnternette Tarama/ Kütüphane Çalışması14114
Toplam İş Yükü

Dersin AKTS Kredisi





104

4
DERS ŞUBELERİ
 Dönem seçiniz :   


 Ders DönemiŞube NoDersi Veren Öğretim Elemanı
Detay 2023-2024 Güz2ÖZGÜ HAFIZOĞLU


Yazdır

Ders Şube Detayları
Dersin Kodu Dersin Ad Saat (T+P) Şube No Öğretim Dili Şube Dönemi
MCTE 316 WEB TASARIMI 2 + 0 2 Türkçe 2023-2024 Güz
Öğretim Elemanı  E-Posta  İç Hat  Ders Yeri Devam Zorunluluğu
Dr. Öğr. Üyesi ÖZGÜ HAFIZOĞLU ohafizoglu@pau.edu.tr KKM A0008 Dersin Devam Yüzdesi : %70
Amaç Öğrenci; 1. Temel Internet ve web teknolojileri ile ilgili bilgileri açıklayabilir. 2. Grafiksel nesnelerin tasarımı için uygun programların seçimini yapabilir. 3. Web sayfası ile ilgili taslak doküman ve görsel öğeleri hazırlayabilir. 4. Web editörü yardımıyla HTML, XML kodu yazabilir 5. Web sayfası yayınlanması için alan ve isim seçimini yapabilir. 6. Web sayfasının web ortamına yüklenmesi ve güncellenmesini yapabilir. .
İçerik Internet, İntranet, Internet hizmetleri ve protokolleri (FTP, e-posta, Telnet, WWW, SMTP, POP3, TCP/IP, http, vb.) kavramları. Resim, grafik, animasyon, ses, görüntü geliştirme yazılımları. Web sayfasının hiyerarşik organizasyonu, biçimi, sayfa geçişleri, hedef kitle, kapsam, nitelik, renk uyumu, yerleşim, etkileşim, doküman hazırlığı, hareketli yazı ve resimler. Web editörü, çerçeveler, tablolar, listeler, formlar, görsel öğelerin yerleşimi, Script ve applet yerleşimi, bağlantılar, yazı ve çizgi türleri, butonlar ve menüler. Web alanı seçimi; alan adı, niteliği, kapasitesi, Internet servis sağlayıcıları, veri tabanı ve web programlama desteği, e-posta limiti ve maliyeti. Dosya aktarım protokol(FTP) ve yazılımları, Internet servis sağlayıcı bağlantısı, web sayfası yükleme ve güncelleme.
Haftalık Konu Başlıkları
HaftaKonular
1 Giriş Kursa Giriş TEMELLER: Kullanım için tasarım Farkındalık, anlayış, eylem Tasarım nedir? Kullanılabilirlik nedir? Neden kullanım için tasarım? Pragmatik bir bakış açısı
2 ARAYÜZ TUTARLILIĞI: KEŞFEDİN, TASARLAYIN, KULLANIN Tasarım çerçeveleri Yinelemeli tasarım süreci Tasarım sürecine genel bakış Tasarıma getirdiğin zihniyet Kullanıcılar ne zaman dahil edilmeli
3 KEŞİF TEMELLERİ Modülerlik Fraktallik Parametrik tasarım Proje I
4 KEŞİF TEMELLERİ Organizasyon Sisttem
5 KEŞİF TEMELLERİ UI/UX Kullanıcu arayüzü ve Kullanıcı deneyimi Kullanıcılar - Roller Kullanım - eylemler Bilgi – nesneler
6 VISUALDESIGN: RENK DOKUSU TİPOGRAFİ GÖRÜNTÜLERİ Stil, Ekran, Alanlar Sayfalar neler? - eylem süreci Bir sayfada ne var? - bilgi nesneleri Eylem ve etkileşim
7 Ara sınav I Proje I teslimi
8 SİSTEMİN TASARIMI: YERLEŞİM VE BİLEŞİM Keşiften tasarıma Alanlar Proje II
9 SİSTEMİN TASARIMI: YERLEŞİM VE BİLEŞİM Sayfalar neler? - eylem süreci İçindekiler Proje II
10 SİSTEMİN TASARIMI: YERLEŞİM VE BİLEŞİM Hiyerarşi Projeleri standartlara dönüştürmek Proje II
11 SİSTEMİN TASARIMI: YERLEŞİM VE BİLEŞİM Sayfalar ve elemanlar Bileşenleri standartlaştırma Proje II
12 KULLANIM Kullanılabilirlik değerlendirmesi Kullanım tasarımdır Kullanılabilirlik değerlendirmesinden dersler Proje II
13 Proje II Sunumları
14 Final Sunumları (Final Projesi)
Materyaller
DosyaDosya AdıDosya DiliOrjinal Dosya AdıEklenme Tarihi
Dosya İndir book1EnglishScreen Shot 2020-09-12 at 12.18.14.png25.09.2023 15:06:52
Dosya İndir book2EnglishScreen Shot 2020-09-12 at 12.18.32.png25.09.2023 15:06:52
Dosya İndir book3EnglishScreen Shot 2020-09-12 at 12.23.09.png25.09.2023 15:06:52
Dosya İndir book4EnglishScreen Shot 2020-09-12 at 12.23.43.png25.09.2023 15:06:52
Dosya İndir book5EnglishScreen Shot 2020-09-12 at 12.24.04.png25.09.2023 15:06:52
Dosya İndir book6EnglishScreen Shot 2020-09-12 at 12.24.15.png25.09.2023 15:06:52
Dosya İndir book7EnglishScreen Shot 2020-09-12 at 12.24.40.png25.09.2023 15:06:52
Dosya İndir book8EnglishScreen Shot 2020-09-12 at 12.24.53.png25.09.2023 15:06:52
Dosya İndir PAMUKKALE ÜNİVERSİTESİ_web design ders planı.docxTürkçePAMUKKALE ÜNİVERSİTESİ_web design ders planı.docx25.09.2023 15:06:52
Dosya İndir book1EnglishScreen Shot 2020-09-12 at 12.18.14.png25.09.2023 15:06:58
Dosya İndir book2EnglishScreen Shot 2020-09-12 at 12.18.32.png25.09.2023 15:06:58
Dosya İndir book3EnglishScreen Shot 2020-09-12 at 12.23.09.png25.09.2023 15:06:58
Dosya İndir book4EnglishScreen Shot 2020-09-12 at 12.23.43.png25.09.2023 15:06:58
Dosya İndir book5EnglishScreen Shot 2020-09-12 at 12.24.04.png25.09.2023 15:06:58
Dosya İndir book6EnglishScreen Shot 2020-09-12 at 12.24.15.png25.09.2023 15:06:58
Dosya İndir book7EnglishScreen Shot 2020-09-12 at 12.24.40.png25.09.2023 15:06:58
Dosya İndir book8EnglishScreen Shot 2020-09-12 at 12.24.53.png25.09.2023 15:06:58
Dosya İndir PAMUKKALE ÜNİVERSİTESİ_web design ders planı.docxTürkçePAMUKKALE ÜNİVERSİTESİ_web design ders planı.docx25.09.2023 15:06:58
Kaynaklar
KaynaklarKaynak Dili
Nathan Curtis, 2010 Modular web design: creating reusable components for user experience design and documentation, USAEnglish
Timoty Samara, Design elements: a graphic style manual, English
Darren Gergle & Tom Brinck & Scott D. Wood, 2002, Designing web sites that work: usability for the web, Morgan Kaufmann Publishers, USA Türkçe
Jason Cranford Teague, 2009, Speaking in styles: Fundamentals of CSS for web designers, New Riders, USA Türkçe
John Cato, 2001, User centered web design, Pearson education limited Türkçe
The smashying book 4: New perspectives on web design, 2013, Published 2013 by Smashing Magazine GmbH, Freiburg, Germany. Türkçe
Ders Değerlendirme Sistemi
Değerlendirme YöntemiKatkı Yüzdesi (%)Değerlendirme Yöntemi Ad
Dönem Sonu Sınavı50Dönem Sonu Sınavı
Ara Sınav50Ara Sınav
T+U : Teorik + Pratik
PY: Program Yeterlilikleri
ÖK: Ders Öğrenme Kazanımları