CREATING RESPONSIVE PROJECTS WITH CAPTIVATE EĞİTİMİ

Captivate ile duyarlı e-öğrenme kur

Adobe Captivate'te Fluid Boxes ve breakpoint görünümleriyle duyarlı HTML5 e-öğrenme

Creating Responsive Projects with Captivate Eğitimi, Adobe Captivate ile her ekrana uyum sağlayan duyarlı e-öğrenme projeleri hazırlamayı öğretir.

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Fluid Boxes'tan breakpoint görünümlerine, önizlemeden HTML5 ve LMS yayınına

Creating Responsive Projects with Captivate Eğitimi, Adobe Captivate ile her ekrana uyum sağlayan duyarlı e-öğrenme projeleri hazırlamayı öğretir. Katılımcılar Fluid Boxes yapısıyla nesneleri esnek biçimde yerleştirir, breakpoint görünümleriyle cihaza özel düzenler tanımlar. Program, duyarlı temalar, önizleme cihazları, HTML5 yayını ve SCORM ile LMS entegrasyonuyla tamamlanarak masaüstü, tablet ve telefonda akıcı çalışan bir modül ortaya çıkarır.

Süre ve Format

4 Gün. Her gün dört modül; kısa anlatımın ardından aynı duyarlı modül adım adım kurulup farklı cihaz önizlemelerinde test edilir.

Seviye

Orta Seviye — Adobe Captivate ile duyarlı e-öğrenme projeleri ve HTML5 çıktısı üretmeyi öğreten program

Öğrenme Metodu

Tek bir e-öğrenme modülü Fluid Boxes iskeletinden kurulur; her adım masaüstü, tablet ve telefon önizlemesinde test edilir.

Neden Bu Eğitim?

🎯Tek projeyle çok cihaz

Tek bir duyarlı proje kurarak aynı içeriğin masaüstü, tablet ve telefonda doğru görünmesini sağlamayı öğrenirsiniz.

📐Esnek yerleşim

Fluid Boxes ile nesneleri esnek kutulara yerleştirip ekran değiştikçe otomatik yeniden düzenlenen içerik kurarsınız.

🚀HTML5 yayını

Projeyi HTML5 olarak yayımlayıp SCORM ile öğrenme yönetim sistemine yüklemeyi uçtan uca uygulamalı kavrarsınız.

Anahtar Konular

captivate eğitimiadobe captivate kursuduyarlı e-öğrenmefluid boxes captivatecaptivate html5 yayınıe-öğrenme tasarımıscorm lms entegrasyonuresponsive captivateuzaktan eğitim içeriğicaptivate breakpoint
“Duyarlı e-öğrenme tek bir projeyle her ekrana ulaşır; doğru kurulan esnek düzen içeriği cihazdan bağımsız kılar.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve araçlar

1
E-öğrenme farkındalığı

Slayt, nesne ve etkileşim kavramlarına aşinalık proje yapısını kavramayı kolaylaştırır.

2
Captivate kurulumu

Adobe Captivate kurulu ve bir deneme ya da abonelikle açılabilir durumda olmalıdır.

3
Temel tasarım

Hizalama, boşluk ve yerleşim gibi temel tasarım sezgisi duyarlı düzeni anlamayı hızlandırır.

4
Tarayıcı

HTML5 çıktısını denemek için güncel bir tarayıcının kurulu olması faydalıdır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı Captivate arayüzünü tanır, duyarlı ile duyarlı olmayan proje türlerini ayırt eder ve Fluid Boxes ile breakpoint yaklaşımlarının farkını kavrar.
Modül 1
Captivate Arayüzü
  • Çalışma alanı, zaman çizelgesi ve panel düzeni
  • Slide, nesne ve kütüphane panellerinin rolü
  • Araç çubuğu ve nesne ekleme menüleri
  • Özellik (Properties) paneliyle nesne ayarı
  • Çalışma alanını kaydetme ve düzenleme
  • Tercihlerle proje varsayılanlarının ayarı
