impress.js Framework
- 1. 1/3/2016 1 impress.js Framework İçerik 1. API – Konumlandırma ve Geçişler 2. Konumlandırma 3. Perspektif 4. X ekseni etrafında döndürme 5. Y ekseni etrafında döndürme 6. Z ekseni etrafında döndürme 7. Ölçekleme (Scaling) 8. Ölçekleme Uygulama 2
- 2. 1/3/2016 2 impress.js API 3 Başlangıç Düzenlemeleri <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Sunum Adı</title> </head> <body> <div id="impress"> <!– Slaytlar buraya yerleşecek--> </div> <script src=/slideshow/impressjs-framework/56615397/"library/js/impress.js"></script> </body> </html> 4
- 4. 1/3/2016 4 Sonsuz koordinat üzerinde bulunan slaydın (step) yatay konumunu belirler. 7 Sonsuz koordinat üzerinde bulunan slaydın (step) düşey konumunu belirler. 8
- 5. 1/3/2016 5 Sonsuz koordinat üzerinde bulunan slaydın (step) 3. boyuttaki ileri-geri konumunu belirler. 9 Slaydın 0-360 derece arasında saat yönünde dönebilmesine olanak sağlar 10
- 6. 1/3/2016 6 Sunumdaki farklı slaytların diğerlerine bağlı olarak ölçeklenmesine olanak sağlar. Varsayılan (default) değer 1 olup üst sınırı yokltur. 11 data-width data-height 12
- 7. 1/3/2016 7 Transitions (Geçişler) 13 impress.js kullanılarak hazırlanan sunumlarda slayda karşılık gelmektedir. Step ile tanımlanmış bir slayda doğrudan erişim için "id" gereklidir. "#/id" ile erişim sağlanabilir. 14
- 8. 1/3/2016 8 Step-slide ile tanımlanmış bir slayda "#/step-2" ile erişim sağlanabilir. 15 Tamsayı değer alır. Bir slayttan diğer slayta geçiş için gerekli süreyi kontrol eder. 16
- 9. 1/3/2016 9 impress.js Uygulamalar 17 Ortak CSS – stil.css 18
- 10. 1/3/2016 10 Ortak CSS – stil.css 19 Konumlandırma 20
- 18. 1/3/2016 18 Ölçekleme - Scale 35 Ölçekleme - Scale 36
- 19. 1/3/2016 19 Ölçekleme - Scale 37 Ölçekleme - Scale 38
- 20. 1/3/2016 20 Ölçekleme - Scale 39 Ölçekleme - Scale 40