Ana içeriğe atla

Ders Detayı

Ders Tanımı

DersKoduYarıyılT+U SaatKrediAKTS
WEB TASARIMI TEMELLERİ-Güz Dönemi3+036
Ders Programı
Ön Koşul Dersleri
Önerilen Seçmeli Dersler
Dersin Diliİngilizce
Dersin SeviyesiLisans
Dersin TürüZorunlu
Dersin KoordinatörüDr.Öğr.Üye. Kevser ŞAHİNBAŞ
Dersi VerenlerProf.Dr. Gökhan SİLAHTAROĞLU, Dr.Öğr.Üye. Kevser ŞAHİNBAŞ
Dersin Yardımcıları
Dersin AmacıBu dersin amacı öğrencilere Duyarlı Web Sayfasını HTML, CSS ve JavaScript kullanarak öğretmek ve ticari bir web sayfasını sunuma hazır hale getirmek için yapılması gerekenler konusunda fikir vermektir.
Dersin İçeriğiBu ders; Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML,HTML5,İleri Seviye HTML5,Temel Seviye CSS3,Orta Seviye CSS3,İleri Seviye CSS3,CSS-Responsive Tasarım,Web Sayfası Tasarım Projesi ve Responsive Tasarım,Bootstrap 4,Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler,Javascript ile DOM Manipulasyonu ve Events,Todo List Projesi,Örnek Web Sayfası Uygulaması ; konularını içermektedir.
Dersin Öğrenme KazanımlarıÖğretim YöntemleriÖlçme Yöntemleri
1. Web tasarım öğreniminden önce internet teknolojileri hakkında gerekli temel bilgileri açıklayabilecektir.6F
1.1 İnternet altyapısı hakkında temel bilgileri açıklar. 6F
1.2 İnternet teknolojilerindeki yeni gelişmeleri açıklar. 14, 6F
2. HTML yapısını ve çalışma mantığını açıklayabilecektir.6F
2.1. HTML yapısını tanır. 6F
2.2. İleri HTML5 etiketlerini yazar.
3. Web sayfası tasarımında sayfaya içerik, sunum ve davranış şekilleri belirlenmesini, katmanları, davranış türlerini kavrayabilecektir. 6F
3.1 Dinamik web sayfaları oluşturulmasına ilişkin bilgileri kullanır. 6F
3.2. Web sayfalarının türlerini ayırt eder. 6F
4. CSS yapısını, temel, orta ve ileri düzeyde yapar. 6F
4.1. CSS kodları ile tasarım gerçekleştirir. 6F
4.2. Responsive Web Page (Duyarlı Web Sayfası) mantığını anlar ve ileri düzeyde uygular. 14, 6A
5. Web sayfası oluşturabilecektir. 6F
5.1 Web sayfalarına şablon oluşturur. 6F
5.2 HTML elementlerini tanır. 6F
6. JavaScript kodlarını temel düzeyde uygular. 6F
6.1. Javascriptte temel programlama bilgisi olur.
6.2. Javascript ile web sayfasında Hamburger menu yapar.
Öğretim Yöntemleri:14: Bireysel Çalışma Yöntemi, 6: Deneyimle Öğrenme Modeli
Ölçme Yöntemleri:A: Klasik Yazılı Sınav, F: Proje Görevi

Ders Akışı

SıraKonularÖn Hazırlık
1Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML
2HTML5
3İleri Seviye HTML5
4Temel Seviye CSS3
5Orta Seviye CSS3
6İleri Seviye CSS3
7CSS-Responsive Tasarım
8Web Sayfası Tasarım Projesi ve Responsive Tasarım
9Bootstrap 4
10Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler
12Javascript ile DOM Manipulasyonu ve Events
13Todo List Projesi
14Örnek Web Sayfası Uygulaması
Kaynak
Front-End Back-End Development with HTML, CSS, JavaScript, JQuery, PHP, and MySQL, Jon Duckett, ISBN: 9781119813095, 1119813093, Wiley, 2022.
-HTML and CSS, Design and Build Websites, Jon Duckett, ISBN: 9781118008188, 1118008189, Wiley, 2011. -HTML, CSS, and JavaScript All in One: Covering HTML5, CSS3, and ES6, Sams Teach Yourself 3rd Edition, by Julie Meloni , Jennifer Kyrnin

Dersin Program Yeterliliklerine Katkısı

Dersin Program Yeterliliklerine Katkısı
NoProgram Yeterliliği Katkı Düzeyi
12345
1
Bilişim ve yönetim alanında teorik bilgileri tanımlar.
2
Bilişim ve yönetim alanında gerekli matematiksel ve istatistiki yöntemleri anlatır.
3
Bilişim ve yönetim alanında gerekli en az bir bilgisayar programı kullanır.
4
Bilişim ve yönetim alanında gerekli olan mesleki yabancı dil yeterliliğini gösterir.
5
Bilişim projeleri hazırlar ve takım çalışmalarını yönetir.
6
Mesleki alanda yaşam boyu öğrenmenin gerekliliği bilinciyle bilim ve teknolojideki gelişmeleri izleyerek kendini sürekli yenileyip edindiği bilgi ve becerileri eleştirel olarak değerlendirilir.
X
7
Bilişim ve yönetim alanında teorik ve uygulamaya yönelik bilgileri kullanır.
X
8
En az A1 düzeyinde bir yabancı dili kullanarak güncel teknolojileri takip eder, sözlü / yazılı iletişim kurar.
9
Örgüt / kurumsal, iş ve toplumsal etik değerlerini benimser ve kullanır.
10
Topluma hizmet duyarlılığı çerçevesinde, sosyal sorumluluk ilkelerini benimser ve gerektiğinde inisiyatif alır.
11
Disiplinler arası çalışmalar yürütebilmek için farklı disiplinlerde (ekonomi, finans, sosyoloji, hukuk, işletme) temel bilgileri ve verileri analiz ederek alanında kullanır.
12
Masaüstü, mobil, web gibi farklı platform yazılımlarını tek başına ve/veya bir ekip içerisinde yazar.
X

Değerlendirme Sistemi

Katkı DüzeyiMutlak Değerlendirme
Ara Sınavın Başarıya Oranı 40
Genel Sınavın Başarıya Oranı 60
Toplam 100
AKTS / İşyükü Tablosu
EtkinlikSayıSüresi (Saat)Toplam İş Yükü (Saat)
Ders Saati000
Rehberli Problem Çözme000
Problem Çözümü / Ödev / Proje / Rapor Tanzimi000
Okul Dışı Diğer Faaliyetler000
Proje Sunumu / Seminer000
Kısa Sınav (QUİZ) ve Hazırlığı000
Ara Sınav ve Hazırlığı000
Genel Sınav ve Hazırlığı000
Performans Görevi, Bakım Planı000
Toplam İş Yükü (Saat)0
Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(0/30)0
Dersin AKTS Kredisi: *30 saatlik çalışma 1 AKTS kredisi sayılmaktadır.

Dersin Detaylı Bilgileri

Ders Tanımı

DersKoduYarıyılT+U SaatKrediAKTS
WEB TASARIMI TEMELLERİ-Güz Dönemi3+036
Ders Programı
Ön Koşul Dersleri
Önerilen Seçmeli Dersler
Dersin Diliİngilizce
Dersin SeviyesiLisans
Dersin TürüZorunlu
Dersin KoordinatörüDr.Öğr.Üye. Kevser ŞAHİNBAŞ
Dersi VerenlerProf.Dr. Gökhan SİLAHTAROĞLU, Dr.Öğr.Üye. Kevser ŞAHİNBAŞ
Dersin Yardımcıları
Dersin AmacıBu dersin amacı öğrencilere Duyarlı Web Sayfasını HTML, CSS ve JavaScript kullanarak öğretmek ve ticari bir web sayfasını sunuma hazır hale getirmek için yapılması gerekenler konusunda fikir vermektir.
Dersin İçeriğiBu ders; Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML,HTML5,İleri Seviye HTML5,Temel Seviye CSS3,Orta Seviye CSS3,İleri Seviye CSS3,CSS-Responsive Tasarım,Web Sayfası Tasarım Projesi ve Responsive Tasarım,Bootstrap 4,Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler,Javascript ile DOM Manipulasyonu ve Events,Todo List Projesi,Örnek Web Sayfası Uygulaması ; konularını içermektedir.
Dersin Öğrenme KazanımlarıÖğretim YöntemleriÖlçme Yöntemleri
1. Web tasarım öğreniminden önce internet teknolojileri hakkında gerekli temel bilgileri açıklayabilecektir.6F
1.1 İnternet altyapısı hakkında temel bilgileri açıklar. 6F
1.2 İnternet teknolojilerindeki yeni gelişmeleri açıklar. 14, 6F
2. HTML yapısını ve çalışma mantığını açıklayabilecektir.6F
2.1. HTML yapısını tanır. 6F
2.2. İleri HTML5 etiketlerini yazar.
3. Web sayfası tasarımında sayfaya içerik, sunum ve davranış şekilleri belirlenmesini, katmanları, davranış türlerini kavrayabilecektir. 6F
3.1 Dinamik web sayfaları oluşturulmasına ilişkin bilgileri kullanır. 6F
3.2. Web sayfalarının türlerini ayırt eder. 6F
4. CSS yapısını, temel, orta ve ileri düzeyde yapar. 6F
4.1. CSS kodları ile tasarım gerçekleştirir. 6F
4.2. Responsive Web Page (Duyarlı Web Sayfası) mantığını anlar ve ileri düzeyde uygular. 14, 6A
5. Web sayfası oluşturabilecektir. 6F
5.1 Web sayfalarına şablon oluşturur. 6F
5.2 HTML elementlerini tanır. 6F
6. JavaScript kodlarını temel düzeyde uygular. 6F
6.1. Javascriptte temel programlama bilgisi olur.
6.2. Javascript ile web sayfasında Hamburger menu yapar.
Öğretim Yöntemleri:14: Bireysel Çalışma Yöntemi, 6: Deneyimle Öğrenme Modeli
Ölçme Yöntemleri:A: Klasik Yazılı Sınav, F: Proje Görevi

Ders Akışı

SıraKonularÖn Hazırlık
1Brief History of the Internet, Web Concept and How Does a Web Page Work?, Front End, Back End and Full Stack Developer Concepts and Introduction to HTML
2HTML5
3İleri Seviye HTML5
4Temel Seviye CSS3
5Orta Seviye CSS3
6İleri Seviye CSS3
7CSS-Responsive Tasarım
8Web Sayfası Tasarım Projesi ve Responsive Tasarım
9Bootstrap 4
10Javascript Temelleri, Veri Tipleri, Objeler ve Operatörler
12Javascript ile DOM Manipulasyonu ve Events
13Todo List Projesi
14Örnek Web Sayfası Uygulaması
Kaynak
Front-End Back-End Development with HTML, CSS, JavaScript, JQuery, PHP, and MySQL, Jon Duckett, ISBN: 9781119813095, 1119813093, Wiley, 2022.
-HTML and CSS, Design and Build Websites, Jon Duckett, ISBN: 9781118008188, 1118008189, Wiley, 2011. -HTML, CSS, and JavaScript All in One: Covering HTML5, CSS3, and ES6, Sams Teach Yourself 3rd Edition, by Julie Meloni , Jennifer Kyrnin

Dersin Program Yeterliliklerine Katkısı

Dersin Program Yeterliliklerine Katkısı
NoProgram Yeterliliği Katkı Düzeyi
12345
1
Bilişim ve yönetim alanında teorik bilgileri tanımlar.
2
Bilişim ve yönetim alanında gerekli matematiksel ve istatistiki yöntemleri anlatır.
3
Bilişim ve yönetim alanında gerekli en az bir bilgisayar programı kullanır.
4
Bilişim ve yönetim alanında gerekli olan mesleki yabancı dil yeterliliğini gösterir.
5
Bilişim projeleri hazırlar ve takım çalışmalarını yönetir.
6
Mesleki alanda yaşam boyu öğrenmenin gerekliliği bilinciyle bilim ve teknolojideki gelişmeleri izleyerek kendini sürekli yenileyip edindiği bilgi ve becerileri eleştirel olarak değerlendirilir.
X
7
Bilişim ve yönetim alanında teorik ve uygulamaya yönelik bilgileri kullanır.
X
8
En az A1 düzeyinde bir yabancı dili kullanarak güncel teknolojileri takip eder, sözlü / yazılı iletişim kurar.
9
Örgüt / kurumsal, iş ve toplumsal etik değerlerini benimser ve kullanır.
10
Topluma hizmet duyarlılığı çerçevesinde, sosyal sorumluluk ilkelerini benimser ve gerektiğinde inisiyatif alır.
11
Disiplinler arası çalışmalar yürütebilmek için farklı disiplinlerde (ekonomi, finans, sosyoloji, hukuk, işletme) temel bilgileri ve verileri analiz ederek alanında kullanır.
12
Masaüstü, mobil, web gibi farklı platform yazılımlarını tek başına ve/veya bir ekip içerisinde yazar.
X

Değerlendirme Sistemi

Katkı DüzeyiMutlak Değerlendirme
Ara Sınavın Başarıya Oranı 40
Genel Sınavın Başarıya Oranı 60
Toplam 100

Sayısal Veriler

Öğrenci Başarı Durumu

Ekleme Tarihi: 06/07/2022 - 15:10Son Güncelleme Tarihi: 06/07/2022 - 15:13