Modül 2
Captivate Proje Türleri
  • Duyarlı (responsive) ve sabit proje ayrımı
  • Fluid Boxes tabanlı duyarlı proje seçeneği
  • Breakpoint tabanlı eski duyarlı yaklaşım
  • Hangi senaryoda hangi türün uygun olduğu
  • Yeni duyarlı proje oluşturma adımları
  • Proje çözünürlüğü ve referans ekran seçimi
Modül 3
Duyarlı Tasarım Mantığı
  • Tek içeriğin farklı ekrana uyarlanması ilkesi
  • Mutlak konum yerine esnek yerleşim düşüncesi
  • Göreli ölçü ve yüzde tabanlı boyut mantığı
  • İçeriğin ekran küçüldükçe akması kavramı
  • Mobilde okunabilirlik ve dokunma hedefi
  • Masaüstü ve telefon deneyiminin farkları
Modül 4
İlk Duyarlı Slayt
  • Yeni duyarlı projede ilk slaydın kurulması
  • Başlık ve metin nesnelerinin eklenmesi
  • Nesnelerin ekranda konumlandırılması
  • Önizleme ile ilk duyarlı davranışın görülmesi
  • Slayt ana hat (master slide) kullanımı
  • Proje kaydetme ve dosya biçimi
Günün hedefiKatılımcı Fluid Boxes yapısını kurar, nesneleri esnek ve statik kutulara yerleştirir, hizalama ve sarma ayarlarıyla ekran değiştikçe akan düzen tasarlar.
Modül 1
Fluid Box Temelleri
  • Fluid Box kavramı ve esnek kutu mantığı
  • Slaydı yatay ve dikey kutulara bölme
  • İç içe (nested) Fluid Box oluşturma
  • Kutuya nesne yerleştirince hizalanması
  • Kutu kenarlığı ve seçim ipuçlarının okunması
  • Boş kutuların yayında gizlenmesi
Modül 2
Hizalama ve Dağılım
  • Kutu içinde yatay ve dikey hizalama
  • Nesneler arası boşluğun (padding) ayarı
  • Wrap (sarma) ile nesnelerin alt satıra akması
  • Eşit dağılım ve ortalama seçenekleri
  • Kutunun içeriğe göre otomatik boyutlanması
  • Hizalama kararlarının önizlemede kontrolü
Modül 3
Statik ve Esnek Nesneler
  • Statik Fluid Box ile sabit kalan nesneler
  • Esnek kutuda yeniden akan nesne davranışı
  • Arka plan ve dekoratif nesnelerin statik tutulması
  • Nesne boyutunun yüzde olarak ölçeklenmesi
  • Metin nesnesinin ekrana göre yeniden sarması
  • Etkileşimli nesnelerin esnek yerleşimi
Modül 4
İçerik Akışı ve Test
  • Ekran küçüldükçe kutuların yeniden düzenlenmesi
  • Dikey akışa geçişin önizlemede izlenmesi
  • Taşma ve örtüşme sorunlarının giderilmesi
  • Nesne sırası ve okuma düzeninin korunması
  • Farklı en-boy oranlarında düzenin denenmesi
  • Fluid Box düzeninin masaüstü-telefon testi
Günün hedefiKatılımcı breakpoint görünümlerini kullanır, her cihaz için konum ve boyutu uyarlar, içeriği breakpoint'e göre gösterip gizler ve etkileşim ekler.
Modül 1
Breakpoint Görünümleri
  • Masaüstü, tablet ve telefon breakpoint'leri
  • Breakpoint çubuğuyla görünümler arası geçiş
  • Her görünümde slaydın ayrı düzenlenmesi
  • Breakpoint genişlik eşiklerinin ayarlanması
  • Yeni breakpoint ekleme ve kaldırma
  • Görünümler arası değişikliğin miras alınması
