Dersin Adı Ders Kodu Yarıyılı Teori
(Saat/Hafta)		 Uygulama
(Saat/Hafta)		 Akts
WEB TASARIMI BIL 107 1 3 1 5,0
Önkoşul(lar)-var ise
Dersin Dili Türkçe , Türkçe
Dersin Türü Ön Lisans
Dersin sorumlusu(ları)
Dersin Amacı Öğrencilere web tasarımın temelleri ve web tabanlı programlama hakkında kapsamlı bilgi ve yetkinliklerin kazandırılmasıdır.
Dersin Verilme Şekli Örgün
Sıra No Dersin Öğrenme Çıktıları Öğretim Yöntemleri Değerlendirme Yöntemleri Program Yeterliliklerini Karşılama Düzeyi(1)(2)(3)(4)(5)
1 Knows and defines internet concepts related to web design.
1 Web tasarımı ile ilgili internet kavramlarını bilir ve tanımlar. Anlatım, Soru-cevap, Gösterip Yaptırma Sınav 8
2 Web sayfası tasarlamak için html, css, bootstrap, javascript konularında bilgi kazanır. Anlatım, Soru-cevap, Gösterip Yaptırma Sınav 4, 5, 6, 13
2 Gain knowledge of html, css, bootstrap, javascript to design web pages.
3 Knows and uses web design development platforms.
3 Web tasarım geliştirme platformlarını bilir ve kullanır. Anlatım, Soru-cevap, Gösterip Yaptırma Sınav 4, 5, 6
4 Web tasarımı sürecinde etkin olarak çalışabilir. Anlatım, Soru-cevap, Gösterip Yaptırma Sınav, Performans Ödevi 2, 4, 5, 6, 8, 10, 12, 13
4 Can work effectively in the web design process.
5 Will be able to make changes on ready web designs.
5 Hazır web tasarımları üzerinde değişiklikler yapabilecektir. Anlatım, Soru-cevap, Gösterip Yaptırma Sınav, Performans Ödevi 1, 4, 5, 6, 8, 9, 12, 13
6 Yeni bir web sitesi tasarımını kendi kendine yapıp yayınlayabilir. Anlatım, Soru-cevap, Gösterip Yaptırma Sınav, Performans Ödevi 4, 5, 6, 7, 8, 9, 10, 12, 13
6 A new website design can be self-published.
7
7
8
8
9
9
10
10
11
11
12
12
13
13
14
14
15
15
Dersin İçeriği
Öğrencilere web tabanlı yazılım geliştirme temellerinin kazandırılması adına web tasarım, programlama, Bu bağlamda temel web tasarım kuralları, ilkeleri, sayfa içerik yönetimi ve web programlama dilleri gibi konular ele alınacaktır.
Kaynaklar
1- Gün, M. E.(2017). "Her Yönüyle HTML 5".Kodlab. 2- Gelişken U., Web tasarımı ve web programlama. Level Kitap. 3- Fahrettin E. (2020) .Yeni başlayanlar için HTML5 CSS3 Javascript. Abaküs Kitap. 4- https://www.w3schools.com/
Haftalara Göre İşlenecek Konular
Haftalar Konular Dokümanlar
1 . Hafta Internet and web definitions, giving html basic tags. Introduction to Visual Studio Code programme.
1 . Hafta İnternet ve web tanımları html temel etiketlerin verilmesi. Visual Studio Code programına giriş.
2 . Hafta HTML etiketlerinin tanıtılması ve kullanımı.
2 . Hafta Introduction and use of HTML tags.
3 . Hafta Html Basic Tags Text and View Tags
3 . Hafta Html Temel Etiketleri Metin ve Görünüm Etiketleri
4 . Hafta Bağlantı (köprü) oluşturma ve tablo işlemleri
4 . Hafta Link (hyperlink) creation and table operations
5 . Hafta Table and listing operations
5 . Hafta Tablo ve listeleme işlemleri
6 . Hafta Çerçeveler ve çoklu ortam araçlarının kullanımı
6 . Hafta Frames and the use of multimedia tools
7 . Hafta Forms
7 . Hafta Formlar
8 . Hafta Ara Sınav
8 . Hafta Midterm Exam
9 . Hafta Use of multimedia tools
9 . Hafta Çoklu ortam araçlarının kullanımı
10 . Hafta Stil Şablonu (CSS) Temelleri ve Özellikleri
10 . Hafta Style Template (CSS) Basics and Features
11 . Hafta Style Template (CSS) Menu Operations
11 . Hafta Stil Şablonu (CSS) Menü İşlemleri
12 . Hafta Bootstrap ile web sayfası üzerinde hazır komponentlerin kullanımı
12 . Hafta Using ready-made components on the web page with Bootstrap
13 . Hafta Javascript and Menu Operations
13 . Hafta Javascript
14 . Hafta Javascript ve Menü İşlemleri
14 . Hafta Domain, Hosting and Server Operations
15 . Hafta Final Exam
15 . Hafta Domain, Hosting ve Server İşlemleri
Değerlendirme Sistemi
Yarıyıl içi çalışmaları Sayısı Katkı Payı (%)
Ara Sınav 1 30
Performans Ödevi 0 0
Dönem Sonu Sınavı 0 0
0 0
0 0
0 0
1 60
0 0
0 0
0 0
1 10
0 0
0 0
0 0
0 0
0 0
0 0
0 0
0 0
0 0
0 0
Toplam 100
Yarıyıl İçi Çalışmalarının Başarı Notuna Katkısı 2 30
Yarıyıl Sonu Çalışmalarının Başarı Notuna Katkısı 1 0
Toplam 100
AKTS (Öğrenci İş Yükü) Tablosu
Etkinlikler Sayısı Süresi Toplam İş Yükü
1 5 5
0 0 0
0 0 0
1 5 5
1 10 10
0 0 0
0 0 0
0 0 0
5 4 20
0 0 0
0 0 0
0 0 0
0 0 0
16 3 48
0 0 0
0 0 0
16 2 32
16 1 16
Toplam İş Yükü 136
Dersin Öğrenme Çıktılarının Program Yeterlilikleri İle İlişkilendirilmesi
Sıra No Program Yeterlilikleri Katkı Düzeyi*
1 2 3 4 5
1 To be able to construct mathematical models of computer systems and simulate them on computer. X
2 Knows algorithm design and can make analysis techniques. X
3 Knows how to develop algorithms and can create the appropriate data structure for the algorithm. X
4 Knows and can use software development platforms. X
5 Gains the ability to work independently and take responsibility. X
6 Gains the ability to learn and manage learning. X
7 Knows at least one of the web programming languages. X
8 Knows and uses web programming software development platforms. X
9 Can define a new computer problem by himself/herself. X
10 Knows and uses the hardware components of the computer. X
11 Knows the basic elements of computers and microprocessors and makes component selection X
12 Determines the necessary skills for solving problems and develops methods. X
13 Proposes innovative solutions according to the current state of basic sciences and technology. X