TÜRKÇE
ENGLISH
Genel Bilgi
| Kod | BPP103 |
| Ad | Web Tasarımının Temelleri |
| Dönem | 2024-2025 Eğitim-Öğretim Yılı |
| Yarıyıl | 1. Yarıyıl |
| Süre (T+U) | 3-1 (T-U) (17 Hafta) |
| AKTS | 5 AKTS |
| Yerel Kredi | 3.5 Yerel Kredi |
| Eğitim Dil | Türkçe |
| Seviye | Ön Lisans Dersi |
| Tür | Normal |
| Öğretim Şekli | Yüz Yüze Öğretim |
| Bilgi Paketi Koordinatörü | Doç. Dr. MESUT ÖZONUR |
| Dersin Öğretim Elemanı |
Doç. Dr. MESUT ÖZONUR
(A Grubu)
(Sor. Öğr. Ele.)
Doç. Dr. MESUT ÖZONUR (B Grubu) (Sor. Öğr. Ele.) |
Dersin Amacı / Hedefi
Web sitelerinin görsel tasarımının yapılması, web sayfalarının hazırlanması için gerekli güncel dillerin ve geliştirme araçlarının kullanılması, web sayfası tasarımı için html elementlerinin kullanılması amaçlanmaktadır.
Dersin İçeriği
Temel İnternet Kavramları. Web Tasarımına Giriş. HTML Etiketleri. Tablo Kullanımı. Çerçeve Kullanımı. Script Kullanımı. Applet Kullanımı. CSS Kullanımı. Medya Nesneleri Kullanımı.
Dersin Ön Koşulu
Yok
Kaynaklar
Owen, G. (2022) Learn to Code Learn HTML, CSS - JavaScript - build a website, app and game
Notlar
Özonur, M. (2005) Web Tasarımının Temelleri Ders Notu
Dersin Öğrenme Çıktıları
| Sıra | Dersin Öğrenme Çıktıları |
|---|---|
| ÖÇ01 | İnternetin temel kavramlarını, sunucu-istemci mantığını kavrar. |
| ÖÇ02 | Amaca uygun web sayfası veya sitesi tasarımı için gerekli kuralları listeler. |
| ÖÇ03 | Tasarım ve içerik açısından en verimli yöntemleri kullanır. |
| ÖÇ04 | Web sayfalarını transfer edebilmek için ftp yazılımlarını kullanır. |
| ÖÇ05 | Html sayfası oluşturma, var olan bir sayfayı açma ve kaydetme işlemlerini yapar. |
| ÖÇ06 | Temel html elementlerini, sayfa düzeni ayarlarını, metin, bağlantı, listeleme, grafik nesneleri ve tabloları biçimlendirir. |
| ÖÇ07 | Çerçeveli sayfalar oluşturur. |
| ÖÇ08 | Html içinde çeşitli dillerde script kullanır. |
| ÖÇ09 | Stil dosyası kullanır. |
Program Öğrenme Çıktıları ile İlişkisi
| Sıra | Tür | Program Öğrenme Çıktıları | Duzey |
|---|---|---|---|
| PÖÇ01 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Sektörel bazda tüm paydaşlarla etkili iletişim kurar. | |
| PÖÇ02 | Bilgi - Kuramsal, Olgusal | Bilgisayar yazılımı geliştirmek için gerekli olan, algoritma, sıralı ve eşzamanlı akış mantığını kurabilecek temel bilgilere sahiptir. | 2 |
| PÖÇ03 | Yetkinlikler - Alana Özgü Yetkinlik | Mikrodenetleyiciler, gömülü sistemler ve analog/dijital elektronik alanlarında temel düzeyde problemlere yönelik sistemler tasarlar. | |
| PÖÇ04 | Yetkinlikler - Alana Özgü Yetkinlik | Bilgi iletişim teknolojileri ile ilgili, mesleğine özgü temel yazılımları kullanır. | 2 |
| PÖÇ05 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Bilgisayar Programcılığı alanındaki yazılımsal ve donanımsal gelişmeleri bağımsız öğrendiklerini uygular. | 2 |
| PÖÇ06 | Bilgi - Kuramsal, Olgusal | Bilgisayar Teknolojileri ve Programlama alanında tanımı iyi yapılmış problemlerin çözümü için gerekli olan yöntemleri açıklar. | |
| PÖÇ07 | Bilgi - Kuramsal, Olgusal | Web, mobil ve diğer elektronik platformlara özgü yazılım geliştirmek için gerekli temel bilgi düzeyine sahiptir. | 5 |
| PÖÇ08 | Beceriler - Bilişsel, Uygulamalı | Masaüstü ve diğer ortamlar için yazılım geliştirir. | 2 |
| PÖÇ09 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Planlanmış bir proje dahilinde, proje geliştirme süreçlerinde, bağımsız veya gruba dahil olarak etkin rol üstlenir. | |
| PÖÇ10 | Bilgi - Kuramsal, Olgusal | Proje planlama, geliştirme, uygulama süreçlerini bilir. | |
| PÖÇ11 | Yetkinlikler - Alana Özgü Yetkinlik | Bilgisayar ve ağ ortamında veriler ile ilgili saklama, düzenleme, sorgulama, vb. işlemlerini yapar. | |
| PÖÇ12 | Yetkinlikler - Alana Özgü Yetkinlik | Öngörülemeyen donanımsal ve yazılımsal sorunları çözme becerisine sahiptir. | |
| PÖÇ13 | Beceriler - Bilişsel, Uygulamalı | Çözümlemesi yapılmış ve algoritması hazırlanmış, yazılım bileşenlerini kodlar. | |
| PÖÇ14 | Bilgi - Kuramsal, Olgusal | Yazılım geliştirlirken kullanılacak yöntemleri bilir. | |
| PÖÇ15 | Yetkinlikler - Öğrenme Yetkinliği | Bilişim teknolojileri alanı ile ilgili güncel yenilik ve gelişmeleri sürekli takip eder. | |
| PÖÇ16 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Bir yabancı dilde sözlü ve yazılı olarak iletişim kurar. | |
| PÖÇ17 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Bilişim teknolojileri mesleğini ile ilgili ahlakı ve etik davranışların gerekliliği olgusuna sahiptir. | 2 |
| PÖÇ18 | Yetkinlikler - Alana Özgü Yetkinlik | Alanı ile ilgili, iş güvenliği ilgili gerekli bilince sahiptir. | |
| PÖÇ19 | Beceriler - Bilişsel, Uygulamalı | İşletim sistemlerini yönetici özellikleri ile kullanır. | |
| PÖÇ20 | Bilgi - Kuramsal, Olgusal | Girişimcilik, kariyer yönetimi, yaşamboyu öğrenme ile ilgili temel bilgilere sahiptir. | |
| PÖÇ21 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Çevre bilincine, çevre duyarlılığına,atık depolama ve güvenliği ile ilgili temel bilgiye sahiptir. |
Haftalık Akış
| Hafta | Konu | Ön Hazırlık | Yöntemler |
|---|---|---|---|
| 1 | Temel İnternet Kavramları | Ders bilgi paketinin incelenmesi. | Öğretim Yöntemleri: Anlatım, Soru-Cevap |
| 2 | Web Tasarımına Giriş | Dersten önce konunun okunması ve anlaşılması. | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 3 | HTML Etiketleri - Temel Nitelikler | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 4 | HTML Etiketleri - Blok Seviyesi Elementleri | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 5 | HTML Etiketleri - Metin Seviyesi Elementleri | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 6 | HTML Etiketleri - Bağlantı Nitelikleri | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 7 | HTML Etiketleri - Görüntüler | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 8 | Ara Sınav | Uygulama yaparak konulara çalışılması | Ölçme Yöntemleri: Yazılı Sınav |
| 9 | Tablo Kullanımı | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 10 | Çerçeve Kullanımı | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 11 | Script Kullanımı | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 12 | Applet Kullanımı | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 13 | CSS Kullanımı - Temelleri | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 14 | CSS Kullanımı - Özellikleri | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 15 | Medya Nesneleri Kullanımı | Dersten önce konunun okunması ve uygulama yapması | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Gösterip Yaptırma |
| 16 | Yarıyıl Sonu Sınavları | Uygulama yaparak konulara çalışılması | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Yarıyıl Sonu Sınavları | Uygulama yaparak konulara çalışılması | Ölçme Yöntemleri: Yazılı Sınav |
Öğrenci İş Yükü - AKTS
| Çalışmalar | Sayısı | Süresi (Saat) | İş Yükü (Saat) |
|---|---|---|---|
| Ders ile İlgili Çalışmalar | |||
| Ders (Sınav haftaları dahil değildir) | 14 | 4 | 56 |
| Sınıf Dışı Ders Çalışma (Ön çalışma, pekiştirme) | 14 | 3 | 42 |
| Değerlendirmeler ile İlgili Çalışmalar | |||
| Ödev, Proje, Diğer | 1 | 1 | 1 |
| Ara Sınavlar (Yazılı, Sözlü, vs.) | 1 | 8 | 8 |
| Yarıyıl/Yıl Sonu/Final Sınavı | 1 | 16 | 16 |
| Toplam İş Yükü (Saat) | 123 | ||
| Toplam İş Yükü / 25 (s) | 4,92 | ||
| AKTS | 5 AKTS | ||