CSS Eğitimi | Responsive Web Tasarım & Animasyon

CSS ile Web Tasarım Eğitimi

CSS ile web sayfalarında boyut atla!

Eğitim Planlanmaktadır

5 hafta / 45 saat

Online

CSS ile Web Tasarım Eğitimi

CSS ile Web Tasarım Eğitimi, modern web sitelerinin görsel kimliğini profesyonel seviyede oluşturmak isteyen katılımcılar için hazırlanmış uygulama odaklı bir programdır. Bu eğitimde HTML ile kurduğunuz yapıyı; renk, tipografi, boşluk, düzen ve animasyonlarla güçlü bir arayüze dönüştürmeyi öğrenirsiniz. Responsive (cihaza duyarlı) tasarım teknikleri sayesinde mobil, tablet ve masaüstü ekranlarda kusursuz çalışan arayüzler geliştirir; etkileşimli bileşenlerle kullanıcı deneyimini üst seviyeye taşırsınız.

Eğitim Türü: Online (Canlı)
Sertifika: Üniversite Onaylı Sertifika

Önemli Not

Zoom üzerinden canlı ve uygulamalı şekilde ilerler
Küçük kontenjanla birebir geri bildirim ve mentörlük sunulur
Ders kayıtlarına eğitim sonrası sınırsız erişim sağlanır
Sertifikasyon süreci ARC Enstitü tarafından yürütülür
Grup kayıtlarında %20’ye varan indirim uygulanır

Devamını Göster

Eğitim İçeriği

- CSS çalışma mantığı ve sayfaya ekleme yöntemleri
- Class / ID kullanımı ve öncelik sıraları
- Temel seçiciler ve kombinasyonlar
- Kod düzeni ve sürdürülebilir stil yazımı
- Mini uygulama: sayfa stil altyapısı kurma

- Renk sistemleri ve arayüz uyumu
- Font kullanımı ve font-face mantığı
- Yazı hiyerarşisi ve okunabilirlik ayarları
- Satır aralığı, harf aralığı, hizalama
- Uygulama: kurumsal tipografi düzeni oluşturma

- Margin, padding, border mantığı
- Box-sizing kullanımı ve pratik avantajlar
- İçerik akışı ve düzen kontrolü
- Boşluk yönetimi ile temiz tasarım yaklaşımı
- Uygulama: kart (card) bileşeni tasarlama

- px, %, em, rem farkları ve kullanım senaryoları
- vw/vh ile ekran bazlı tasarım
- Ölçeklenebilir tipografi ve spacing sistemi
- Mobil öncelikli tasarım mantığı
- Uygulama: farklı ekranlara uyumlu ölçü kurgusu

- Relative / absolute / fixed / sticky kullanımı
- Katman yönetimi ve z-index kuralları
- Menü ve banner yerleşimleri
- Taşma (overflow) kontrolü
- Uygulama: sticky header ve sabit menü

- Sayfa bölümlendirme (container mantığı)
- Grid düzen düşüncesine giriş
- İçerik bloklarını hizalama ve dengeleme
- Çoklu bölüm tasarımı (section)
- Uygulama: ana sayfa düzeni oluşturma

- Eksen mantığı (row/column)
- Hizalama ve boşluk dağılımı
- Responsive kart listeleri oluşturma
- Navbar ve grid benzeri düzenler
- Uygulama: ürün listeleme alanı tasarlama

- Breakpoint mantığı (mobil/tablet/desktop)
- Responsive menü ve içerik uyarlama
- Görsel ve metin yerleşimini optimize etme
- Farklı ekranlar için spacing stratejisi
- Uygulama: tek sayfayı 3 ekran tipine uyarlama

- Navbar, dropdown, footer tasarımı
- Form input stilleri ve kullanıcı deneyimi
- Buton, kart, badge gibi temel bileşenler
- Hover ve focus durumları
- Uygulama: landing page bileşen seti oluşturma

- Transition mantığı ve hover animasyonları
- Keyframes ile mikro animasyonlar
- Performans odaklı animasyon yaklaşımı
- Mini proje: mobil e-ticaret şablonu arayüzü
- Bitirme pratiği: tamamen responsive sayfa tasarlama

Kimler İçin?

Temel HTML bilgisine sahip olanlar
Web tasarım veya front-end geliştirmeye başlamak isteyenler
Tasarımsal olarak daha güçlü web sayfaları oluşturmak isteyen UX/UI adayları
E-ticaret, kurumsal site veya portfolyo sitesi yapmak isteyen profesyoneller

Bu Eğitimden Sonra

CSS ile modern ve profesyonel görünümlü web sayfaları tasarlayabileceksin
Flexbox ve responsive tekniklerle tüm cihazlara uyumlu arayüzler geliştirebileceksin
Hover, geçiş ve animasyonlarla etkileşimli UI bileşenleri üretebileceksin
Mobil-first yaklaşımıyla düzenli ve ölçeklenebilir tasarım sistemi kurabileceksin
Yayına hazır bir web sayfasını sıfırdan tasarlayıp tamamlayabileceksin

Eğitmen

ARC Enstitü

Eğitim

ARC Enstitü

ARC Enstitü, teoriyi ezberletmek yerine uygulamayla öğreten, sektörü sınıfa taşıyan bir eğitim ekosistemidir. Burada yalnızca bilgi aktarmıyoruz; gerçek projeler, güncel teknolojiler ve birebir mentorlukla katılımcıların mesleki yetkinliklerini dönüştürüyoruz. ARC’ta eğitim, bir ders değil; kariyere açılan somut bir yolculuktur.