GAZİ ÜNİVERSİTESİ BİLGİ PAKETİ - 2019 AKADEMİK YILI

DERS TANIMI
HTML İLE WEB TASARIMI (SEÇMELİ)/GRF-311-Z
Dersin Adı: HTML İLE WEB TASARIMI (SEÇMELİ)
Dersin Kredisi: 3 Ders AKTS : 4
Dersin Yarıyılı: 5 Ders Türü : Seçmeli
DERS BİLGİLERİ
 -- DERSİN DİLİ
  -
 -- ÖĞRETİM ELEMAN(LAR)I
  Doç. Dr. Mithat YILMAZ
 -- ÖĞRETİM ELEMANI WEB SİTESİ/SİTELERİ
  -http://www.websitem.gazi.edu.tr/site/yilmazm
 -- ÖĞRETİM ELEMANI E-POSTASI/E-POSTALARI
  -yilmazm@gazi.edu.tr
 -- ÖĞRENME ÇIKTILARI
Temel Kavramları öğrenme
Temel Html Komutları oluşturma
Metin İşlemleri öğrenme
Linkler ve link oluşturma
Resim işlemleri öğrenme
Tablo oluşturma
Form işlemleri öğrenme ve form oluşturma
Temel SEO Bilgisi öğrenme

 -- DERSİN VERİLİŞ BİÇİMİ
  Bu ders sadece yüz yüze eğitim şeklinde yürütülmektedir.
 -- DERSİN ÖNKOŞULLARI
  -
 -- ÖNERİLEN DERSLER
  -
 --DERS İÇERİĞİ
1. Hafta  İnternet Nedir? Tcp/Ip Nedir? Netbeuı, Ipx/Spx Protokolleri
2. Hafta  İnternet Uygulamaları -e-mail -Telnet (Uzaktaki Bir Bilgisayara Sanki O Bilgisayarda Çalışıyormuş Gibi Bağlanma) -Ftp -Web
3. Hafta  Html (Hyper Text Markup Language) Sayfası Nedir? Html Kodu (Tag’ı)Nedir? Html’in Tarihçesi
4. Hafta  Hyper Teriminin Anlamı Markup Teriminin Anlamı
5. Hafta  Html’in Versiyonları, Html 1.0, Html 2.0, Html 3.0, Html 3.2, Html 4.0,Xhtml (Extensible Hypertext Markup Language), Html 5.0
6. Hafta  Web Nedir? Web Server Nedir? Www Nasıl Çalışır? Hosting (Alan) Nedir? Domain (Alan Adı) Nedir? Domain İsimleri Alan Adı Nedir? Alan Uzantısı Nedir
7. Hafta  Url Nedir? “Unıform Resource Locators” Http Nedir? “Hyper Text Transfer Protokol”
8. Hafta  Browser (Tarayıcı) Nedir? Browser Nasıl Çalışır? Sunucu/İstemci Tag/Etiket Nedir? Web Standartlarını Kim Düzenler?
9. Hafta  Html Editörleri, Html Tagları (Etiket), Örnek Html Sayfası, Tag Özellikleri, Temel Html Tagları, Zemin Rengi (Background color)
10. Hafta  Text Deyimi, Basefont Ve Font Seçimi, Açıklayıcı Ekleme, Sayfalara Metin Girmek,
Deyimi, Yazıların Ortalanması, Yazı Boyutu/Başlıklar
11. Hafta  , Deyimleri, Yazı Büyüklüğü, Yazı Rengini Ayarlamak, Font Değişikliği,Resim Tipleri, Ve “Src” Özelliği, Sayfalarda Yatay Çizgi, Anch
12. Hafta  Html Listeleri, Sırasız Listeler (Unordered Lıst), Sıralı Listeler (Ordered Lıst), Html Tabloları, , Border Özelliği, Boş Hücreli Tablolar
13. Hafta  Html Formları Ve Bilgi Girişi, Form Elemanları, Form Alanı, Submıt Ve Reset Butonları (Button),Metin Kutusu(Text),Seçme Listeleri (Select Lısts)
14. Hafta  Onay Kutusu (Checkbox),Seçenek Düğmesi (Radio),Metin Alanı (Textarea),Şifre Alanları, Text Area Elemanı
15. Hafta  “Actıon” Özelliği Ve “Submıt” Butonu, Html Head Elemanı, Head Tagları, Arama Motorları İçin Anahtar Kelimeler
16. Hafta  Meta İle Sayfanın Tanımlanması, Meta İle Anahtar Kelimelerin Tanımlanması, Html Scrıpt’leri Eski Tarayıcılar Ve Script’ler, Seo Nedir?, Temel Seo Tek
 -- ZORUNLU YA DA ÖNERİLEN KAYNAKLAR
  HTML EL KİTABI –BETA YAYINLARI
 -- ÖĞRETİM YÖNTEM VE TEKNİKLERİ
  Anlatım, Soru-Yanıt, Gösterme, Uygulama - Alıştırma
 -- STAJ / UYGULAMA
  -
 -- DEĞERLENDİRME YÖNTEMİ VE GEÇME KRİTERLERİ
 