Modül 2
Cihaza Özel Konum ve Boyut
  • Breakpoint'te nesne konumunu yeniden ayarlama
  • Yazı tipi boyutunun cihaza göre değişimi
  • Konum ve boyut kilidiyle mirası kırma
  • Telefonda nesneleri alt alta yerleştirme
  • Değişikliğin yalnızca o görünüme uygulanması
  • Görünümler arası tutarlılığın korunması
Modül 3
İçeriği Gösterme ve Gizleme
  • Breakpoint'e göre nesneyi gösterme veya gizleme
  • Mobilde gereksiz detayın gizlenmesi
  • Cihaza özel metin ve görsel alternatifleri
  • Gizlenen nesnenin diğer görünümdeki etkisi
  • Dokunma odaklı sadeleştirilmiş mobil düzen
  • Görünür nesnelerin okuma sırasının korunması
Modül 4
Etkileşim ve Değerlendirme
  • Düğme ve tıklama alanı (click box) ekleme
  • Duyarlı projede etkileşim nesnesi yerleşimi
  • Soru slaytı (quiz) ekleme ve ayarları
  • Geri bildirim ve puanlama tanımı
  • Etkileşimlerin her cihazda denenmesi
  • Dokunma hedeflerinin mobilde yeterliliği
Günün hedefiKatılımcı projeyi farklı cihazlarda önizler, HTML5 olarak yayımlar, SCORM paketiyle LMS'e entegre eder ve yayını gerçek tarayıcılarda test eder.
Modül 1
Önizleme Cihazları
  • Preview ile projeyi tarayıcıda açma
  • Farklı cihaz profillerinde önizleme
  • Yönlendirme değişiminin önizlemede denenmesi
  • Fluid Box ve breakpoint düzeninin doğrulanması
  • Önizlemede bulunan sorunların not edilmesi
  • Gerçek cihazda test ihtiyacının anlaşılması
Modül 2
HTML5 Olarak Yayınlama
  • Publish ile HTML5 çıktısı üretme
  • Yayın ayarları ve çıktı klasörü seçimi
  • Ölçeklenebilir HTML5 içeriğin ayarı
  • Mobil hareket ve jest desteği seçenekleri
  • Çıktının yerel tarayıcıda açılması
  • Dosya boyutu ve varlık yönetimi
Modül 3
SCORM ve LMS Entegrasyonu
  • SCORM standardının e-öğrenmedeki rolü
  • SCORM paketi olarak yayınlama ayarları
  • Tamamlanma ve puan raporlama tanımı
  • Paketi öğrenme yönetim sistemine yükleme
  • LMS üzerinde modülün çalıştırılması
  • İlerleme ve sonuç verisinin izlenmesi
Modül 4
Test ve Projeyi Bitirme
  • Yayınlanan modülün gerçek tarayıcılarda denenmesi
  • Masaüstü, tablet ve telefonda son kontrol
  • Etkileşim ve quiz davranışının doğrulanması
  • Erişilebilirlik ve okunabilirlik gözden geçirme
  • Yayın için paket ve dosyaların düzenlenmesi
  • Duyarlı modülün teslime hazır hale getirilmesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Proje türü seçimi

Duyarlı ve sabit proje ile Fluid Boxes ve breakpoint yaklaşımları arasından senaryoya uygun olanı seçebilirsiniz.

✅
Fluid Boxes ustalığı

Esnek ve statik kutularla nesneleri yerleştirip ekran değiştikçe akan duyarlı düzenler kurabilirsiniz.

✅
Hizalama ve akış

Kutu içi hizalama, boşluk ve sarma ayarlarıyla içeriğin her ekranda düzgün akmasını sağlayabilirsiniz.

✅
Breakpoint düzenleme

Masaüstü, tablet ve telefon görünümlerinde konum ve boyutu cihaza özel biçimde uyarlayabilirsiniz.

✅
İçerik uyarlama

İçeriği breakpoint'e göre gösterip gizleyerek mobilde sade, masaüstünde zengin bir deneyim kurarsınız.

✅
Etkileşim ekleme

Düğme, tıklama alanı ve quiz gibi etkileşimleri duyarlı projeye ekleyip her cihazda doğru çalıştırabilirsiniz.

