GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| 6012001142023 | WEB TASARIMININ TEMELLERİ | Ders | 1 | 2 | 2,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Dersin Amacı
Bu dersin amacı öğrencilere temel düzeyde web sayfası oluşturma becerisi kazandırmak; HTML ve CSS kullanarak kullanıcı dostu, erişilebilir ve görsel açıdan etkili web ara yüzleri tasarlamalarını sağlamaktır.
Dersi Veren Öğretim Görevlisi/Görevlileri
Öğr. Gör. Mine YOLDAŞ ORHON
Öğrenme Çıktıları
| 1 | HTML ve CSS ile ilgili genel bilgi sahibi olmak |
| 2 | HTML'de başlıklar, paragraflar, yapısal özelliklerle ilgili bilgi sahibi olmak, bunları CSS ile biçimlendirmek |
| 3 | HTML'de listeler ve bağlantılarla çalışmak, bunları CSS ile biçimlendirmek |
| 4 | HTML'de görüntüler, videolar, ses dosyaları ile çalışmak, CSS ile görüntüleri biçimlendirmek |
| 5 | HTML'de tablolar ve form nesneleri ile çalışmak, bunları CSS ile biçimlendirmek |
| 6 | Blok öğeleri, satır içi öğeler, doküman tipleri ile ilgili bilgi edinmek |
| 7 | CSS'te renklerle ve metinlerle çalışmak |
| 8 | CSS'te kutu yapısını öğrenmek |
Öğretim Sistemi
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Html Temel Etiketleri, Metin ve Görünüm Etiketleri, Bağlantılar, Listeler, Görüntüler, Videolar, Ses Dosyaları, Tablo İşlemleri, Formlar, Çerçeveler, Çoklu Ortam Araçları, Stil Şablonu(CSS) Temelleri, Stil Şablonu(CSS) Özellikler
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Konular (Teorik) | Uygulama | Öğretim Yöntem ve Teknikleri | Ön Hazırlık |
|---|---|---|---|---|
| 1 | HTML Nedir? | Bilgisayar uygulaması | ||
| 2 | HTML'de Başlıklar, Paragraflar, Yapısal Özellikler | Bilgisayar uygulaması | ||
| 3 | HTML'de Listeler, Bağlantılar | Bilgisayar uygulaması | ||
| 4 | HTML'de Görüntüler, Videolar, Ses Dosyaları ile Çalışmak | Bilgisayar uygulaması | ||
| 5 | HTML Tabloları | Bilgisayar uygulaması | ||
| 6 | HTML'de Form Nesneleri | Bilgisayar uygulaması | ||
| 7 | HTML'de Ekstra Konular | Bilgisayar uygulaması | ||
| 8 | Arasınav | |||
| 9 | CSS Nedir? | Bilgisayar uygulaması | ||
| 10 | CSS'te Renkler ve Bazı CSS3 Özellikleri (Dış Paydaşların İsteği Doğrultusunda Eklenmiştir) | Bilgisayar uygulaması | ||
| 11 | CSS'te Metinler | Bilgisayar uygulaması | ||
| 12 | CSS'te Kutuları Şekillendirmek ve Bazı CSS3 Özellikleri (Dış Paydaşların İsteği Doğrultusunda Eklenmiştir) | Bilgisayar uygulaması | ||
| 13 | CSS'te Görüntüler ve Bazı CSS3 Özellikleri (Dış Paydaşların İsteği Doğrultusunda Eklenmiştir) | Bilgisayar uygulaması | ||
| 14 | CSS'te Listeler, Tablolar, Formlar | Bilgisayar uygulaması | ||
| 15 | Proje Demoları (Final Sınavı Yerine) | Bilgisayar uygulaması | ||
| 16 | Final Sınavı |
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
1) Ders kitabı: HTML & CSS design and build websites, Jon Duckett 2) Ders Notları
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 40 |
| Proje Hazırlama | 1 | 60 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 100 | |
Staj Durumu
Yok
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 1 | 1 |
| Proje Hazırlama | 1 | 35 | 35 |
| Proje Sunma | 1 | 1 | 1 |
| Bireysel Çalışma | 14 | 1 | 14 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 10 | 10 |
| Toplam İş Yükü (saat) | 61 | ||
Program ve Öğrenme Çıktıları İlişkisi
| 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 | PÇ 14 | |
| ÖÇ 1 | 4 | 4 | 3 | |||||||||||
| ÖÇ 2 | 4 | 4 | 3 | |||||||||||
| ÖÇ 3 | 4 | 4 | 3 | |||||||||||
| ÖÇ 4 | 4 | 4 | 3 | |||||||||||
| ÖÇ 5 | 4 | 4 | 3 | |||||||||||
| ÖÇ 6 | 4 | 4 | 3 | |||||||||||
| ÖÇ 7 | 4 | 4 | 3 | |||||||||||
| ÖÇ 8 | 4 | 4 | 3 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek