Mobil Teknolojileri
Önlisans TYYÇ: 5. Düzey QF-EHEA: Kısa Düzey EQF-LLL: 5. Düzey

Ders Genel Tanıtım Bilgileri

Ders Kodu: MBLP115
Ders İsmi: Websitesi Temelleri
Ders Yarıyılı: Bahar
Ders Kredileri:
Teorik Pratik Kredi AKTS
3 0 3 6
Öğretim Dili: TR
Ders Koşulu:
Ders İş Deneyimini Gerektiriyor mu?: Hayır
Dersin Türü: Bölüm/Fakülte Seçmeli
Dersin Seviyesi:
Önlisans TYYÇ:5. Düzey QF-EHEA:Kısa Düzey EQF-LLL:5. Düzey
Dersin Veriliş Şekli: Yüz yüze
Dersin Koordinatörü: Öğr.Gör. ALPER ÇELTİKÇİ
Dersi Veren(ler):



Dersin Yardımcıları:

Dersin Amaç ve İçeriği

Dersin Amacı: İnternet Ortamı tanımak.
Web tasarımında temel ilkelerini öğrenmek.
Web sitesi tasarlayabilmek.
Web sitesini yayınlayabilmek.
Web sitesi güvenlik ayarları, yedekleme işlemleri, bakım işlemleri bilmek
Dersin İçeriği: İnternet Ortamı. Web tasarımında temel ilkeler. HTML ve CSS. Resimlerin Düzenlenmesi. Animasyon Hazırlama. Web sitesi ihtiyaçları. Web sitesi tasarlama. Web sitesi yayınlama işlemleri. Web sitesi güvenlik ayarları. Web sitesini yedekleme işlemleri. Web sitesi bakım işlemleri.

Öğrenme Kazanımları

Bu dersi başarıyla tamamlayabilen öğrenciler;
Öğrenme Kazanımları
1 - Bilgi
Kuramsal - Olgusal
2 - Beceriler
Bilişsel - Uygulamalı
1) İnternet Ortamı tanımak.
2) Web tasarımında temel ilkelerini öğrenmek.
3) Web sitesi tasarlayabilmek.
4) Web sitesini yayınlayabilmek.
5) Web sitesi güvenlik ayarları, yedekleme işlemleri, bakım işlemleri bilmek
3 - Yetkinlikler
İletişim ve Sosyal Yetkinlik
Öğrenme Yetkinliği
Alana Özgü Yetkinlik
Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği

Ders Akış Planı

Hafta Konu Ön Hazırlık
1) Ders Tanıtımı. İnternet Ortamı. İnternet ve İnternetin Altyapısı IP (İnternet Protocol) Numarası Alan Adı (Domain) Barındırma (Hosting) Web Tarayıcıları • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
2) Web Tasarım İlkeleri Sayfa Hazırlarken Dikkat Edilecek Noktalar Görsel Tasarım Web Tasarımında Temel İlkeler Hedef Kitle Beklentileri Biçimsel Özellikler Projede Kullanılacak Yazılımların Belirlenmesi • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
3) HTML Sayfalarının Önizlenmesi XHTML Belge Yapısı XHTML (Metin Biçimlendirme, Listeler, Köprüler, Resimler, Tablolar) Temel HTML Komutları HTML Komutlarının Yapısı ve Yazım Kuralları Açıklamalar HTML Sayfası Oluşturma ve Kaydetme Temel HTML Komutları HTML Sayfalarının Düzenlenmesi HTML Sayfalarının İncelenmesi  Şablon Dosya  Dosya Adları • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
4) XHTML (Formlar, Çoklu Ortam) HTML Formları Form Oluşturma Metin Kutuları E-mail ve Web Adres Kutuları Metin Alanları Onay ve İptal Butonları UYGULAMA: Bir Mail Form oluşturma ve uygulamada ziyaretçilerin bize e-mail göndermesini sağlama. Onay ve Seçenek Kutuları • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
5) HTML5’deki Yenilikler HTML5 Belge Yapisi HTML5 ile Gelen Yeni Etiketler HTML5 ile Sayfaya Ses Ekleme HTML5 ile Sayfaya Video Ekleme HTML5 ile Formlar HTML5 ile Sayfa Tasarimi HTML5 Canvas Elementi • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
6) CSS CSS’I Belgelere Ekleme CSS’in Yapısı Açıklama Satırı Seçiciler Arkaplan Biçimlendirme Yazıtipi biçimlendirme Metin Biçimlendirme • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
7) CSS Kutu Modeli Liste Biçimlendirme Tablo Özellikleri Sınıflandırma ve Konumlama Özellikleri Görsel Sonuçlar Sözde Sınıflar Sözde Öğeler • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
8) Resimlerin Düzenlenmesi. Arasınav Soruları. • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
9) Animasyon Hazırlama • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
10) Websitesi İhtiyaçları. Websitesi Tasarlama. • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
11) Websitesi Yayınlama İşlemleri Proje İlerleme Durumu-1.GRUP • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
12) Websitesi Güvenlik Ayarları Proje İlerleme Durumu-2.GRUP • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
13) Websitesi Yedekleme İşlemleri Proje Sunumu-1.GRUP Proje Teslimi • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
14) Websitesi Bakım İşlemleri. Proje Sunumu-2.GRUP Proje Teslimi • www.w3schools.com, 2018. • F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016. • M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014. • R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013. • A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012. • Ders Notları
15) Final Sınavı yok
16) Bütünleme Sınavı yok

