Download to read offline
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 <!DOCTYPEhtml> <html> <head> <meta charset="utf-8" /> <title>Sunum Adı</title> </head> <body> <div id="impress"> <!– Slaytlar buraya yerleşecek--> </div> <script src="library/js/impress.js"></script> </body> </html> 4
- 3.
- 4. 1/3/2016 4 Sonsuz koordinat üzerindebulunan 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 üzerindebulunan 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ındiğ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ılarakhazı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
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.