Ders Adı Web Tasarımının Temelleri
Ders Kodu BPR-3105
Dersin Türü Zorunlu
Ders Biriminin Seviyesi Ön Lisans
Yıl 1
Dönem 1.Yarıyıl
AKTS 4
Dersi Veren(ler) Öğr. Gör. Muzaffer TATLI
Dersin Yardımcıları
Ders İşleme Biçimi Yüz Yüze
Önkoşul Dersleri
Dersin İçeriği 1. Giriş ve Web Geliştirme Temelleri: Web geliştirme nedir? Web teknolojilerinin evrimi Frontend ve backend geliştirme kavramları 2. HTML'in Önemi ve Temel Yapıları: HTML nedir ve ne işe yarar? Temel HTML etiketleri ve yapıları HTML belgesi oluşturma ve yapılandırma 3. CSS Temelleri ve Stil Şablonları: CSS nedir ve neden önemlidir? Temel CSS özellikleri ve sözdizimi CSS ile HTML belgesini stilize etme 4. Responsive Tasarım ve Bootstrap: Responsive tasarımın önemi Bootstrap framework'ünün kullanımı Mobil uyumlu web tasarımı 5. HTML ve JavaScript Etkileşimi: HTML form elemanları ve formlar JavaScript'in HTML ile etkileşimi Form doğrulama ve işleme 6. İleri Düzey HTML ve Web Geliştirme Araçları: HTML5'in yeni özellikleri Web geliştirme araçları ve kaynaklar Daha karmaşık web sayfaları oluşturma teknikleri 7. Proje Çalışması ve Uygulama: Öğrencilerin öğrendiklerini uygulama fırsatı Gruplar halinde bir web projesi oluşturma Proje sunumu ve değerlendirme
Dersin Verildiği Diller Türkçe
Dersin Amacı Bu ders, öğrencilere web geliştirme temellerini anlatmayı ve HTML'in önemini vurgulamayı amaçlar. Öğrenciler, web teknolojilerinin evrimi hakkında bilgi edinecekler ve HTML'in web sayfalarının oluşturulmasındaki temel rolünü anlayacaklar. Ayrıca, dersin sonunda öğrencilerin basit bir HTML belgesi oluşturabilecek ve yapılandırabilecek yetenekleri olması beklenir.
No Dersin Kazanımları  
1 Web tasarımının temel kavramlarını anlamak.
2 HTML ve CSS gibi temel web teknolojilerini kullanarak web sayfaları oluşturabilmek.
3 Responsive web tasarım prensiplerini anlamak ve uygulamak.
4 Kullanıcı arayüzü tasarımı ve kullanılabilirlik prensiplerini öğrenmek.
5 Grafik tasarım ve renk teorisi prensiplerini uygulamak.
6 Web tasarımında tipografi ve font seçimi konularında bilgi edinmek.
7 İnteraktif web öğeleri ve kullanıcı etkileşimi konularında temel bilgi sahibi olmak.
8 Web sitesi performansını artırmak için optimizasyon tekniklerini öğrenmek.
DERSİN KAZANIMLARI / PROGRAM YETERLİKLERİ İLİŞKİ MATRİSİ
DKPY1PY2PY3PY4PY5PY6PY7PY8PY9PY10PY11PY12PY13PY14PY15
1
2
3
4
5
6
7
8
9
10
5-Çok Yüksek İlişkili 4- Yüksek İlişkili 3-Orta İlişkili 2- Zayıf İlişkili 1-Çok Zayıf İlişkili 0-İlişkisiz
Hafta Konular  
1 Web geliştirme temelleri, HTML'in önemi ve temel yapıları
2 CSS'in temel kavramları ve kullanımı
3 HTML ve CSS'in birlikte kullanımıyla basit web sayfaları oluşturma
4 Responsive tasarım kavramı, Bootstrap framework'ünün kullanımı
5 JavaScript'in temel yapısı, değişkenler, koşullar ve döngüler
6 JavaScript'in temel yapısı, değişkenler, koşullar ve döngüler
7 JavaScript'in temel yapısı, değişkenler, koşullar ve döngüler
8 JavaScript kullanarak Document Object Model (DOM) üzerinde işlemler yapma
9 JavaScript kullanarak Document Object Model (DOM) üzerinde işlemler yapma
10 JavaScript kullanarak Document Object Model (DOM) üzerinde işlemler yapma
11 JavaScript'te ileri seviye konular: fonksiyonlar, nesne yönelimli programlama, AJAX
12 JavaScript'te ileri seviye konular: fonksiyonlar, nesne yönelimli programlama, AJAX
13 JavaScript'te ileri seviye konular: fonksiyonlar, nesne yönelimli programlama, AJAX
14 Öğrencilerin öğrendikleri bilgileri kullanarak bir web projesi oluşturma ve sunumu
No Bölüm Öğrenme Çıktısı Katkı Düzeyi
1 Mesleği ile ilgili temel, güncel ve uygulamalı bilgilere sahip olur. 3
2 İş sağlığı ve güvenliği, çevre bilinci ve kalite süreçleri hakkında bilgi sahibi olur. 5
3 Mesleği için güncel gelişmeleri ve uygulamaları takip eder, etkin şekilde kullanır. 3
4 Mesleği ile ilgili bilişim teknolojilerini (yazılım, program, animasyon vb.) etkin kullanır. 5
5 Mesleki problemleri ve konuları bağımsız olarak analitik ve eleştirel bir yaklaşımla değerlendirme ve çözüm önerisini sunabilme becerisine sahiptir. 4
6 Bilgi ve beceriler düzeyinde düşüncelerini yazılı ve sözlü iletişim yolu ile etkin biçimde sunabilir, anlaşılır biçimde ifade eder. 2
7 Alanı ile ilgili uygulamalarda karşılaşılan ve öngörülemeyen karmaşık sorunları çözmek için ekip üyesi olarak sorumluluk alır. 4
8 Kariyer yönetimi ve yaşam boyu öğrenme konularında farkındalığa sahiptir. 4
9 Alanı ile ilgili verilerin toplanması, uygulanması ve sonuçlarının duyurulması aşamalarında toplumsal, bilimsel, kültürel ve etik değerlere sahiptir. 3
10 Bir yabancı dili kullanarak alanındaki bilgileri takip eder ve meslektaşları ile iletişim kurar. 2
11 Algoritma ve veri yapılarını oluşturur ve matematiksel hesapları yapar. 0
12 Web programlama teknolojilerini açıklar ve uygular. 0
13 Veri tabanı tasarımı ve yönetimini gerçekleştirir. 0
14 Yazılımları test eder ve hataları giderir. 0
15 Veri yönetimi, veri işleme ve analiz etme becerisine sahiptir. 0
Yarıyıl İçi Çalışmaları Sayısı Katkı Payı
Ara Sınav 1 100
Kısa Sınav 0 0
Ödev 0 0
Devam 0 0
Uygulama 0 0
Labaratuvar 0 0
Proje 0 0
Atölye 0 0
Seminer 0 0
Arazi Çalışması 0 0
Sözlü sınav 0 0
Portfolyo 0 0
Doküman İncelemesi 0 0
Performans değerlendirme 0 0
Sunum 0 0
Alan Çalışması 0 0
Vaka Çalışması 0 0
Video Kaydı 0 0
Öz değerlendirme 0 0
Akran Değerlendirme 0 0
Eşleştirme Testleri 0 0
Çoktan seçmeli test 0 0
Kısa Cevaplı test 0 0
Kontrol listeleri 0 0
Dereceleme Ölçekleri 0 0
Zihin Haritalama 0 0
Araştırma yazısı 0 0
Çevrimiçi anket 0 0
Çevrimiçi Kısa sınav 0 0
TOPLAM 0
Yıliçinin Başarıya Oranı 40
Finalin Başarıya Oranı 60
TOPLAM 100
AKTS kredilerinin belirlenmesinde öğrenci işyükü anketlerinden faydalanılmaktadır.
Etkinlik Sayısı Süresi Toplam
Ders Süresi (Sınav Haftaları Hariç) 14 4 56
Sınıf Dışı Ders Çalışma Süresi 14 2 28
Ödevler 14 2 28
Sunum 0 0 0
Proje 1 15 15
Laboratuar Çalışması 0 0 0
Arazi ya da Alan Çalışması 0 0 0
Ara Sınavlar 0 0 0
Yarıyıl Sonu Sınavı 0 0 0
İşyükü Saati (30) 30
Toplam İşyükü / Saat 127    
Dersin Akts Kredisi 4    
Ders Notu "HTML ve CSS: Tasarım ve Yapı" - Jon Duckett "HTML & CSS: Design and Build Websites" - Jon Duckett "Web Tasarımı ve HTML" - Serdar Başeğmez "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" - Jennifer Robbins Mozilla Developer Network (MDN) - HTML Dökümantasyonu W3Schools - HTML Tutorial
Diğer Kaynaklar "HTML ve CSS: Tasarım ve Yapı" - Jon Duckett "HTML & CSS: Design and Build Websites" - Jon Duckett "Web Tasarımı ve HTML" - Serdar Başeğmez "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" - Jennifer Robbins Mozilla Developer Network (MDN) - HTML Dökümantasyonu W3Schools - HTML Tutorial
Materyal
Dökümanlar "HTML ve CSS: Tasarım ve Yapı" - Jon Duckett "HTML & CSS: Design and Build Websites" - Jon Duckett "Web Tasarımı ve HTML" - Serdar Başeğmez "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" - Jennifer Robbins Mozilla Developer Network (MDN) - HTML Dökümantasyonu W3Schools - HTML Tutorial
Ödevler HTML Temel Etiketlerin Kullanımı: Öğrencilerden, temel HTML etiketlerini kullanarak basit bir web sayfası oluşturmaları istenir. Bu sayfa, başlık, paragraf, liste ve resim gibi en az beş farklı HTML etiketini içermelidir. HTML ve CSS Entegrasyonu: Öğrencilerden, HTML ve CSS kullanarak birlikte çalışan bir web sayfası tasarlamaları istenir. CSS dosyasını kullanarak HTML belgesinin stilini özelleştirmeleri beklenir. Responsive Tasarım Uygulaması: Öğrencilerden, Bootstrap veya kendi CSS becerilerini kullanarak responsive (duyarlı) bir web sayfası tasarlamaları istenir. Sayfanın farklı cihazlarda (bilgisayar, tablet, mobil) uyumlu görünmesi beklenir. HTML ve JavaScript Etkileşimi: Öğrencilerden, HTML form elemanlarını kullanarak bir kullanıcı girişi formu oluşturmaları ve JavaScript'i kullanarak bu formu işlemeleri istenir. Örneğin, bir formun gönderildiğinde bir uyarı penceresi görüntülemek gibi basit bir işlev eklemeleri beklenir.
Sınavlar
Materyal Diğer
Planlanmış Öğrenme Faaliyetleri ve Öğretim Yöntemleri