Anasayfa » Akademik Birimler » Eğitim Fakültesi » Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü » Dersler » Web Tasarımı
Ders AdıKodu Yerel KrediAKTS Ders (saat/hafta)Uygulama (saat/hafta)Laboratuar (saat/hafta)
Web TasarımıBTO206235220
ÖnkoşullarYok
YarıyılBahar
Dersin Diliİngilizce
Dersin SeviyesiLisans
Dersin TürüZorunlu @ Bilgisayar ve Öğretim Teknolojileri Eğitimi Lisans Programı (%30 İngilizce)
Ders KategorisiUzmanlık/Alan Dersleri
Dersin Veriliş ŞekliYüz yüze
Dersi Sunan Akademik BirimBilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü
Dersin KoordinatörüMehmet Fatih Erkoç
Dersi Veren(ler)Mehmet Fatih Erkoç
Asistan(lar)ı
Dersin AmacıBu dersin amacı; web programlama için kullanılan editörler, geliştirme ve düzenleme için kullanılan programlama dilleri, web sunucularının kurulumu, web protokolleri, web ortamında veritabanı bağlantıları ve sorgulamaları konularında temel bilgilerin kazandırılmasıdır.
Dersin İçeriğiProgramlama için kullanılan editörler ve program geliştirme ortamları; HTML5 ile sayfa tasarımı; biçimlendirmede stil sayfalarının kullanımı (CSS); dinamik sayfalar oluşturma (javascript); web sunucusu kurulumu; internet programlamada çerez kavramı ve kullanım alanları; internet üzerinden HTTP istek ve yanıtlarının gönderilmesi; internet üzerinden veritabanına bağlanma ve işlemler gerçekleştirme; veri tabanında bulunan bilgileri listeleme, sıralama, değiştirme; eğitim amaçlı dinamik bir internet uygulaması geliştirme.
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
  • Harris, A., (2014), HTML5 and CSS3 All-in-One. John Wiley & Sons.
  • McFedries, P., (2018), Web Coding & Development All-in-One. John Wiley & Sons.
  • Harris, A., (2014), HTML5 and CSS3 All-in-One. John Wiley & Sons.
Opsiyonel Program BileşenleriBu ders, aşağıdaki MEB Öğretmenlik Mesleği Genel Yeterlilikleri ile ilişkilidir: • A1. Alan Bilgisi: Alanında sorgulayıcı bakış açısını kapsayacak şekilde ileri düzeyde kuramsal, metodolojik ve olgusal bilgiye sahiptir. • B2. Öğrenme Ortamları Oluşturma: Bütün öğrencileri için etkili öğrenmenin gerçekleşebileceği sağlıklı ve güvenli öğrenme ortamları ile uygun öğretim materyalleri hazırlar. Bu ders, Türkiye Yükseköğretim Yeterlilikler Çerçevesi (TYYÇ)'ne göre aşağıdaki yeterlilikler ile ilişkilidir: • Beceriler (Bilişsel ve Uygulamalı): 5. Konu alanına ve öğrencinin gereksinimlerine uygun materyal geliştirir. • Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği: 1. Bireysel ve grup çalışmalarında sorumluluk alır ve alınan görevi etkin bir şekilde yerine getirir. • Öğrenme Yetkinliği: 4. Bilgiye ulaşma yollarını etkin bir şekilde kullanır. Öğretim Yöntem ve Teknikleri: Bu derste, düz anlatım, gösterip yaptırma, grup çalışmaları ve bilgisayar destekli öğretim teknikleri uygulanmaktadır. Dersin ölçme ve değerlendirilmesinde, ödev, proje, ara sınav ve final sınavı uygulanmaktadır.

Ders Öğrenim Çıktıları

  1. Web programlama için kullanılan editör ve programlama dillerini bilir.
  2. HTML5 ile web sayfası geliştirir ve CSS ile geliştirdiği web sayfasını biçimlendirir.
  3. Javascript dili ile dinamik web sayfaları geliştirir.
  4. HTTP ve diğer web protokollerini bilir ve kullanır.
  5. Web ortamında bir veritabanına bağlanıp sorgu yapmasını bilir.
  6. Eğitim amaçlı bir web uygulaması geliştirir.

Ders Öğrenim Çıktısı & Program Çıktısı Matrisi

DÖÇ-1DÖÇ-2DÖÇ-3DÖÇ-4DÖÇ-5DÖÇ-6

