Ders Adı Web Teknolojileri
Ders Kodu BLG-802
Dersin Türü Zorunlu
Ders Biriminin Seviyesi Lisans
Yıl 1
Dönem 1.Yarıyıl
AKTS 3
Dersi Veren(ler) Dr. Öğr. Üyesi Cevriye altıntaş
Dersin Yardımcıları 02462146756
Ders İşleme Biçimi Yüz Yüze
Önkoşul Dersleri
Dersin İçeriği Bu ders öğrencilere web tasarım pratikleri ve HMTL ve CSS kodlama sistemlerinin temel prensiblerini sağlar. Bu ders öğrencilere web standartları, kullanılabilirliği ve iş akışı ve erişebilirliği için tasarım yapmayı tanıtır. Bu ders öğrenciler ile birlikte çoklu medyayı keşfedererk ve kendi grid sistemlerini inşa ederek “esnek” (responsive) tasarıma webe bir tasarım bilgisi sağlar.
Dersin Verildiği Diller Türkçe
Dersin Amacı Bu dersi alan öğrencilerin: 1) Web Sitesi tasarımı ve yapılandırmasının method ve teknolojilerini kullanabilmeleri, 2) İçerik yönetim sistemlerini kullanarak WWW standartları için web sayfaları kurmaları, 3) Web sayfası yaratabilecek HTML, CSS ve temel web tasarım prensiplerini uygulayabilmeleri beklenmektedir.
Ders Yapısı
Temel/Alana Özgü Mesleki Dersler 20
Uzmanlık/Program Dersi 80
Destek Dersi 0
Beceri,İletişim ve Yönetim Becerileri Dersi 0
Aktarılabilir Beceri Dersi 0
Matematik ve Temel Bilimler 0
Temel Eğitim 0
Ders İşleme Şekli
Sınıf Dersi 70
Sınıf Dersi açıklama 0
Problem Saati 10
Problem Saati Açıklama 0
Laboratuvar 0
Laboratuvar Açıklama 0
Diğer 20
Diğer Açıklama 5
No Dersin Kazanımları  
1 İnternet programı geliştirirler.
2 İnternet programlama metodlarıyla Kulanıcı-Sunucu modeli tasarlarlar.
3 HTML formları üzerinden girilen verilerin işlenmesi gibi benzeri otomatikleştirilmiş veri işleyişi yapabilen yazılımları geliştirirler.
4 İnternet programlama işlevlerinin nasıl yürütüldüğünü anlarlar.
5 Internet üzerinden veri aktarımı yapmaya yardımcı olan Internet araçlarını kullanırlar.
6 Interaktif, kullanıcı-tabanlı, çalıştırılabilinir Web uygulamalarını geliştirirler.
7 JavaScript tabanlı uygulamalarını geliştirirler.
DERSİN KAZANIMLARI / PROGRAM YETERLİKLERİ İLİŞKİ MATRİSİ
DKPÇ1PÇ2PÇ3PÇ4PÇ5PÇ6PÇ7PÇ8PÇ9PÇ10PÇ11PÇ12PÇ13PÇ14PÇ15
1
2
3
4
5
6
7
5-Çok Yüksek İlişkili 4- Yüksek İlişkili 3-Orta İlişkili 2- Zayıf İlişkili 1-İlişkisiz
Hafta Konular  
1 İnternet ve WEB Tanımları Html Temel Etiketleri
2 Html Temel Etiketleri Metin ve Görünüm Etiketleri
3 Metin ve Görünüm Etiketleri Bağlantı (Köprü) Oluşturma
4 Bağlantı (Köprü) Oluşturma Tablo İşlemleri
5 Tablo İşlemleri Formlar
6 Formlar ve Kullanımları
7 Çerçeveler ve Kullanımları
8 Çoklu Ortam Araçları
9 Çoklu Ortam Araçları
10 Stil Şablonu(CSS) Temelleri
11 Stil Şablonu(CSS) Temelleri
12 Stil Şablonu(CSS) Özellikleri Menü İşlemleri
13 Javascript ve Menü İşlemleri
14 Domain Hosting ve Server işlemeleri
No Program Çıktısı Katkı Düzeyi
1 Matematik, fen bilimleri ve bilgisayar mühendisliğine özgü konularda yeterli bilgi birikimi; bu alanlardaki kuramsal ve uygulamalı bilgileri, karmaşık mühendislik problemlerinde kullanabilme becerisi. 2
2 Bilgisayar Mühendisliğindeki karmaşık mühendislik problemlerini, temel bilim, matematik ve mühendislik bilgilerini kullanarak ve ele alınan problemle ilgili BM Sürdürülebilir Kalkınma Amaçlarını gözeterek tanımlama, formüle etme ve analiz becerisi. 3
3 Karmaşık mühendislik problemlerine yaratıcı çözümler tasarlama becerisi; karmaşık sistemleri, süreçleri, cihazları veya ürünleri gerçekçi kısıtları ve koşulları gözeterek, mevcut ve gelecekteki gereksinimleri karşılayacak biçimde tasarlama becerisi. 3
4 Bilgisayar Mühendisliği uygulamalarında karşılaşılan karmaşık problemlerin analizi ve çözümü için gerekli olan modern teknik ve araçları geliştirme, seçme ve kullanma becerisi; bilişim teknolojilerini etkin bir şekilde kullanma becerisi. 2
5 Karmaşık Bilgisayar Mühendisliği problemlerinin incelenmesi için literatür araştırması, deney tasarlama, deney yapma, veri toplama, sonuçları analiz etme ve yorumlama dahil, araştırma yöntemlerini kullanma becerisi. 4
6 Bilgisayar Mühendisliği uygulamalarının BM Sürdürülebilir Kalkınma Amaçları kapsamında, topluma, sağlık ve güvenliğe, ekonomiye, sürdürülebilirlik ve çevreye etkileri hakkında bilgi; mühendislik çözümlerinin hukuksal sonuçları konusunda farkındalık. 3
7 Etik ilkelerine uygun davranma, mesleki ve etik sorumluluk bilinci; Bilgisayar Mühendisliği uygulamalarında kullanılan standartlar hakkında bilgi. 3
8 Bireysel olarak ve disiplin içi ve çok disiplinli takımlarda (yüz yüze, uzaktan veya karma) takım üyesi veya lideri olarak etkin biçimde çalışabilme becerisi. 3
9 Türkçe sözlü ve yazılı etkin iletişim kurma becerisi; en az bir yabancı dil bilgisi; etkin rapor yazma ve yazılı raporları anlama, tasarım ve üretim raporları hazırlayabilme, etkin sunum yapabilme, açık ve anlaşılır talimat verme ve alma becerisi. 2
10 Proje yönetimi, risk yönetimi ve değişiklik yönetimi gibi, iş hayatındaki uygulamalar hakkında bilgi; girişimcilik, yenilikçilik hakkında farkındalık; sürdürülebilir kalkınma hakkında bilgi. 4
11 Yaşam boyu öğrenmenin gerekliliği konusunda farkındalık; bilgiye erişebilme, bilim ve teknolojideki gelişmeleri izleme ve kendini sürekli yenileme becerisi. 2
12 Elektrik ve elektronik, sayısal sistemlerin tasarım ve analizi, bilgisayar mimarisi, bilgisayar ve haberleşme ağları konularında kapsamlı bilgi ve becerisi. 2
13 Bilgisayar mühendisliğinde algoritma analizi, karmaşık veri yapıları, nesneye yönelik programlama, veri tabanı yönetim sistemleri, karmaşık sistemlerin yazılım analizi ya da tasarımı, işletim sistemleri ve otomata teorisi konularında kapsamlı bilgi ve becerisi. 1
14 Mesleki Uygulama Deneyimi: Öğrencilerin, iş yeri ortamında teorik bilgilerini pratiğe aktarma, gerçek mühendislik problemlerini çözme, iş hayatının dinamiklerini anlama ve mesleki sorumluluklarını geliştirme becerisi kazanmaları. 1
15 Sosyal ve Kültürel Bilinç: Atatürk İlkeleri ve İnkılap Tarihi, Türk Dili ve İngilizce gibi zorunlu dersler aracılığıyla, öğrencilerin tarihi, kültürel, dilsel ve evrensel değerlere dair farkındalık kazanması; eleştirel düşünme ve küresel ölçekte etkileşim becerilerini geliştirme. 1
Yarıyıl İçi Çalışmaları Sayısı Katkı Payı
Ara Sınav 1 40
Kısa Sınav 0 0
Ödev 1 60
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 100
Yıliçinin Başarıya Oranı 50
Finalin Başarıya Oranı 50
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 3 42
Sınıf Dışı Ders Çalışma Süresi 12 1 12
Ödevler 1 20 20
Sunum/Seminer 0 0 0
Proje 0 0 0
Laboratuar Çalışması 0 0 0
Arazi ya da Alan Çalışması 0 0 0
Kısa Sınav 0 0 0
Araştırma 0 0 0
Rapor Yazma/Rapor sunumu 0 0 0
Vaka İncelemesi 0 0 0
Staj 0 0 0
Uygulama/Materyal Hazırlama 0 0 0
Tez Çalışması 0 0 0
Ara Sınavlar 1 20 20
Yarıyıl Sonu Sınavı 1 20 20
İşyükü Saati (30) 0
Toplam İşyükü / Saat 114    
Dersin Akts Kredisi 4    
Ders Notu Öğretim Elemanı Ders Notları
Diğer Kaynaklar Öğretim Elemanı Ders Notları
Materyal
Dökümanlar Öğretim Elemanı Ders Notları
Ödevler Web Projesi Yapımı
Sınavlar
Materyal Diğer
Planlanmış Öğrenme Faaliyetleri ve Öğretim Yöntemleri











