-
Derece türü: Web tasarımcısı" sertifikası
-
Ek nitelikler: Sertifika "HTML/CSS/Dreamweaver ile Web Tasarımı"
"Adobe CC ile Grafik Tasarım" Sertifikası
Sertifika "Temel JavaScript/Ajax"
Sertifika "UI/UX Tasarımı" -
Final Sınavı: Final sunumları ile uygulamalı proje çalışması
-
Ders saatleri: Tam zamanlıPazartesi'den Cuma'ya 8:30 - 15:35 (resmi tatil olan haftalarda 8:30 - 17:10)
-
Eğitim dili: Alman
-
Süre: 20 Haftalar
HTML, CSS ve Dreamweaver ile web tasarımı
HTML (yaklaşık 5 gün)
Temel çerçeve
Metin oluşturma için etiketler (h1-h6, p, br)
CSS'nin Temelleri
Metin biçimi komutları
İskele HTML etiketleri (örn. başlık, nav)
Grafiklerin entegre edilmesi ve Photoshop'ta hazırlanması
Faviconlar
Bağlantılar
Dahili, harici, telefon, mailto bağlantıları
Listeler ve tablolar
HTML'de Formlar
Form öğeleri
Video ve ses öğelerinin entegrasyonu
YouTube ve Google Haritalar entegrasyonu
XHTML ve HTML arasındaki farklar
İş sürecinde yapay zeka (AI)
Belirli yapay zeka teknolojilerinin sunumu
ve profesyonel ortamdaki olası uygulamalar
Temel CSS (yaklaşık 5 gün)
Dreamweaver temelleri
CSS özellikleri için entegrasyon seçenekleri (dahili, harici, satır içi stil)
CSS ile metin tasarımı
Kenarlıkları ve boşlukları tasarlamak için CSS nitelikleri (padding, margin)
CSS ile arka plan tasarımı
Şamandıra/temelleri temizle
Şamandıralı sütun aralığı
CSS ile Renkler
Clearfix
Sözde öğeler (::before/::after)
Sözde sınıflar (:nth-of-type)
Liste/görüntü/bağlantı sözde sınıfları
ul/li ile navigasyon (yatay/dikey)
CSS Flexbox (yaklaşık 5 gün)
Flex ile Sütunlar
Flex ile öğelerin hizalanması
Flex ile sütunlarda sütunlar
Özelleştirilmiş yazı tiplerini kullanma (@font-face)
Dreamweaver ile Yazı Tipleri
Dreamweaver - CSS Tasarımcısı
CSS konumu
Pozisyonlar: göreli/mutlak/sabit
CSS kullanarak form tasarımı için seçenekler
CSS renk gradyanları
CSS - geçiş/dönüşüm
Duyarlı web tasarımı (yaklaşık 6 gün)
Kesme noktaları, görüntü alanı, medya sorguları
Duyarlı header ve header-img tasarımı
HTML'de resim öğeleri
Fareyle üzerine gelinen mobil navigasyon
Apple cep telefonlarında tıklamada fareyle üzerine gelmeyi etkinleştirin
CSS aracılığıyla tıklama olayı (onay kutusu kullanarak)
Tıklama ile duyarlı navigasyon
Animasyonlu burger düğmesi
CSS akordeonu (radyo düğmeleri kullanarak)
Masaüstü ve mobil için açılır menü
Farklı tasarımlar
CSS sözde sınıfı :target
Tek sayfalık site - sayfa yapısı
target kontrolü ile duyarlı navigasyon
Tek sayfalık sitelerin avantajları
JavaScript (yaklaşık 9 gün)
Uygulamaları entegre etme
JavaScript/jQuery ile çalışmaya başlama
If-then-else
Değişkenler
Veri nesnesi
Dizi Veri türü
ScrollTop
Döngü için
Matematik nesnesi
Yapışkan menü (js/css)
Kaydırmalı menüyü göster/gizle
vh/vw ve calc kullanımı
Zorunlu bilgi baskısı/veri koruması
Çerez bildirimi
Font-awesome - Sembol kütüphanesi
CSS filtresi
CSS değişkenleri
Sitenin arama motorları için optimize edilmesi (SEO)
Nesne sığdırma - çerçeve dolduran grafikler
CSS animasyonu
CSS ızgarası
Izgara-şablon-alanları
CSS çerçevesine giriş: Bootstrap
Proje çalışması (yaklaşık 10 gün)
Öğrenilen içeriği pekiştirmek için
Proje sonuçlarının sunumu
Adobe CC ile grafik tasarım - dijital/baskı/web çapraz medya çalışması
Adobe Creative Cloud'a Giriş (yaklaşık 2 gün)
Bir bakışta masaüstü programları: Photoshop, Illustrator, InDesign
Grafik tasarım için Adobe mobil uygulamaları
Creative Cloud kitaplıkları
Renk trendleri ve ilham kaynakları (örn. Adobe Stock, Adobe Color)
Adobe Bridge, Adobe Exchange
Temel Bilgiler (yaklaşık 1 gün)
Sanat vs. tasarım
Tasarım disiplinleri, tasarım ilkeleri
Tasarım süreci
Algının tasarım yasaları
Görsel akış ve düzenleme
Şekil-zemin ilişkisi
Optik illüzyonlar ve fenomenler
Girişim etkileri, Hick yasası
Perspektif ve mekansal etki
Şekil ve renk (yaklaşık 2 gün)
Nokta, çizgi ve yüzey
Düzenleme ve ağırlıklandırma
Biçim, oranlar ve en-boy oranları
Renk teorisi ve renk sistemleri
Özellikler, etki ve anlam
Renk tasarımı (armoniler, kontrastlar)
Biçim ve renk aracılığıyla dikkat
Şekiller oluşturma ve düzenleme (işaretler, piktogramlar, simgeler)
İş sürecinde yapay zeka (AI)
Belirli yapay zeka teknolojilerinin sunumu
ve profesyonel ortamdaki olası uygulamalar
Görüntüler (yaklaşık 3 gün)
Görüntü uzmanlığı ve görüntü kalitesi
Piksel ve vektör grafikleri
Araştırma, fikir, ruh hali panosu
Göz alıcılar ve hikaye anlatımı
Bir motif olarak insan
Kurumsal iletişimde görseller
Görüntü tasarımı ve görüntü düzenleme
Tipografi ve mizanpaj (yaklaşık 5 gün)
Harflerin anatomisi
Yazı tipi tarihi, yazı tipi sınıflandırması
Yazı tipi karıştırma
Okuma tipografisi, detaylı tipografi
İş Akışı: Düzen
İyi düzenlerin temel kuralları
Tip alanı ve tasarım ızgarası
Dramaturji, görsel yönetmenlik ve odaklanma
Düzen fikirlerinin gerçekleştirilmesi ve sunulması
Dosya çıktısına genel bakış (baskı, dijital)
Kurumsal tasarım (yaklaşık 2 gün)
Kurumsal tasarım vs. kurumsal kimlik
Temel yapı taşları
Logo tasarımı, tabelalar ve markalar
Gerçekleştirme - kelime-imaj-marka
Kurumsal tasarım kılavuzu (stil rehberi)
Proje çalışması (yaklaşık 5 gün)
Öğrenilen içeriği pekiştirmek için
Proje sonuçlarının sunumu
Temel Javascript/Ajax
JavaScript Temelleri (yaklaşık 7 gün)
Giriş
HTML sayfalarına entegrasyon
Dil öğeleri
Değişkenler, sabitler ve veri türleri
Operatörler
Kontrol yapıları
Koşullu ifadeler
Döngüler
Fonksiyonlar
diziler
Nesneler
kurabiyeler
Web depolama
Hata işleme
İş sürecinde yapay zeka (AI)
Belirli yapay zeka teknolojilerinin sunumu
ve profesyonel ortamdaki olası uygulamalar
JavaScript ile DOM manipülasyonu (yaklaşık 3 gün)
temeller
HTML Seçme
İçerik ve nitelikler
şekillendirme
Etkinlikler
DOM öğeleri oluşturma
DOM öğelerini kopyalama, taşıma ve silme
AJAX (yaklaşık 3 gün)
Giriş
İşlevsellik
Ön Koşullar
http istekleri
XMLHttpRequest nesnesi
Senkron ve asenkron istekler
Web hizmetleri/aktarımları:
- JSON
- XML/XML yanıtı
Çerçeveler/Kütüphaneler (yaklaşık 2 gün)
Kendi kütüphanenizi oluşturun
jQuery
Avantajlar ve dezavantajlar
Proje çalışması (yaklaşık 5 gün)
Öğrenilen içeriği pekiştirmek için
Proje sonuçlarının sunumu
UI/UX tasarımı
Konuya genel giriş (yaklaşık 1 gün)
UX, kullanılabilirlik, kullanıcı arayüzü, zihinsel model, insan faktörleri
Kullanıcı merkezli tasarım ilkeleri
ISO 9241-210/HCD
Kullanılabilir interaktif sistemler tasarlama süreci
HCD: Analiz - Kullanım bağlamının anlaşılması ve tanımlanması (yaklaşık 3 gün)
Personae
Empati haritası
Müşteri Yolculuğu
Web analizleri
Odak grupları
Anket
HCD: Kullanım ihtiyacının belirlenmesi (yaklaşık 1 gün)
Senaryo modeli
Görev modeli
Bağlam görüşmeleri
Günlük çalışmaları
Katılımcı gözlemi
HCD: Kullanım gereksinimlerini karşılamak için tasarım çözümleri oluşturma (yaklaşık 1 gün)
Kılavuzlar ve standartlar: ISO 9241-110'un 7 diyalog ilkesi
Jakob Nielsen'e göre kullanıcı arayüzü tasarımının 10 ilkesi
Görsel algı, düzenlilikler
HCD tasarım çözümleri: Taksonomi Bilgi Mimarisi ve Navigasyon Kavramları (yaklaşık 3 gün)
Akış Şeması
Kullanıcı Akışı
Bilgi Mimarisi
Mikro bilgi mimarisi
Dönüşüm stratejisi
Navigasyon kavramları
Site Haritası
Kart Sıralama: Planlama, hazırlık, uygulama ve değerlendirme
Çevik proje yönetimine genel bakış (yaklaşık 1 gün)
Şelale modeli vs. çevik
Scrum yöntemine göre çevik yönetim hakkında içgörü
Destan, kullanıcı hikayesi ve görev
Tasarım sprint yöntemi
HCD tasarım çözümleri: Kullanıcı Arayüzü Tasarımı (yaklaşık 1 gün)
Stil Kılavuzu, UI KIT'leri, Desen Kitaplığı ve Tasarım Sistemi
UI bileşenleri/elemanları ve form
Kullanıcı arayüzündeki renkler, yazı tipi ve tipografi, simgeler
Atomik tasarım
Mobil öncelikli tasarım
HCD tasarım çözümleri: Figma & XD Adobe ile tasarım teknikleri (yaklaşık 2 gün)
Figma vs. Adobe XD
Figma
Figma araç yelpazesi
İş akışı
UI bileşenleri
Duyarlı tasarım
Karalamalar, tel kafesler
İnteraktif prototipler
Adobe XD
XD araç paleti
İş akışı
UI bileşenleri
Duyarlı Tasarım
Karalamalar, tel kafesler
İnteraktif prototipler
Tasarımın kullanıcı gereksinimlerine göre HCD değerlendirmesi - kullanılabilirlik testi (yaklaşık 2 gün)
Kullanılabilirlik testi yöntemlerine genel bir bakış Sesli Düşünme: planlama, hazırlık, uygulama ve değerlendirme
(UEQ) Kullanıcı Deneyimi AnketiAttrakDiff
VisAWI - Web Sitelerinin Görsel Estetiği Envanteri
A/B testi
İş sürecinde yapay zeka (AI)
Belirli yapay zeka teknolojilerinin ve profesyonel ortamdaki olası uygulamaların sunumu
Proje çalışması (yaklaşık 5 gün)
Öğrenilen içeriği pekiştirmek için
Proje sonuçlarının sunumu
Değişiklikler mümkündür. Kurs içeriği düzenli olarak güncellenmektedir.
Eğitimi tamamladığınızda, modern web tasarımı için tüm iş akışına aşina olacak ve kullanıcı dostu ve sofistike web siteleri üretebileceksiniz: Tasarım temelleri, HTML, CSS ve Dreamweaver'daki en önemli beceriler, JavaScript ve Ajax kullanımının yanı sıra çekici kullanıcı arayüzlerinin oluşturulmasına aşina olacaksınız.
Web tasarımcıları, web programcıları, grafik tasarımcıları, medya tasarımcıları, sanatsal mesleklerden uzmanlar veya web sitelerinin konseptinden, tasarımından ve pratik olarak gerçekleştirilmesinden sorumlu olan ve gerekli bilgi ve becerileri edinmek isteyen kişiler.
Günümüzde neredeyse tüm şirketler, kendilerini bir şirket olarak temsil etmek için çekici bir İnternet varlığına güveniyor. Başlıca potansiyel işverenler grafik tasarım, reklam, web, multimedya veya tam hizmet ajanslarının yanı sıra yazılım ve veritabanı sağlayıcılarıdır. Web tasarım becerileri neredeyse tüm sektörlerde gereklidir. Uygun uzmanlık ile serbest meslek de ilginç bir olasılıktır.
Anlamlı sertifikanız, edindiğiniz nitelikler hakkında ayrıntılı bir fikir verir ve kariyer beklentilerinizi geliştirir.
Didaktik kavram
Eğitmenleriniz hem profesyonel hem de didaktik açıdan son derece kalifiyedir ve size ilk günden son güne kadar ders verecektir (kendi kendine çalışma sistemi yoktur).
Etkili küçük gruplar halinde öğreneceksiniz. Kurslar genellikle 6 ila 25 katılımcıdan oluşmaktadır. Genel dersler, tüm kurs modüllerinde çok sayıda pratik alıştırma ile desteklenmektedir. Uygulama aşaması kursun önemli bir parçasıdır, çünkü bu süre zarfında öğrendiklerinizi işler ve uygulamada güven ve rutin kazanırsınız. Kursun son bölümü bir proje, bir vaka çalışması veya bir final sınavını içerir.
Sanal sınıf alfaview®
BildungszentrumDersler, modern alfaview® video teknolojisi kullanılarak kendi evinizin rahatlığında ya da 'deki tesislerimizde gerçekleştirilir. Tüm kursiyerler alfaview® aracılığıyla birbirlerini yüz yüze görebilir, birbirleriyle dudak senkronize ses kalitesinde iletişim kurabilir ve ortak projeler üzerinde çalışabilir. Elbette, bağlı eğitmenlerinizi de istediğiniz zaman canlı olarak görebilir ve onlarla konuşabilirsiniz ve kursun tüm süresi boyunca eğitmenleriniz tarafından gerçek zamanlı olarak eğitileceksiniz. Dersler e-öğrenme değil, video teknolojisi aracılığıyla gerçek canlı yüz yüze öğretimdir.
alfatraining Agentur für Arbeit Eğitim kursları, AZAV onay yönetmeliğine uygun olarak sübvanse edilmekte ve sertifikalandırılmaktadır. Bildungsgutschein Aktivierungs- und VermittlungsgutscheinKurs başvurusunda bulunduğunuzda, kurs masraflarının tamamı genellikle finansman kuruluşunuz tarafından karşılanır.
Europäischen Sozialfonds Deutsche Rentenversicherung (ESF), (DRV) veya bölgesel finansman programları aracılığıyla da finansman mümkündür. Berufsförderungsdienst Düzenli bir asker olarak, (BFD) aracılığıyla daha fazla eğitim kursuna katılmak mümkündür. Agentur für Arbeit (Qualifizierungschancengesetz) Şirketler de çalışanlarını (BFD) tarafından sağlanan bir finansman programı aracılığıyla kalifiye hale getirebilirler.