BPP103 Web Tasarımının Temelleri

5 AKTS - 3-1 Süre (T+U)- 1. Yarıyıl- 3.5 Yerel Kredi

Genel Bilgi

Kod BPP103
Ad Web Tasarımının Temelleri
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 Amacı

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 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, Gösterip Yaptırma
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