Eğitim Süresi
72 Ders Saati
Eğitim Formatı
Online & Canlı Ders
Sertifika
Katılım Sertifikası
Seviye
Başlangıç
Web Tasarım Kursu
Web Tasarım Kursu, estetik, kullanıcı dostu ve mobil uyumlu web siteleri tasarlamak isteyen katılımcılar için hazırlanmış kapsamlı bir eğitim programıdır. Eğitim süresince web tasarımın temel kavramları, Photoshop ile arayüz tasarımı, HTML, CSS, HTML5, CSS3, JavaScript, jQuery, responsive design, SEO ve web sitesini yayınlama süreçleri uygulamalı olarak ele alınır.
Web Tasarım Kurs İçeriği
- Eğitim sürecinin tanıtımı
- Ders işleyişi ve müfredat bilgilendirmesi
- Web tasarım alanının genel tanıtımı
- Web tasarım sektöründeki iş alanları
- Tasarım, kodlama ve yayınlama sürecine genel bakış
- Soru-cevap ve genel yönlendirme
- Web tasarım nedir?
- Web kavramı
- İnternet terminolojisi
- Web tasarımcının bilmesi gereken temel kavramlar
- Tarayıcı, alan adı, hosting ve HTML kavramları
- Web sitesi yapısının temel mantığı
- Tasarım ve kodlama ilişkisi
- Photoshop ve web tasarım ilişkisi
- Photoshop’un web sektöründeki kullanım alanları
- Arayüz tasarım mantığı
- Web için doküman oluşturma
- Web sayfası boyutu ve çözünürlük kavramları
- Photoshop ile sayfa arka planı oluşturma
- Renk, desen, gradient ve görsel ile arka plan hazırlama
- Seçim araçları ve seçim mantığı
- Katmanlarla çalışma
- Katman mantığının web tasarımda kullanımı
- Şekillerle çalışma
- Şekilleri birleştirme, çıkarma ve kesiştirme
- Şekillerle sayfa tasarımı yapma
- Dolgu, desen, çerçeve ve efekt kullanımı
- Buton tasarımı
- Web sayfası arayüzü oluşturma
- Arayüz elemanları tasarlama
- Göze hitap eden kullanıcı arayüzleri hazırlama
- Slice / dilimleme mantığı
- Sayfayı kodlamaya hazır hale getirme
- Save for Web kullanımı
- Optimizasyon ayarları
- Görselleri web sayfası için dışa aktarma
- Boyut ve kalite optimizasyonu
- HTML nedir?
- XHTML ve HTML farkları
- HTML etiket mantığı
- Etiket yazma kuralları
- Attribute / özellik kullanımı
- Yapısal HTML etiketleri
- Başlıklar
- Paragraflar
- Linkler ve çapalar / Anchors
- Görsel ekleme
- Görsele link verme
- Listeler
- Tablolar
- Sadece HTML ile örnek web sayfası oluşturma
- CSS nedir ve ne işe yarar?
- CSS anatomisi
- Seçiciler ve seçici türleri
- CSS özellikleri ve değerleri
- HTML etiketlerinin stillerini düzenleme
- Sayfanın genel yapısını belirleme
- Arka plan ayarları
- Siteyi ortalama
- Görsel kullanmadan tasarım detayları oluşturma
- Photoshop tasarımını CSS ile web sayfasına uyarlama
- Dreamweaver nedir ve ne işe yarar?
- Kök klasör mantığı
- Site tanımlama
- Yeni HTML dokümanı oluşturma
- Sayfaya obje ekleme
- Link, başlık, yazı, liste, tablo ve resim ekleme
- Div mantığı ve divlerle web tasarım
- Div kullanmanın avantajları
- Kutu modeli / Box Model
- Margin ve Padding kavramları
- Pozisyonlama ile sayfa elemanlarını yerleştirme
- Sayfa içi linklendirme
- Liste yöntemiyle menü oluşturma
- Navigasyon mantığı
- Photoshop’ta tasarlanan siteyi Dreamweaver’a aktarma
- Dreamweaver ve CSS kullanımı
- Dreamweaver’da CSS kuralları oluşturma
- Dahili ve harici CSS dokümanları hazırlama
- Sayfaya dışarıdan CSS bağlama
- Class ve ID seçicileriyle çalışma
- E-ticaret sitesi oluşturma mantığı
- CSS özellikleriyle sayfaya interaktivite katma
- İletişim formu tasarlama
- HTML5 nedir?
- HTML5’in yenilikleri ve avantajları
- HTML5 etiketlerinin kullanımı
- HTML5 etiketlerinin kullanım alanları
- HTML4 bir sayfayı HTML5’e dönüştürme
- Sayfaya video ekleme
- CSS3 özellikleri
- Kenar ovalleştirme
- Gölge verme
- Font gömme
- CSS3 geçiş efektleri
- Mouse ile etkileşimli animasyonlar
- CSS3 ve tarayıcı uyumluluğu
- JavaScript ve jQuery bilgisi
- JavaScript nasıl eklenir?
- JavaScript nerede ve nasıl kullanılmalı?
- JavaScript ve jQuery ile efektler
- Parallax sayfa kaydırma efekti
- Lightbox ile görsel büyütme
- Web sayfasına temel kullanıcı etkileşimleri ekleme
- Responsive design nedir?
- Web sitesini ekrana göre tasarlama
- Mobil uyumlu tasarım mantığı
- Farklı cihazlara göre arayüz düzenleme
- Kullanıcı deneyimini güçlendiren responsive yapı
- Modern web tasarımda mobil uyumluluğun önemi
- Web banner tasarımı
- Animasyon mantığı
- Zaman çizelgesi / Timeline kavramı
- Frame ve Keyframe mantığı
- Hareketli içerik oluşturma
- Tween mantığı
- Örnek web banner çalışması
- SEO nedir?
- Siteyi Google’a tanıtma
- Siteye anahtar kelime ekleme
- SEO için gerekli temel elemanlar
- Başlık yapıları
- Görsel bilgileri
- Dosya isimlendirme teknikleri
- Sayfa başlığı oluşturma
- Alan adı önemi
- Anahtar kelime kullanımı
- Organik içerik hazırlama
- Backlink kavramı
- SEO uyumlu web tasarım mantığı
- Web sitesini yayınlama
- Alan adı / domain kavramı
- Hosting kavramı
- Alan adı ve hosting satın alma süreçleri
- FTP protokolü ve kullanımı
- Siteyi internete yükleme
- Siteyi güncelleme
- Yayındaki web sitesinin temel kontrolleri
Kariyerinize Yeni Bir Yön Verin!
30 yıllık eğitim deneyimimiz, alanında uzman eğitmenlerimiz ve online canlı ders modelimizle mesleki becerilerinizi geliştirin. 100.000’i aşkın öğrencimizin arasına katılarak kariyerinize yeni bir yön verin.