HTML 5: Görseller ve Medya Kullanımı

Bu video, HTML5 kullanarak web sayfalarına görsel ve medya ögelerinin nasıl ekleneceğini ve yönetileceğini kapsamlı bir şekilde ele almaktadır. Videoda öne çıkan ana başlıklar şunlardır:

• Görsel Ekleme ve Boyutlandırma (0:33 - 5:35): etiketi ile temel görsel ekleme, alternatif metin kullanımı (*alt text*) ve performans için elementinin farklı ekran boyutlarına göre kullanımı anlatılmaktadır. Ayrıca SEO ve sayfa düzeni optimizasyonu (CLS) için görsel boyutlarının (width/height) tanımlanmasının önemi vurgulanmaktadır.
• Görsel Formatları (5:36 - 9:47):SVG, JPEG ve PNG formatlarının farkları açıklanmıştır. Vektörel yapısı sayesinde kalitesini bozmadan ölçeklenebilen SVG'nin logolar için ideal olduğu, JPEG'in fotoğraflarda sıkıştırma avantajı sağladığı ve PNG'nin şeffaflık gerektiren durumlarda kullanılması gerektiği belirtilmektedir.
• Hareketli Görseller ve İmaj Haritaları (9:20 - 12:56): GIF kullanımı ve bir görselin belirli bölgelerine tıklanabilir alanlar eklenmesini sağlayan image map yapısı örneklenmektedir.
• Ses ve Video Kullanımı (12:57 - 18:05): ve etiketleri ile medya dosyalarının sayfaya nasıl gömüleceği gösterilmektedir. Kontrollerin (controls) eklenmesi, çoklu kaynak kullanımı ve otomatik oynatma (autoplay - sessiz başlatma önerisiyle) gibi konular üzerinde durulmaktadır.