Kaynaklar

Ders Notları / Kitaplar: • www.w3schools.com, 2018.
• F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016.
• M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014.
• R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013.
• A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012.
• Ders Notları
Diğer Kaynaklar: • www.w3schools.com, 2018.
• F. Erdinç, Yeni başlayanlar için Javascript, ISBN: 978-605-9129-36-7, 2016.
• M.Aydemir,WEB TASARIM REHBERİ, KODLAB, ISBN:978-605-4205-13-4,2014.
• R. Çelik, a’dan z’ye CSS, Seçkin Yayıncılık, ISBN:978-975-02-2350-1, 2013.
• A. Barış, T. Dedebek, Mobil Web Tasarımı, ISBN: 978-605-86660-0-9, 2012.
• Lecture notes

Ders - Program Öğrenme Kazanım İlişkisi

Ders Öğrenme Kazanımları

1

2

3

4

5
Program Kazanımları
1) Matematik, hesaplama ve bilgisayar bilimleri konularında temel kuramsal ve uygulamalı bilgilere sahiptir.
2) Tanımlanan bilişim ve/veya bilgisayar bilimleri problemlerini ve modellerini kurgular ve temel çözüm önerilerini uygular.
3) Algoritmik düşünme ve planlama yaklaşımını uygulamalarında kullanır.
4) Belirtimleri (spesifikasyon) tanımlanmış yazılım bileşenlerini geliştirir.
5) Sözlü ve yazılı iletişim kurar; en az bir yabancı dili en az Avrupa Dil Portföyü A2 Genel Düzeyinde kullanır, bilişim ve bilgisayar bilimleri alanındaki bilgileri izler ve meslektaşları ile iletişim kurar.
6) Yaşam boyu öğrenmenin gerekliliği bilinci ile bilgi ve iletişim teknolojilerindeki güncel gelişmeleri izler.
7) Mesleki ve etik sorumluluk bilinci taşır, bilişim uygulamalarında meslek etiğinin gözetilmesi konusunda farkındalığa sahiptir.
8) Bireysel olarak veya takımlarda etkin çalışır.

Ders - Öğrenme Kazanımı İlişkisi

Etkisi Yok 1 En Düşük 2 Düşük 3 Orta 4 Yüksek 5 En Yüksek
           
Dersin Program Kazanımlarına Etkisi Katkı Payı
1) Matematik, hesaplama ve bilgisayar bilimleri konularında temel kuramsal ve uygulamalı bilgilere sahiptir.
2) Tanımlanan bilişim ve/veya bilgisayar bilimleri problemlerini ve modellerini kurgular ve temel çözüm önerilerini uygular.
3) Algoritmik düşünme ve planlama yaklaşımını uygulamalarında kullanır.
4) Belirtimleri (spesifikasyon) tanımlanmış yazılım bileşenlerini geliştirir.
5) Sözlü ve yazılı iletişim kurar; en az bir yabancı dili en az Avrupa Dil Portföyü A2 Genel Düzeyinde kullanır, bilişim ve bilgisayar bilimleri alanındaki bilgileri izler ve meslektaşları ile iletişim kurar.
6) Yaşam boyu öğrenmenin gerekliliği bilinci ile bilgi ve iletişim teknolojilerindeki güncel gelişmeleri izler.
7) Mesleki ve etik sorumluluk bilinci taşır, bilişim uygulamalarında meslek etiğinin gözetilmesi konusunda farkındalığa sahiptir.
8) Bireysel olarak veya takımlarda etkin çalışır.

Öğrenme Etkinliği ve Öğretme Yöntemleri

Anlatım
Ders
Ödev
Problem Çözme
Proje Hazırlama
Soru cevap/ Tartışma

Ölçme ve Değerlendirme Yöntemleri ve Kriterleri

Yazılı Sınav (Açık uçlu sorular, çoktan seçmeli, doğru yanlış, eşleştirme, boşluk doldurma, sıralama)
Ödev
Uygulama
Bireysel Proje

Ölçme ve Değerlendirme

Yarıyıl İçi Çalışmaları Aktivite Sayısı Katkı Payı
Ödev 1 % 10
Projeler 1 % 30
Ara Sınavlar 1 % 30
Final 1 % 30
Toplam % 100
YARIYIL İÇİ ÇALIŞMALARININ BAŞARI NOTU KATKISI % 70
YARIYIL SONU ÇALIŞMALARININ BAŞARI NOTUNA KATKISI % 30
Toplam % 100

İş Yükü ve AKTS Kredisi Hesaplaması

Aktiviteler Aktivite Sayısı Süre (Saat) İş Yükü
Ders Saati 15 3 45
Proje 1 50 50
Ödevler 1 10 10
Ara Sınavlar 1 30 30
Final 1 30 30
Toplam İş Yükü 165