Haftalık Konular ve İlgili Ön Hazırlık Çalışmaları

HaftaKonularÖn Hazırlık
1Ders Tanıtımı – Web Programlama Editörleri ve Web Programlama Dilleri
2Temel HTML5 Etiketleri – Liste Etiketleri – Sıralı, Sırasız ve İç İçe Liste Etiketleri Okuma: HTML5 and CSS3 All-in-One Part I Chapter 1-2-3-4
3HTML5 Tablolarla Çalışma – Tablo Etiketleri – Bağlantı Etiketleri – Bağlantı ListeleriOkuma: HTML5 and CSS3 All-in-One Part I Chapter 5
4HTML5 Resim, Ses ve Videolar ile Çalışma – Resim Etiketleri – Ses Etiketleri – Video Etiketleri Okuma: HTML5 and CSS3 All-in-One Part I Chapter 6
5Formlarla Çalışma – Form Etiketleri – Metin Alanları – Şifre Alanları – Çoklu Seçim Alanları – Çoktan Seçme Alanları – Düğmeler – HTML5 ile Gelen Yeni Form ElemanlarıOkuma: HTML5 and CSS3 All-in-One Part I Chapter 7
6CSS ile Web Sayfalarını Biçimlendirme – Renkler İle Çalışma – Metinleri BiçimlendirmeOkuma: HTML5 and CSS3 All-in-One Part II Chapter 1-2
7CSS3 Seçiciler – Sınıf ve Style ile Çalışma – Bölme (div) ve Kapsam (span) ile Çalışma – CSS3 YenilikleriOkuma: HTML5 and CSS3 All-in-One Part II Chapter 3
8Ara Sınav 1
9CSS3 Seviyeleri – Stil Seviyelerinin Yönetimi – Stil Öncelikleri – Tarayıcı Uyumlarının Yönetimi – CSS Özel Efektleri – Resim, Metin ve Geçiş ve Dönüşüm Efektleri Okuma: HTML5 and CSS3 All-in-One Part II Chapter 5-6
10CSS3 Seviyeleri – Stil Seviyelerinin Yönetimi – Stil Öncelikleri – Tarayıcı Uyumlarının Yönetimi – CSS Özel Efektleri – Resim, Metin ve Geçiş ve Dönüşüm Efektleri Okuma: HTML5 and CSS3 All-in-One Part II Chapter 5-6
11CSS3 ile Sayfa Yerleşimleri YapılandırmaOkuma: HTML5 and CSS3 All-in-One Part III Chapter 1-2-3-4
12JavaScript ile İstemci Tarafı Programlama – Fonksiyonlar ve Olaylar Yazma - Düğme ve Metin Alanı OlaylarıOkuma: HTML5 and CSS3 All-in-One Part IV Chapter 1-2
13JavaScript Koşul İfadeleri – Döngüler – Diziler – Nesneler İle Çalışma – Canvas İle ÇalışmaOkuma: HTML5 and CSS3 All-in-One Part IV Chapter 3-4-5-6-7
14Veri Tabanı İle Çalışma – Veritabanı Sorgulaması YapmaOkuma: HTML5 and CSS3 All-in-One Part VI Chapter 1-2
15PHP veritabanı uygulamalarıOkuma: Dönem içi ders sunumları ve ders kaynakları
16Final

Değerlendirme Sistemi

EtkinliklerSayıKatkı Payı
Devam/Katılım135
Laboratuar
Uygulama135
Arazi Çalışması
Derse Özgü Staj
Küçük Sınavlar/Stüdyo Kritiği
Ödev210
Sunum/Jüri
Projeler110
Seminer/Workshop
Ara Sınavlar130
Final140
Dönem İçi Çalışmaların Başarı Notuna Katkısı
Final Sınavının Başarı Notuna Katkısı
TOPLAM100

AKTS İşyükü Tablosu

EtkinliklerSayıSüresi (Saat)Toplam İşyükü
Ders Saati132
Laboratuar
Uygulama132
Arazi Çalışması
Sınıf Dışı Ders Çalışması162
Derse Özgü Staj
Ödev28
Küçük Sınavlar/Stüdyo Kritiği
Projeler120
Sunum / Seminer
Ara Sınavlar (Sınav Süresi + Sınav Hazırlık Süresi)110
Final (Sınav Süresi + Sınav Hazırlık Süresi)110
Toplam İşyükü :
Toplam İşyükü / 30(s) :
AKTS Kredisi :
Diğer NotlarYok