HTML ve CSS ile Web Tasarımı Eğitimi Kursu

Bu faaliyet; Bakanlığımız okul/kurumlarında görev yapan öğretmenlere HTML ve CSS kullanılarak Web Tasarımı yapabilme konusunda farkındalık kazandırmak, bilgi ve becerilerini artırmak amacıyla düzenlenmiştir. 

Eğitim Hedefleri

Bu faaliyeti başarı ile tamamlayan her kursiyer;

• Web sitelerinin ortaya çıkma süreci hakkında bilgi sahibi olur.
• Web sitesinin işleyişi hakkında bilgi sahibi olur.
• Web tasarımının temel ilkeleri hakkında fikir sahibi olur.
• Visual Studio Code kurulumunu yapar.
• Visual Studio Code’da proje dosyası oluşturur.
• HTML’in temel özellikleri hakkında bilgi sahibi olur.
• Etiket yapısı hakkında bilgi sahibi olur.
• HTML iskelet yapısı hakkında bilgi sahibi olur.
• Head Etiketlerini kullanır.
• Meta etiket özellikleri hakkında bilgi sahibi olur.
• Başlık etiketlerini kullanır.
• Paragraf etiketini kullanır.
• Çok satırlı metin etiketini kullanır.
• Satır sonu etiketini kullanır.
• Yatay çizgi etiketini kullanır.
• Karakter ve karakter dizi biçimlendirme etiketlerini kullanarak karakterleri biçimlendirir.
• Özel karakter için gerekli olan kullanım hakkında bilgi sahibi olur.
• Alıntı etiketlerini kullanır.
• Adres etiketini kullanır.
• Span etiketini kullanarak satır içi biçimlendirme yapar.
• Sıralı ve sırasız listeler oluşturur.
• Köprü etiketi kullanarak sayfa içi, sayfalar arası ve mevcut bir internet sayfasına bağlantı sağlar.
• Resim etiketini kullanarak web sayfasına resim ekler.
• Map etiketini kullanarak resmin belli bir alanını tıklanabilir hâle getirir.
• Tablo etiketi ile tablo oluşturur.
• Tablo bölüm etiketleri ile tablo bölümlerini biçimlendirir.
• Tablodaki satır ve sütunları birleştirir.
• Form etiketi kullanarak web sayfasına form ekler.
• Ses ve video etiketlerini kullanır.
• Kutu etiketlerini kullanır.
• Semantik etiketler hakkında bilgi sahibi olur.
• CSS hakkında temel bilgiye sahip olur.
• CSS söz dizimi hakkında bilgi sahibi olur.
• CSS yazım türleri hakkında bilgi sahibi olur.
• Satır içi, dâhilî ve haricî stil biçimlendirmesi yapar.
• CSS kodları arasındaki hiyerarşi hakkında bilgi sahibi olur.
• CSS seçicileri hakkında bilgi sahibi olur.
• CSS ögeleri arasındaki aile ilişkisi hakkında bilgi sahibi olur.
• Basit seçicileri kullanır.
• Birleştirici seçicileri kullanır.
• Nitelik seçicileri kullanır.
• Sözde seçicileri kullanır.
• CSS ile metin biçimlendirmesi yapar.
• CSS ile metin hizalaması yapar.
• CSS kutu temel yapısı ve yapısal özellikleri hakkında bilgi sahibi olur.
• Width, heigth ve border özelliklerini kullanarak kutu biçimlendirmesi yapar.
• Margin, padding özelliklerini kullanarak kutu biçimlendirmesi yapar.
• Display özelliğini kullanarak kutuların görünümünü biçimlendirir.
• Float özelliğini kutular üzerinde kullanır.
• Position özelliğini kullanarak kutuları konumlandırır.
• Kendi blog sayfasının tasarımını yapmak için gereken ön hazırlığı yapar.
• Tasarımda kullanacağı renk paleti için arama yapmayı bilir.
• Web sitesi için web sayfalarının taslaklarını oluşturur.
• Sayfa taslaklarına göre web sayfası tasarımı yapar.
• Web sayfasına ait header, main, footer alanlarının tasarımını yapar.
• Hazır ikonları web sayfası tasarımında kullanır.
• Responsive (duyarlı) tasarım hakkında bilgi sahibi olur.
• CSS medya sorguları hakkında bilgi sahibi olur.
• Web sayfalarını responsive (duyarlı) hâle getirir.
• Kişisel blog sitesi için “İletişim” sayfası oluşturur.
• Kişisel blog sitesi için “Kitap” sayfası oluşturur.
• Medya boyutlandırmak için object-fit ve object-position özelliklerini kullanır.
• Kişisel blog sitesi için “Fotoğraf” sayfası oluşturur.
• Esnek kutu yapısı hakkında bilgi sahibi olur.
• Kişisel blog sayfası için “Hakkımda” sayfası oluşturur.

Eğitime Kimler Katılmalı?

Bakanlığımıza bağlı okul ve kurumlarda görev yapan tüm öğretmenler ve okul yöneticileri.