✅
HTML5 yayını

Projeyi ölçeklenebilir HTML5 olarak yayımlayıp farklı cihaz ve tarayıcılarda çalışmasını sağlayabilirsiniz.

✅
LMS entegrasyonu

SCORM paketiyle modülü öğrenme yönetim sistemine yükleyip tamamlanma ve puan raporlamayı kurabilirsiniz.

Kimler İçin Uygundur?

  • Duyarlı e-öğrenme içeriği üreten eğitim tasarımcıları
  • kurumsal eğitim birimlerinde çalışan uzmanlar
  • Captivate'i proje düzeyinde öğrenmek isteyen içerik geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Duyarlı e-öğrenme içeriği üreten eğitim tasarımcıları, kurumsal eğitim birimlerinde çalışan uzmanlar ve Captivate'i proje düzeyinde öğrenmek isteyen içerik geliştiricileri için uygundur. Temel tasarım ve e-öğrenme farkındalığı faydalıdır.
Fluid Boxes ile breakpoint arasındaki fark nedir?
Fluid Boxes, nesneleri esnek kutulara yerleştirip ekran değiştikçe otomatik yeniden düzenleyen modern yaklaşımdır. Breakpoint görünümleri ise her cihaz için ayrı düzen tanımlamayı sağlar; eğitimde ikisi de uygulamalı işlenir ve karşılaştırılır.
Çıktı hangi formatta alınıyor?
Projeler HTML5 olarak yayımlanır ve güncel tarayıcılarda çalışır. İsteğe bağlı olarak SCORM paketi üretilerek öğrenme yönetim sistemine yüklenir; tamamlanma ve puan raporlaması kurulur.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. Tek bir duyarlı modül Fluid Boxes iskeletinden başlanarak kurulur ve farklı cihaz önizlemelerinde test edilir. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve kurulan duyarlı e-öğrenme projesini belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Creating Responsive Projects with Captivate Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

HTML ve CSSFSD Front-end Development: Features of HTML & CSS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

FSD Front-end Development: Features of HTML & CSS Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Semantik HTML, form ve medya, seçiciler, kutu modeli, renk ve tipografiyle HTML ve CSS özelliklerini derinlemesine öğreten ön yüz geliştirme eğitimi.

Detayları Gör →
HTML ve CSSGetting Started with CSS-based Animations Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Getting Started with CSS-based Animations Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

transition, transform, keyframe animasyonu ve performans teknikleriyle akıcı ve erişilebilir CSS tabanlı hareket tasarlamayı öğreten uygulamalı eğitim.

Detayları Gör →
HTML ve CSSGetting Started with HTML and CSS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Getting Started with HTML and CSS Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Web'in çalışmasından HTML yapısına, CSS stillemeden Flexbox yerleşime ve gerçek bir sayfa projesine sıfırdan HTML ve CSS öğreten başlangıç eğitimi.

Detayları Gör →
HTML ve CSSHTML & Accessibility Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML & Accessibility Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Semantik HTML, WCAG, klavye ve ekran okuyucu, ARIA ve test araçlarıyla erişilebilir ve kapsayıcı web arayüzleri kurmayı öğreten uygulamalı eğitim.

Detayları Gör →
HTML ve CSSHTML - Content Authoring Fundamentals Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML - Content Authoring Fundamentals Eğitimi

3 günTemelOnline / Yüz Yüze / Hibrit

HTML belge yapısı, anlamsal etiketler, bağlantı, görsel, tablo ve form ile sıfırdan web içeriği yazma eğitimi. Erişilebilir ve doğrulanmış HTML temeli.

Detayları Gör →
HTML ve CSSHTML - Content Authoring with New and Advanced Features Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML - Content Authoring with New and Advanced Features Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

HTML5'in gelişmiş formları, audio/video, Canvas, SVG, Web Storage, IndexedDB ve cihaz API'leriyle zengin içerik geliştirme eğitimi. İleri ve uygulamalı.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn