HTML5 ve CSS3'ün Temelleri

Hedefler:

• Çeşitli cihazlarda iyi işlenen verimli web siteleri oluşturmak için HTML5 ve CSS3 kullanmayı,

• Küçük resimler, rollover'lar ve görüntü eşlemeleri dahil olmak üzere görüntülerle çalışmayı,

• Tablolar oluşturmayı,

• Formlarla ve HTML5 doğrulama özellikleriyle çalışmayı,

• Sayfalarınıza ses ve video eklemeyi,

• Gömülü yazı tiplerini kullanmayı,

• Web sayfalarını yazdırmak için biçimlendirme yapmayı,

• Geçişler, animasyon, dönüşümler ve filtreler için CSS3 özelliklerini kullanmayı,

• Web sayfalarını geliştirmek için JavaScript ve jQuery kullanmayı öğrenebilirsiniz.

Topics:

• Web Geliştirmeye Giriş

  • Web uygulamaları nasıl çalışır?

  • HTML ve CSS'ye giriş

  • Web geliştirme araçları

  • Dağıtılan web sayfaları nasıl görüntülenir

  • Beş kritik web geliştirme sorunu

• Bir Web Sayfasını Kodlama, Test Etme ve Doğrulama

  • HTML sözdizimi

  • CSS sözdizimi

  • HTML ve CSS dosyaları nasıl test edilir, hata ayıklanır ve doğrulanır?

• Bir Web Sayfasını Yapılandırmak İçin HTML Nasıl Kullanılır

  • Baş bölümü

  • metin öğeleri

  • Bir sayfanın içeriğini yapılandırma

  • Bağlantılar, listeler ve resimler

  • Yapılandırılmış bir web sayfası

• Bir Web Sayfasının Öğelerini Biçimlendirmek İçin CSS Kullanma

  • CSS'ye giriş

  • Ölçüler ve renkler

  • Seçiciler

  • Basamaklı Stil Şablonu

  • Metinle nasıl çalışılır

  • Harici stil sayfaları kullanan bir web sayfası

• CSS Kutu Modeli Aralık, Kenarlıklar ve Arka Planlar İçin Nasıl Kullanılır

  • Kutu modeline giriş

  • Öğeler nasıl boyutlandırılır ve yerleştirilir

  • Boyutlandırma ve aralığı gösteren bir web sayfası

  • Kenarlıklar ve arka planlar

  • Kenarlıklar ve arka planlar kullanan bir web sayfası

• Sayfa Düzeni İçin CSS Nasıl Kullanılır

  • 2 ve 3 sütunlu yerleşimlerde yüzen elemanlar

  • 2 sütunlu, sabit genişlikli düzen kullanan iki web sayfası

  • Metin sütunları oluşturmak için CSS3 kullanma

  • Konumlandırma elemanları

• Listeler ve Bağlantılar

  • Kodlama listeleri

  • Listeleri biçimlendirme

  • Bağlantılarla çalışmak

  • Gezinme menüleri

• Responsive Web Tasarımı

  • Duyarlı Web Tasarımına Giriş

  • Akışkan tasarım

  • CSS3 medya sorguları

  • Duyarlı Web Tasarımı kullanan bir web sayfası

• Görüntüler

  • Görüntülerle çalışmak için temel beceriler

  • Görüntülerle çalışmak için gelişmiş beceriler

  • Görüntülerle çalışmak için ilgili beceriler

• Tablolar

  • Tabloları kodlamak için temel HTML becerileri

  • Tabloları formatlamak için temel CSS becerileri

  • Tablolarla çalışmak için diğer beceriler

• Formlar

  • Formlar ve denetimler nasıl kullanılır

  • Formlarla çalışmak için diğer beceriler

  • Veri doğrulama için HTML5 özellikleri nasıl kullanılır?

  • HTML5 kontrolleri nasıl kullanılır?

  • HTML5 veri doğrulamasını kullanan bir web sayfası

• Ses ve video

  • Web medyasına giriş

  • Bir web sayfasına ses ve video nasıl eklenir

  • Hem ses hem de video sunan bir web sayfası

• Yazı Tipleri ve Baskı

  • Yazı tipleri bir web sayfasına nasıl yerleştirilir

  • Basılı web sayfalarını biçimlendirme becerileri

  • Baskı biçimlendirmeli iki sütunlu bir web sayfası

  • CSS3 Geçişleri, Dönüşümler, Animasyonlar ve Filtreler

• Web Sayfalarınızı Geliştirmek İçin JavaScript ve jQuery Nasıl Kullanılır (zamanın izin verdiği ölçüde)

  • JavaScript'e Giriş

  • JavaScript'teki E-posta Listesi uygulaması

  • JQuery'ye giriş

  • JQuery'deki E-posta Listesi uygulaması

  • JQuery bir programcı olmayan olarak nasıl kullanılır?