Sayısı
Toplam Katkısı(%)
 Ara Sınav
1
40
 Ödev
0
0
 Uygulama
0
0
 Projeler
0
0
 Pratik
0
0
 Quiz
0
0
 Yıliçinin Başarıya Oranı (%)  
40
 Finalin Başarıya Oranı (%)  
60
 -- İŞ YÜKÜ
 Etkinlik  Toplam hafta sayısı  Süre (Haftalık Saat)  Dönem boyu toplam iş yükü
 Haftalık teorik ders saati
14
2
28
 Haftalık uygulamalı ders saati
14
2
28
 Okuma Faaliyetleri
10
2
20
 İnternette tarama, kütüphane çalışması
0
 Materyal tasarlama, uygulama
10
2
20
 Rapor hazırlama
0
 Sunu hazırlama
0
 Sunum
0
 Ara sınav ve ara sınava hazırlık
0
 Final sınavı ve final sınavına hazırlık
0
 Diğer
0
 TOPLAM İŞ YÜKÜ: 
96
 TOPLAM İŞ YÜKÜ / 25 : 
3.84
 DERSİN AKTS KREDİSİ: 
4
 -- PROGRAM ÖĞRENME ÇIKTILARI KATKI DÜZEYLERİ
NO
PROGRAM ÖĞRENME ÇIKTILARI
1
2
3
4
5
1
Sanat tarihi, kültürü ve estetik konularına ilişkin bilgiye sahiptir.X
2
Sanat ve tasarım materyal, yöntem ve teknikleri konusunda bilgi sahibidir.X
3
Grafik tasarım alanındaki yasal düzenlemeler ve işlemler konusunda bilgi sahibidir.X
4
Sanatsal eleştiri yöntemleri konusunda bilgi sahibidir.X
5
Sanat ve bilim etiği konusunda bilgi sahibidir.X
6
Kuram ve uygulama bütünlüğü sağlar.X
7
Grafik tasarım alanına ilişkin yöntem ve teknikleri kullanıp, alt disiplinlerin etkileşimini değerlendirir.X
8
Çözümlemeye dayalı yorum becerisine sahiptir.X
9
Çok boyutlu algılayabilme, düşünebilme, tasarlayabilme, uygulayabilme becerisini geliştirir.X
10
Tek başına, bağımsız olarak ve/veya grup içinde uyumlu ve üretken olarak çalışır. Proje süreçleri içinde etkin olarak yer alır.X
11
Alanıyla ilgili özgün yapıtlarını toplumla paylaşır ve sonuçlarını değerlendirir.X
12
Kendi çalışmalarını sorgular. Çözümleyici ve eleştirel düşünür.X
13
Kazandığı iletişim becerisi yardımıyla hedef kitlesini tanımlayarak alanı ile ilgili çalışmaları paylaşır.X
14
Alanının gerektirdiği en az Avrupa Bilgisayar Kullanma Lisansı İleri Düzeyinde bilgisayar yazılımı ile birlikte bilişim ve iletişim teknolojilerini kullanır.X
15
Sanat ve tasarım konusunda ulusal ve uluslararası değerlerin farkındadır.X
16
Soyut ve somut kavramları; yaratıcı düşünceye, yenilikçi ve özgün yapıtlara dönüştürebilir.X
17
Alanında başarıyla iş yürütebilecek duyarlılığa ve estetik farkındalığa sahiptir.X