BYT244 - Web Tasarım

BİLECİK ŞEYH EDEBALİ ÜNİVERSİTESİ

SÖĞÜT MESLEK YÜKSEKOKULU

BASIM VE YAYIM TEKNOLOJİLERİ

(2025 - 2026) Ders Bilgi Formu

Ders Adı	Kodu	Yarıyıl	T+U Saat	AKTS	Z / S
Web Tasarım	BYT244	1	2 + 1	4,0	Seçmeli

Birim Bölüm	Basım ve Yayım Teknolojileri - Ön Lisans (Bu ders bilgisayar laboratuvarında yürütülmektedir.)
Amaç	Öğrencilerin web ortamına yönelik grafik tasarım bilgisi ve teknik uygulama bilgisi kazanmaları amaçlanır.
Ders İçeriği	WEB TASARIMI dersinde öğrencilere web tasarımının temel ilkeleri, etkileşim tasarımı esasları ve kullanıcı deneyimleri hakkında bilgi verilir. Öğrenciler, web tasarım programında (Adobe Dreamweaver ya da eşdeğeri) web grafiklerinin formatları ve özellikleri, html etiketleri, çalışma alanı, araçlar, menü ve paneller, web projesi planlama ve diyagram ile oluşturma, sayfalar arası bağlantı kurma, sayfa içi sıralı ve sırasız listeler ile çalışma, web için piksel tabanlı programda görsel hazırlama ve ekleme, navigasyon tasarımı, menüler ve butonlar, web renkleri ve web tipografisi, CSS ile çalışma, stiller ile paragraf ve başlık şekillendirme, zemin ve çerçeve oluşturma, çok sütunlu dinamik sayfalar oluşturma, javascript kullanma, behaviour ekleme (pop-up pencere, buton vb) gibi web sitesi tasarlamaya yönelik bilgileri kazanırlar. Web sitesi tasarlayarak ve uygulama yaparak deneyim kazanırlar.

Hafta	Konu
1	Web Tasarıma giriş. Kodlama dilleri ve tasarım yöntemleri hakkında genel bilgilerin verilmesi
2	HTML etiketlerinin tanıtılması.
3	Dreamweaver programına giriş. Panellerin tanıtılması. HTML ile bir web sayfasının hazırlanması.
4	Sayfalar arası bağlantıların (link) kurulması.
5	Sayfa içi linkler ve sıralı-sırasız listeler ile çalışmak.
6	Fotoğrafların web sayfalarına eklenmesi. Dosya formatları ve Photoshop ile hazırlık aşamaları.
7	Metin ve fotoğraflar kullanarak 4 sayfalı bir web sitesinin oluşturulması.
8	Roll-over butonların hazırlanması. Örnek web sitesinin tasarlanması.
9	Web sayfası arayüz tasarımı
10	CSS’ye giriş. Stil dosyaları ile paragraf ve başlıkları şekillendirmek.
11	CSS ile zeminler, çerçeveler oluşturmak.
12	CSS ile buton yapımı. Örnek bir sitenin hazırlanması.
13	Div etiketi (tag) ve CSS ile sayfa düzeni çalışmaları
14	Javascript ile uygulamalar. Pop-up pencereler ve açılır menüler

Program Çıktıları
1	Basım ve Yayın Teknolojileri ile ilgili konularda kişi ve kurumları bilgilendirebilmek için düşüncelerini yazılı ve sözlü olarak aktarabilmeli
2	Mesleki ve etik sorumluluk uygulayabilme bilincine erişme.
3	Alanıyla ilgili kalite yönetimi ve süreçleri ile çevre koruma ve iş güvenliği konularında bilince sahip olabilmeli.
4	Farklı düşüncelere saygılı olma ve farklılıkları yaratıcılığa dönüştürebilmeli.
5	Farklı tasarım ve uygulamaları doğru ve anlaşılır bir şekilde tanıtabilmeli/sunabilmeli.
6	Basım ve Yayın Teknolojileri ile ilgili edindiği kavram ve kuramsal bilgilerini kullanabilmeli.
7	Basım ve Yayın Teknolojileri ile ilgili pratik uygulamalarda gereken teorik bilgileri, el ve/veya düşünsel becerileri kullanabilmeli.
8	Basım ve Yayın Teknolojileri gerektirdiği düzeyde bilgisayar yazılımı ve bilişim-iletişim teknolojilerini kullanabilmeli.
9	Basım ve Yayın Teknolojilerinde yeterli olacak düzeyde yabancı dil bilgisine sahip olabilmeli.
10	Basım ve Yayın Teknolojileri ile ilgili çalışmalarda öngörülemeyen problemleri belirleyebilmeli ve çözüm üretebilmeli.
11	Uygulamaları; zamanında, doğru, etkin bir şekilde yapabilmeli.
12	Sektörün beklentilerini karşılayacak şekilde alanı ile ilgili süreci/ süreçleri planlama becerisine sahip olabilmeli.
13	Basım ve Yayın Teknolojileri ile ilgili uygulamalar için gerekli teknik ve modern araçları kullanabilme becerisine sahip olabilmeli.

Ders Öğrenme Çıktısı - Program Çıktıları (1 -5 Puan Aralığı)

Ders Öğrenme Çıktısı	PÇ 1	PÇ 2	PÇ 3	PÇ 4	PÇ 5	PÇ 6	PÇ 7	PÇ 8	PÇ 9	PÇ 10	PÇ 11	PÇ 12	PÇ 13
Web sayfası tasarımlarında görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı tekniklerini kullanabilecektir.	-	-	-	-	-	-	-	-	-	-	-	-	-
Görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı teknikleriyle görselleştirdiği web sayfasını kendi özgün fikirleriyle birleştirir.	-	-	-	-	-	-	-	-	-	-	-	-	-
Görüntü formatları, web sitesi yapısı, font kullanımı, site penceresi, başlık, rehber, metin, resim ve bağlantı tekniklerinin temel özelliklerini açıklayabilecektir.	-	-	-	-	-	-	-	-	-	-	-	-	-
Web tasarımında kodlama ve yazılım sistemleri hakkında deneyim kazanır	-	-	-	-	-	-	-	-	-	-	-	-	-
Ortalama Değer	-	-	-	-	-	-	-	-	-	-	-	-	-

https://ebs.bilecik.edu.tr/pdf/dersbilgigetir/423003