Oluşturmak için Webpage'i kullanmayı unutmayın.

WebGL akışkan arka planlar, serif başlıklar + sans-serif gövde metni, bölüm kapakları, büyük veri banner'ları ve resim ızgaraları gibi şablonlar da dahil olmak üzere, "e-dergi × e-mürekkep" tarzında yatay olarak çevrilebilen web tabanlı PPT'ler (tek HTML dosyası) oluşturun. Kullanıcıların paylaşım/sunum/lansman etkinlikleri için web tabanlı PPT'ler oluşturması gerektiğinde veya "dergi tarzı PPT'ler", "yatay kaydırma slaytları", "editoryal dergiler" veya "e-mürekkep sunumları"na atıfta bulunurken bunu kullanın.

# Dergi Web Sunumu

Bu beceri ne işe yarıyor?

Yatay slayt gösterisi biçimlendirmesine sahip tek bir HTML dosyası oluşturun. Görsel stil şu şekildedir:

- E-dergi ve e-mürekkebi birleştiren hibrit bir tarz.

- **WebGL Akışkan/Kontur/Dağılım Arka Planı** (Ana sayfaya bakın)

- **Serif başlıklar (Noto Serif SC + Playfair Display) + Sans-serif gövde metni (Noto Sans SC + Inter) + Tek aralıklı meta veriler (IBM Plex Mono)**

- **Lucide Linear Icons** (Emoji gerekmez)

- **Yatay sayfa çevirme (klavyede sola ve sağa hareket, fare tekerleği, dokunmatik ekran kaydırma, alttaki nokta, ESC tuşu)**

- **Temanın Akıcı Geçişi**: Ana sayfaya geçiş yaparken renkler ve gölgelendiriciler sorunsuz bir şekilde değişir.

Bu becerinin estetiği ne "iş amaçlı PowerPoint" ne de "tüketici internet arayüzü" gibi; üzerine kod yapıştırılmış bir *Monocle* dergisi gibi.

## Ne zaman kullanılır

**Uygun senaryolar:**

- Çevrimdışı paylaşım oturumları / Sektör konuşmaları / Özel toplantılar

- Yapay Zeka Yeni Ürün Lansmanı/Tanıtım Günü

- Güçlü bir kişisel üsluba sahip bir konuşma

- Sayfa çevirme araçlarına gerek kalmadan tek seferde tamamlanabilen, web tabanlı bir slayt sürümüne ihtiyacımız var.

**Uygunsuz senaryolar:**

- Büyük tablo verileri ve üst üste bindirilmiş grafikler (standart PowerPoint sunumları kullanılarak)

- Eğitim materyalleri (yetersiz bilgi yoğunluğu)

- Birden fazla kişinin ortak düzenlemesini gerektirir (bu statik HTML'dir)

### Adım 1 · Gereksinimleri Belirleyin (**Başlamadan önce şart**)

Kullanıcı zaten eksiksiz bir taslak ve görseller sağlamışsa, 2. adıma geçebilirsiniz.

Kullanıcı yalnızca bir konu veya belirsiz bir fikir verirse, başlamadan önce bunu bu 6 soruyla tek tek eşleştirin. Tahminlere dayanarak slayt yazmaya başlamayın; yapı yanlış olduğunda, daha sonraki revizyonlar çok maliyetli olur. Sorular sorarken askUserQuestion aracını kullanabilirsiniz.

#### 6 Açıklama Sorusu

| # | Soru | Neden soruluyor? |

|---|------|-----------|

| 1 | **Hedef kitle kim? Paylaşım senaryosu nedir?** (Sektör uzmanları/İşletme lansmanı/Tanıtım günü/Özel toplantı) | Dil stilini ve derinliğini belirler |

| 2 | **Paylaşım Süresi?** | 15 dakika ≈ 10 sayfa, 30 dakika ≈ 20 sayfa, 45 dakika ≈ 25-30 sayfa |

| 3 | **Orijinal materyalleriniz var mı?** (Belgeler/Veriler/Eski PPT'ler/Makale Bağlantıları) | Materyalleriniz varsa kullanın; yoksa, onlardan başka bir şey oluşturun. |

| 4 | **Resim var mı? Nereye yerleştirilmeliler?** | Aşağıdaki "Resim Kuralları" bölümüne bakın |

| 5 | **Hangi tema rengini istiyorsunuz?** | @themes.md adresine bakın, 5 ön ayardan birini seçin |

| 6 | **Kesin kısıtlamalar var mı?** (XX verisi mutlaka dahil edilmeli / YY verisi görünemez) | Yeniden çalışma gerektirmemek için |

#### Taslak Yardımı (kullanıcının taslağı yoksa)

"Anlatı akışı" şablonunu kullanarak çerçeveyi oluşturun, ardından içeriği doldurun:

```

Giriş → Sayfa 1: İnsanların dikkatini çekmek için bir zıtlık/soru/somut veri sunun.

Giriş (Bağlam) → Sayfa 1-2: Arka planı açıklayın / Kim olduğunuzu / Neden bu konuda konuştuğunuzu anlatın

Ana Bölüm (Çekirdek) → Sayfa 3-5: Çekirdek içerik, 4/5/6/9/10 sayfalarındaki düzenlerle serpiştirilmiş halde.

Shift → Sayfa 1: Beklentileri Kırmak / Yeni Bir Bakış Açısı Sunmak

Özet → Sayfa 1-2: Önemli Alıntılar / Gerilim Dolu Sorular / Eylem Önerileri

```

Anlatım akışı + sayfa numarası planlaması + tema ritmi tablosu (bkz. @layouts.md ), 2. adıma geçmeden önce **üç tabloyu da hizalayın**.

Sonraki yinelemeleri kolaylaştırmak için taslağı `proje kaydı` veya `taslak-v1` olarak kaydetmeniz önerilir.

#### Görsel Kuralları (Kullanıcıları Bilgilendirme)

İşleme devam etmeden önce kullanıcıya aşağıdakileri açıklayın:

- **Resim Konumu**: Panodaki hangi resim veya yüklenen hangi resim?

- **Görsel yoksa ne olacak?**: Kullanıcının düzenine uyum sağlamak için, öncelikle yer tutucu renk blokları kullanarak yapıyı oluşturabilir ve daha sonra görseller ekleyebilirsiniz; ancak, görsel efektin görseller olmadan doğrulanamayacağını düzen 4/5/10 ve diğer karışık metin ve görsel sayfalarına bildirmeniz gerekir.

### Adım 2 · Referans Şablonu

@template.txt, **eksiksiz ve işlevsel** bir HTML dosyasıdır; CSS, WebGL gölgelendiricileri, sayfalama JS'si ve yazı tipi/simge CDN'si önceden ayarlanmıştır; yalnızca `