Course Weekly Schedules
Hafta 1 .Hafta
Konu
Haftalık Kapsam ve Hedefler İnternetin ve web'in temel yapısı, HTML dilinin önemi, web sayfalarını oluşturan temel HTML etiketlerinin tanıtımı.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar Öğrenme kaynağı olarak https://www.w3schools.com/html/ web adresi kullanılacaktır.
Haftalık Öğrenme Etkinlikleri Açıklama Öğrenme ders anlatımı ve uygulama şeklinde yapılacaktır.
Haftalık Ölçme-Değerlendirme Etkinlikleri Uygulama,
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri Öğrenci dersin uygulaması için bilgisayarına Visual Studio kurmalıdır.
Hafta 2 .Hafta
Konu
Haftalık Kapsam ve Hedefler HTML'de metin etiketleri (başlık, paragraf, liste vb.) ve görünüm etiketleri (renk, yazı tipi, boyut vb.) hakkında bilgiler.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri Uygulama,
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 3 .Hafta
Konu
Haftalık Kapsam ve Hedefler Metin ve görünüm etiketlerinin kullanımı ile birlikte, HTML'de bağlantılar (linkler) ve köprülerin nasıl oluşturulacağı
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 4 .Hafta
Konu
Haftalık Kapsam ve Hedefler HTML'de köprü oluşturma ve tablo etiketleri kullanılarak veri tablolarının oluşturulması.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 5 .Hafta
Konu
Haftalık Kapsam ve Hedefler HTML'de tablo etiketleri ile daha gelişmiş tablo yapıları oluşturulması ve form etiketleri kullanarak kullanıcı girişlerini alma.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 6 .Hafta
Konu
Haftalık Kapsam ve Hedefler HTML form elemanlarının (input, select, textarea vb.) kullanımı ve kullanıcıdan veri alma işlemlerinin detayları.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 7 .Hafta
Konu
Haftalık Kapsam ve Hedefler HTML ile çerçeve (iframe) etiketlerinin kullanımı, web sayfası içerisinde farklı içerikleri bağımsız pencerelerde görüntüleme.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 8 .Hafta
Konu
Haftalık Kapsam ve Hedefler HTML5 ile gelen video, ses, animasyon ve diğer medya araçlarının entegrasyonu.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 9 .Hafta
Konu
Haftalık Kapsam ve Hedefler Çeşitli medya dosyalarının (video, ses, resim) web sayfalarına eklenmesi, HTML5 ile gelen multimedya özelliklerinin detayları.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 10 .Hafta
Konu
Haftalık Kapsam ve Hedefler CSS dilinin temelleri, web sayfalarının görünümünü özelleştirmek için kullanılan stil özelliklerinin tanıtımı.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 11 .Hafta
Konu
Haftalık Kapsam ve Hedefler CSS'nin daha ileri düzey özellikleri, stil kurallarının uygulanması ve sayfa tasarımında kullanılan CSS teknikleri.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 12 .Hafta
Konu
Haftalık Kapsam ve Hedefler CSS ile sayfa düzeni, renkler, yazı tipleri ve menü tasarımının nasıl yapılacağına dair bilgiler.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 13 .Hafta
Konu
Haftalık Kapsam ve Hedefler JavaScript dilinin temel kullanımı, dinamik menüler oluşturma, etkileşimli web sayfaları yaratma.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri
Hafta 14 .Hafta
Konu
Haftalık Kapsam ve Hedefler Web sitelerinin internette yayınlanabilmesi için alan adı (domain), barındırma (hosting) ve sunucu işlemlerinin nasıl yapıldığı.
Haftalık Öğrenme Etkinlikleri/Kaynakları/Videolar
Haftalık Öğrenme Etkinlikleri Açıklama
Haftalık Ölçme-Değerlendirme Etkinlikleri
Haftalık Ölçme-Değerlendirme Notlandırması/Ödev Teslim Süreleri