hovercraft - Bulutta Çevrimiçi

Program:

ADI

hovercraft - Hovercraft! belgeler

İçindekiler:

TANITIM

GUI araçlar vardır sınırlayıcı
OpenOffice/LibreOffice gibi tipik slayt gösterisi yazılımlarıyla sunumlar yapardım
Etkileyin, ancak bu araçlar kısıtlı ve sınırlayıcı hissettirdi. çok fazla yeniden düzenleme yapmam gerekiyor
ve etrafta dolaşmak ve bu, madde işaretli listelerden başlıklara geçiş yapmak anlamına gelebilir.
resimlere metin ve tekrar madde işareti listelerine geri dönün. Bu bütün boyunca olur
işlem. Sadece bir madde işareti olan bir şeyin slayt olması gerektiğini fark edebilirim ya da
zaman nedenleriyle bir dizi slaytın madde işaretlerine kadar kısaltılması gerektiğini. Çok
yeniden düzenleme, bir slayta neyin sığdığını ve neyin uymadığını ve nasıl yaptığımı görmekten gelir.
sunumu hızlandırmam gerekiyor ve bir dereceye kadar ne tür resimler bulabileceğimi bile
ne söylemeye çalıştığımı ve resimlerin komik olup olmadığını göstermek için.

Sunum yazılım meli vermek sen tamamlamak özgürlük için yeniden düzenlemek senin sunum on
her seviye, değil bir tek by tekrar organize etme slaytlar.

Ben ve diğerleri için çözüm, aşağıdaki gibi bir metin işaretleme dili kullanmaktır.
reStructuredText, Markdown veya benzerini seçin ve ardından bir HTML slaydı oluşturan bir araç kullanın
bundan göster.

Metin işaretleme verir sen the kolaylık ve özgürlük için hızla hareket parçalar etrafında as sen
gibi.

Seçtim reStructuredText, çünkü biliyorum ve çok büyük bir özelliği var. Ne zaman
Diğer metin biçimlendirme dillerinin belgelerini okudum, sahip olup olmadıkları açık değildi.
ihtiyacım olan ya da olmayan özellikler.

Tava, döndürmek ve yakınlaştırma
Metin işaretlemeden sunum yapmak için var olan araçlar, aşağıdakileri içeren slayt gösterileri yapacaktır:
soldan sağa bir dizi slayt. Ama şimdi moda olan sunumlar yapmaktır.
döndürün ve içeri ve dışarı yakınlaştırın. Bunun için bir açık kaynaklı çözüm etkilemek.js.

İle etkilemek.js sen yapabilmek yapmak modern güzel sunumlar.

Ancak impress.js, sunumunuzu can sıkıcı olan HTML olarak yazmanızı gerektirir ve
işaretleme, bir şeyleri madde işaretlerinden diğerine hızlı bir şekilde yeniden düzenlemenize izin verecek kadar esnek değildir.
başlıklar vb.

Ayrıca her slaydı ayrı ayrı konumlandırmanız gerekir ve eğer yeni bir slayt eklerseniz
ortada, takip eden tüm slaytları yeniden konumlandırmanız gerekir.

Hovercraft!
Bu yüzden istediğim, gücü, esnekliği ve rahatlığı alan bir araç.
reStructuredText ve ile sunumları kaydırma, döndürme ve yakınlaştırma oluşturmama izin veriyor.
impress.js, biraz yeniden düzenlersem her slaydı manuel olarak yeniden konumlandırmak zorunda kalmadan
sunumun. Bir tane bulamadım, bu yüzden Hovercraft yaptım.

Hovercraft'ın gücü, reStructuredText'in rahatlığının
slaytları konumlandırmak için esnek ve güçlü bir çözümle birlikte impress.js'nin cool'u.

Slaytları konumlandırmanın dört yolu vardır:

1. Mutlak konumlandırma: Bir slayta piksel cinsinden X ve Y koordinatlarını eklemeniz yeterlidir.
Sadece bunu yapmak eğlenceli olmayacak, ancak birinin buna ihtiyacı olabilir.

2. Göreceli konumlandırma: x ve/veya y'yi bir başlangıç ​​r ile belirterek,
önceki slayttan uzaklık. Bu konumlandırma biçimini kullanarak şunları yapabilirsiniz:
bir slayt ekleyin ve diğer slaytlar yeni slayta yer açmak için hareket edecektir.

3. Otomatik olarak: Herhangi bir konum belirlemezseniz, slayt aynı şekilde sona erecektir.
önceki slayt önceki slayttan olduğu için önceki slayttan uzaklık.
Bu, varsayılan olarak 1600 pikseli sağa kaydırmak anlamına gelir; bu,
sunumda herhangi bir yerde konumlar, standart sıkıcı olsun
sola kaydırılan sunum.

4. Bir SVG yolu ile: Bu son konumlandırma yönteminde, bir
SVG belgesi ve sunuma yapıştırın ve bu slayt + tüm slaytlar
açık bir konumlandırmaya sahip olmayan aşağıdakiler bu yolda konumlandırılacaktır. Bu
kullanmak biraz zahmetli olabilir, ancak konumlandırma gibi harika sonuçlar yaratabilir.
yılan gibi kayar Python veya benzeri.

Hovercraft! ayrıca içerir etkileyici konsol, size gösterecek bir sunucu konsolu
notlar, slayt önizlemeleri ve zaman, herhangi bir sunum için gerekli araçlar.

KULLANMA HOVERCRAFT!

Hovercraft'ı da kullanabilirsiniz! sunumu bir hedef dizinde HTML olarak oluşturmak için,
ya da Hovercraft'a izin verebilirsiniz! sunumu yerleşik web sunucusundan sunar.

İkincisinin çeşitli faydaları vardır. Birincisi, çoğu web tarayıcısının çok isteksiz olacağıdır.
dosya sisteminden sunulan sayfalardan açılır pencereleri açın bu bir güvenlik önlemidir
değiştirilebilir, ancak tarayıcıyı yalnızca http://localhost: 8000
yerine.

İkinci fayda ise Hovercraft! sunum için kaynak dosyaları izleyecek,
ve eğer değiştirilmişlerse Hovercraft! sunumu otomatik olarak yeniden oluşturacaktır.
Bu şekilde Hovercraft'ı çalıştırmanız gerekmez! bir dosyayı her kaydettiğinizde, yalnızca
tarayıcıyı yenileyin.

parametreler
hovercraft [-H] [-T ŞABLON] [-C CSS] [-A] [-S] [-N] [-P LİMAN]
[ ]

Konumsal argümanlar:


reStructuredText sunum dosyasının yolu.


Sununun kaydedildiği dizin. Olmazsa oluşturulacak
mevcut. Hovercraft bir targetdir belirtmezseniz! bunun yerine bir
web sunucusu ve sunumu bu sunucudan sunun.

İsteğe bağlı argümanlar:

-H, --yardım et
Bu yardımı göster.

-t ŞABLON, --şablon ŞABLON
Bir şablon belirtin. Bir .cfg dosyası veya şablon.cfg
dosya. Verilmezse, varsayılan bir şablon kullanacaktır.

-c css, --css CSS
Sunumun kullanması için ek bir CSS dosyası. Ayrıca bkz. :css: ayarlar
sunumun.

-A, --oto-konsol
Sunucu konsolunu otomatik olarak açın. Bu, prova yaparken kullanışlıdır
ve sunucu notlarının doğru olduğundan emin olun. Bunu şu şekilde de ayarlayabilirsiniz:
sahip olan :oto-konsol: gerçek sunumda ilk.

-Evet, --atla-yardım
İlk yardım açılır penceresini gösterme.

-N, --atla-notlar
Çıktıya sunum yapan kişinin notlarını dahil etmeyin.

-p LİMAN, --Liman LİMAN
Sunucunun kullandığı adres ve bağlantı noktası. Ör 8080 veya 127.0.0.1:9000. varsayılanlar
0.0.0.0: 8000.

Yapılı in şablonları
Hovercraft ile birlikte gelen iki şablon var! Bir denir varsayılan ve kullanılacak
bir şablon belirtmediğiniz sürece. Bu, çoğu zaman kullanacağınız şablondur.

ikincisi denir basit ve sunucu konsolu yok. Bu şablon
ile birleştirirseniz özellikle yararlıdır. --atla-notlar bir sürüm hazırlamak için parametre
sunumunuzun çevrimiçi hale getirilmesi.

YAPIMI SUNULAR

A notlar on terminoloji
Geleneksel olarak bir sunum slaytlardan oluşur. Onlara "slayt" demek aslında
örtüşebilecekleri ve mutlaka kaymaları gerekmediğinden impress.js bağlamında alakalıdır. bu
"adımlar" adı daha iyidir, ancak aynı zamanda daha belirsizdir. Bu nedenle impress.js şu terimleri kullanır:
"kaymak" ve "adım" aynı anlama gelir ve Hovercraft da öyle!

Hovercraft! sözdizimi
Sunumlar reStructuredText dosyalarıdır. Bu belgeyi şuradan okuyorsanız,
kaynak kodu, o zaman zaten bir reStructuredText belgesine bakıyorsunuz.

Oldukça basit, onları başlık olarak işaretlemek için başlıkların altını çiziyorsunuz:

Bu bir h1 olur
=================

Ve bu bir h2
-------------

Bunların altını çizmenin farklı yolları hiçbir şey ifade etmez, bunun yerine bunların sırası şöyledir:
ilgili, bu nedenle dosyada karşılaşılan ilk alt çizgi türü, seviye 1 oluşturacaktır.
başlık, ikinci tip bir seviye 2 başlık vb. Bu dosyada = seviye 1 için kullanılır,
ve - 2. seviye için.

Ayrıca metni şu şekilde işaretleyebilirsiniz: italik or pimIle *bekar yıldız işareti* or **çift yıldız işaretleri**
respectivamente.

Ayrıca madde işaretli listeleriniz de olabilir:

* Mermi 1

* Mermi 1.1

* Mermi 2

* Mermi 3

Ve numaralı listeler:

1. Madde 1

1.1. Madde 1.1

2. Madde 2

3. Madde 3

Resimleri dahil edebilirsiniz:

.. image:: yol/to/image.png
:yükseklik: 600 piksel
:genişlik: 800 piksel

Gördüğünüz gibi ayrıca yükseklik ve genişlik ve diğer yükleri de belirtebilirsiniz. parametreler, ama onlar
hepsi isteğe bağlıdır.

Ayrıca metni önceden biçimlendirilmiş olarak işaretleyebilirsiniz. Bunu, önceki satırı şununla bitirerek yaparsınız:
çift ​​kolon veya kendi başına bir dizi çift kolon var:

::

Buradaki kod önceden biçimlendirilecek
ve tek aralıklı bir yazı tipiyle gösterilir
ve tüm boşluklar korunur.

Kaynak kodu eklemek isterseniz, kod direktif ve sözdizimi alın
vurgulama:

.. kod:: piton

def bazı_örnek_kodu(foo):
dönüş foo * foo

Sözdizimi vurgulaması şu şekilde yapılır: Pigmentler ve çok ve çok sayıda destekler dil.

Ayrıca sunuma bir başlık koymak isteyebilirsiniz. Bunu sahip olarak yaparsın ..
Başlık:: ilk slayttan önceki ifade:

.. başlık:: Bu sunum başlığıdır

yapmak için reStructuredText hakkında bilmeniz gereken en önemli şey budur.
sunumlar. Bilinecek daha çok şey var ve bağlantılar gibi birçok gelişmiş özellik var.
dipnotlar ve daha fazlası. Aslında yeterince gelişmiş, böylece bir bütün yazabilirsiniz. kitap içinde,
ama okumanız gereken her şey için belgeleme.

dış Dosyaları
Sunuda göreli bir yolla başvurulan herhangi bir görüntü dosyası,
hedef dizin, sunuma göreli yolunu korur. Aynı şey görüntüler için de geçerli
veya sunum veya şablon tarafından kullanılan herhangi bir CSS dosyasında başvurulan yazı tipleri.

Mutlak yollar veya URI'ler tarafından başvurulan resimler veya yazı tipleri kopyalanmayacaktır.

şekillendirici senin Sunum
Varsayılan şablon tarafından dahil edilen css, üç dosyadır.

· etkileyiciConsole.css sunucu konsolunun çalışması için gereken CSS'yi içerir,

· vurgulama.css aksi halde olduğu gibi, kod sözdizimi vurgulaması için varsayılan bir stil içerir
çok iş olurdu. Varsayılan renkleri veya stilleri beğenmediyseniz,
vurgulayarak, kopyalamanız ve değiştirmeniz gereken dosya budur.

· Hovercraft.css, yalnızca minimum değeri içerir: impress.js yedeğini gizler
mesaj, sunum yapan kişi notlar ve bir adım genişliğine sahip olmak için yararlı bir varsayılan ayarlar
1000 piksel genişliğinde.

Bu nedenle, slaytlarınıza stil vermek için kendi CSS'nizi dahil etmek istiyorsunuz. CSS eklemek için
eklediğiniz dosya :css:- sunumun üst kısmındaki alan:

:css: css/sunum.css

İsteğe bağlı olarak, css'nin yalnızca belirli CSS ortamları için geçerli olmasını da belirtebilirsiniz:

:css ekranı,projeksiyon: css/presentation.css
:css-baskı: css/print.css

Bu şekilde istediğiniz sayıda css dosyası belirleyebilirsiniz.

Ayrıca bir komut satırı parametresi aracılığıyla fazladan bir CSS dosyası ekleyebilirsiniz:
hovercraft --extra-css=my_extra.css Presentationfile.rst outdir/

şekillendirici a özel slayt
Belirli bir slayt için belirli bir stile sahip olmak istiyorsanız, bunu vermek iyi bir fikirdir.
benzersiz bir kimliği kaydırın:

:id: slayt-id

Daha sonra bu slaydı özellikle aşağıdakilerle biçimlendirebilirsiniz:

div#slayt kimliği {
/* Buraya özel CSS */
}

Belirli bir kimlik vermezseniz, sıra numarasına göre bir kimlik alır. Ve
bu, ondan önce gelen slaytları ekler veya kaldırırsanız, slaytın kimliğinin değişeceği anlamına gelir,
ve bu durumda, o slaydın özel stilleriniz çalışmayı durduracaktır.

Taşınabilir sunumlar
Hovercraft'tan beri! HTML5 sunumları oluşturur, herhangi bir bilgisayarı kullanabilirsiniz.
sunuyu görüntülemek veya göstermek için yüklü modern tarayıcı. Bu, ikinizin de
çevrimiçi sunum ve konferansınız veya müşteriniz için ödünç bir bilgisayar kullanmak
sunum.

Seyahat ederken, serginizi gösterirken hangi ekipmanı kullanmanız gerektiğini bilmiyorsunuz.
sunum ve konuşmayı reddeden bir projektörle karşılaşmak şaşırtıcı derecede yaygındır.
senin bilgisayarın. MacBook'unuz varsa, dongle'ınızı unutmak da çok kolaydır ve orada
Hatta bilgisayarları bağladığınızda tamamen kararan ve ölü olan bilgisayar vakaları bile oldu.
bir projektör, diğer tüm bilgisayarlar iyi çalışıyor gibi görünse de.

Sununuzun taşınabilir olduğundan emin olmanın ana yolu, onu farklı ortamlarda denemektir.
tarayıcılar ve farklı bilgisayarlar. Ancak ikincisi mümkün olmayabilir, herkes ikisine de sahip değildir.
Evde Windows, Linux ve OS X bilgisayarlar. Sunumlarınızı taşınabilir hale getirmeye yardımcı olmak için
Kendi @font-face'lerinizi tanımlamak ve bunları kullanmak iyi bir fikirdir, böylece hedefin
tarayıcı, sizinle aynı yazı tiplerini kullanacaktır. Hovercraft! @font-face'i otomatik olarak bulur
tanımları ve yazı tipi dosyalarını hedef dizine kopyalayın.

etkilemek.js alanları
impress.js ile ilgili belgeler, şurada yorumlar olarak bulunur: gösteri html dosya. O değil
her zaman çok net, bu yüzden kolaylık olması için kısa bir özet geliyor.

impress.js'nin güncel sürüm olan 0.5.3'te kullanacağı farklı veri alanları,
aşağıdakiler:

· veri-geçiş-süresi: Bir slayttan diğerine geçmek için gereken süre.
Varsayılan değer 1000 (1 saniye). Bu sadece bir bütün olarak sunum için geçerlidir.

· veri perspektifi: 3B efektlerdeki "perspektifi" kontrol eder. Varsayılan olarak 500'dür.
0'a ayarlamak, 3D efektlerini devre dışı bırakır.

· veri-x: Bir slaydın piksel cinsinden yatay konumu. Negatif olabilir.

· veri-y: Bir slaydın piksel cinsinden dikey konumu. Negatif olabilir.

· veri ölçeği: Yakınlaştırmayı oluşturan slaytın ölçeğini ayarlar. Varsayılan 1. A
4 değeri, slaydın dört kat daha büyük olduğu anlamına gelir. Kısacası: Daha düşük, yakınlaştırma anlamına gelir,
daha yüksek, uzaklaştırmak anlamına gelir.

· veri-döndür-z: Bir slaytın x ekseninde derece cinsinden dönüşü. Bu,
saat yönünde veya saat yönünün tersine döndürülecek şekilde kaydırın.

· veri döndürme: Aynı veri-döndür-z.

· veri-döndür-x: Bir slaytın x ekseninde derece cinsinden dönüşü. Bu, sen olduğun anlamına gelir
kaydırağı diğer kaydıraklara kıyasla üçüncü bir boyutta hareket ettirmek. Bu genellikle
doğru kullanılırsa cooll etkisi.

· veri-döndür-y: Bir slaytın x ekseninde derece cinsinden dönüşü.

· veri-z: Bu, slaytın z ekseni üzerindeki konumunu kontrol eder. Bu değeri ayarlamak
-3000, -3000 piksel uzağa yerleştirildiği anlamına gelir. Bu yalnızca kullandığınız zaman yararlıdır
veri-döndür-x or veri-döndür-y, aksi takdirde sadece şu izlenimi verecektir:
slayt küçültülür, bu gerçekten kullanışlı değildir.

Hovercraft! spesiyalleri
Hovercraft! reStructuredText'i kullandığı bazı özel yöntemlere sahiptir. Her şeyden önce,
reStructuredText "geçiş", farklı slaytlar arasındaki ayrımı işaretlemek için kullanılır veya
adımlar. Geçiş, yalnızca dört veya daha fazla tire içeren bir çizgidir:

----

Kısa çizgi kullanmanıza gerek yok, altını çizmek için kullanılan karakterlerden herhangi birini kullanabilirsiniz.
başlıklar = - ` : . ' " ~ ^ _ * + #. Ve tıpkı genişlik başlıkları gibi, farklı
karakterler farklı "seviyeleri" gösterir. Bu şekilde hiyerarşik bir yapı oluşturabilirsiniz.
adımlar ve alt adımlar ile sunum. Ancak, impress.js bunu desteklemiyor, dolayısıyla bu
yalnızca, başka bir Javascript kitaplığı kullanan kendi şablonlarınızı oluşturduğunuzda kullanışlıdır.
örnek Reveal.js. Dahil edilen şablonlarla birden fazla geçiş seviyeniz varsa
Hovercraft ile ortaya çıkan sunum garip davranabilir.

Tüm reStructuredText alanları, geçerli etikette özniteliklere dönüştürülür. Çoğu
bunlar genellikle HTML'ye dönüştürülürken göz ardı edilir, ancak iki yer vardır.
etiketler bir fark yaratacaktır ve bu, onları belgede ilk sıraya koyarak veya
ilk önce bir slaytta.

Bir belgeye ilk koyduğunuz tüm alanlar, ana sayfadaki niteliklere dönüştürülecektir.
etkilemek.js . Bu, şu anda yalnızca geçiş süresini ayarlamak için kullanılmaktadır.
veri-geçiş-süresi.

Slayda ilk koyduğunuz tüm alanlar, slaytta özniteliklere dönüştürülür .
Bu, öncelikle slaytın konumunu/yakınlaştırmasını/dönüşünü ayarlamak için kullanılır.
veri-x, veri-y ve diğer impress.js ayarları veya hoverkraft yolu ayar, daha fazlası
sonra.

Hovercraft! bir geçişle ilk karşılaştığında ilk slaydı yapmaya başlayacak
veya bir başlık. Bundan önce gelen her şey bir bütün olarak sunuma ait olacaktır.

Bu nedenle bir sunum şöyle görünebilir:

:veri-geçiş-süresi: 2000
:atla-yardım: doğru

.. başlık: Sunum Başlığı

----

Bu ilk slayt
=======================

İşte bir metin geliyor.

----

:veri-x: 300
:veri-y: 2000

Bu ikinci slayt
========================

#. işte bizde

#. Numaralandırılmış bir liste

#. doğru olacak

#. Sayılar otomatik olarak

Bağıl konumlandırma
Hovercraft! slaytları birbirine göre konumlandırma yeteneği verir. Bunu yap
koordinatları "r" ile başlatarak. Bu, slaytı 500 piksel sağa konumlandıracaktır
ve önceki slaydın bin piksel üzerinde:

:veri-x: r500
:veri-y: r-1000

Göreli yollar, slaytları ekleyip kaldırmanıza ve diğer slaytların ayarlanmasına olanak tanır
otomatik olarak. Konumlandırmanın muhtemelen en kullanışlı yolu budur.

Otomatik konumlandırma
Bir öznitelik belirtmezseniz, slayt ayarları öncekiyle aynı olacaktır.
kayma. Bu, göreli bir konumlandırma kullandıysanız, sonraki slaytın
aynı mesafe.

Bu, doğrusal bir hareket sağlar ve slaytlarınız düz bir çizgide sona erer.

Varsayılan olarak hareket sağda 1600 pikseldir, yani
herhangi bir slaytı konumlandırın, slaytların basitçe gösterileceği standart bir sunum elde edersiniz.
sağdan sola kaydırın.

SVG Yollar
Hovercraft! slaytları bir SVG yolu boyunca konumlandırmayı destekler. Bu kullanışlı, olabildiğince
SVG'yi destekleyen bir yazılımda bir çizim oluşturun ve ardından bu çizim yolunu kopyalayıp yapıştırın
sunumunuzun içine.

SVG yolunu şununla belirtirsiniz: :hovercraft-yolu: tarla. Örneğin:

:hovercraft-path: m275,175 v-150 a150,150 0 0,0 -150,150 z

Açık bir konumlandırmaya sahip olmayan sonraki her slayt buna yerleştirilecektir.
yolu.

SVG yollarını kullanırken dikkat etmeniz gereken bazı noktalar vardır.

Bağıl ve kesin koordinatları
SVG'de koordinatlar, sayfa orijinine referansla mutlak olabilir; veya
son noktaya atıfta bulunan göreceli. Hovercraft! ikisini de idare edebilir, ama ne
çok iyi idare edemez bunların bir karışımıdır.

Spesifik olarak, göreli bir hareketle başlayan ve çıkaran bir SVG yolu alırsanız
SVG belgesinden bağlamı kaybedersiniz. Tüm koordinatlar daha sonra
da akraba olun. Mutlak bir koordinatınız varsa, aniden bağlamı yeniden kazanırsınız,
ve ilk mutlak koordinattan sonraki her şey,
önce gelen noktalar.

En dikkat çekici olanı, açık kaynaklı yazılım "Inkscape" mutlak ve göreceli karıştıracaktır.
göreli koordinatları kullanmasına izin verirseniz, koordinatlar. Bu nedenle içine girmeniz gerekir
ayarlarına gidin ve göreli koordinatları kullanmanıza izin veren onay kutusunun işaretini kaldırın. Bu
Inkscape'i tüm koordinatları mutlak olarak kaydetmeye zorlar, bu da iyi sonuç verir.

Başlama pozisyon
Varsayılan olarak yolun başlangıç ​​konumu ve dolayısıyla ilk yolun başlangıç ​​konumu
slayt, slayt konumlandırmaya sahip olmasaydı, başlangıç ​​konumu ne olursa olsun olacaktır
hiç. Bu pozisyonu değiştirmek istiyorsanız, sadece ekleyin :veri-x: or :veri-y: alanları.
Hem göreli hem de mutlak konumlandırma burada çalışacaktır.

Her durumda, ilk m or M SVG yolunun komutu etkin bir şekilde yoksayılır, ancak
yine de dahil etmek zorunda.

SVG dönüşümler
SVG, yol çizmenize ve ardından onu dönüştürmenize olanak tanır. Hovercraft! bunlara destek yok
dönüştürür, bu nedenle yolu çıkarmadan önce SVG yazılımının
dönüşümleri kullanın. Inkscape'de bunu "Basitleştir" komutuyla yapabilirsiniz.

Diğer SVG şekiller
Hovercraft! diğer SVG şekillerini desteklemez, yalnızca yolu destekler. Bunun nedeni organize
karelerdeki slaytlar vb. zaten oldukça basittir ve şekiller yollara dönüştürülebilir.
Genellikle yazılımda şekli seçmeniz ve yazılımınıza yapmasını söylemeniz gerekir.
bir yola girer. Inkscape'de bir nesneyi yola dönüştürmek genellikle şu anlama gelir:
tüm yol, gereksiz yere karmaşık olan CubicBezier eğrilerinden yapılmıştır. Kullanmak
Inkscape'deki "Basitleştir" komutu, şekilleri yollara dönüştürmek için genellikle yeterlidir.

şekil-ölçekleme
Hovercraft! yolu ölçekleyecek, böylece yola sığması gereken tüm slaytlar
yola sığdır. Bu nedenle sunumunuzda birkaç yolunuz varsa, bunlar değil
göreli boyutlarını koruyun, ancak slaytların sığması için yeniden boyutlandırılacaktır. sahip olmanız gerekiyorsa
şekiller göreceli boyutlarını korur, bunları tek bir yolda birleştirmeniz gerekir.

Örnekler
Hovercraft'ın nasıl kullanılacağını görmek için! uygulamada, dahil edilen üç örnek sunum vardır
Hovercraft ile!

Hovercraft.rst
Şurada görebileceğiniz demo sunumu http://regebro.github.com/hovercraft

öğretici.rst
Hovercraft'ın özellikleri için adım adım kılavuz!

pozisyonlar.rst
Konumlandırma özelliklerinin nasıl kullanılacağına dair bir açıklama.

TASARIM SİZİN SUNULAR

Sunum yapmanın birkaç püf noktası vardır. Kesinlikle bir olduğumu iddia etmiyorum
uzman, ancak işte bazı yeni başlayanlar ipuçları.

Bizi daha iyi tanımak için it kolay
Zumda çok ağır gitmeyin. Daha fazla ölçekte iki slayt arasında fark olması
5'ten daha nadiren iyi görünecek. Güzel, harika bir yakınlaştırma efekti yaratırsa
yaptı, ancak tarayıcıların tasarlandığı şey bu değil, bu yüzden olmayacak.

Ve eğer iyi kullanılırsa 3D efektler gerçekten harika olabilir. Ama her zaman değil, yorucu oluyor
seyirci için.

Mümkünse, sunumda anlamlı olduklarında yakınlaştırma ve 3B efektleri kullanmayı deneyin.
Örneğin, bir slaytta ana konulardan bahsedebilir ve ardından her konuyu yakınlaştırabilirsiniz.
daha detaylı konuştuğunuzda. Bu şekilde efektler sunumu netleştirmeye yardımcı olur,
ondan uzaklaştırmak yerine.

görenek fontlar
Tarayıcılar, işleri incelikle farklı bir şekilde işleme eğilimindedir.

Ayrıca farklı varsayılan yazı tiplerine sahiptirler ve farklı işletim sistemleri farklı
aynı yazı tiplerinin uygulamaları. Bu nedenle, üzerinde çok fazla kontrole sahip olduğunuzdan emin olmak için
mümkün olduğunca tasarım, sunuma her zaman yazı tiplerini eklemelisiniz. iyi bir kaynak
ücretsiz yazı tipleri için Google Web yazı tipleri. Bu yazı tipleri ücretsiz ve açık kaynaklıdır, böylece kullanabilirsiniz.
hiçbir bedel ödemeden ve dava edilme riski olmadan. Ayrıca indirilebilir veya dahil edilebilirler.
internet üzerinden.

Online vs İndirilen
Bir konferansta bilgisayarınızda çalışacak bir sunum yapıyorsanız veya
müşteri toplantısında, her zaman yazı tiplerini indirin ve sunumun bir parçası olarak bulundurun.
adlı bir klasöre koyun. fontlar sunumunuzun bulunduğu klasörün altında.

Ayrıca CSS'nizde yazı tipi ailesini de tanımlamanız gerekir. yazı Sincapweb yazı tipi oluşturucu
hem çeşitli yazı tiplerini oluşturmak için platformdan bağımsız bir araç takımı sağlayacaktır.
biçimleri ve CSS.

Sunum yalnızca çevrimiçiyse, bir @Dahil etmek-CSS'nizdeki ifade
Google'ın web yazı tiplerini doğrudan dahil edin:

@url'yi içe aktar(http://fonts.googleapis.com/css?family=Libre+Baskerville|Yarış+Sans+Bir|Tatmin Edin);

Ancak bunu, bilgisayarınızda göstermeniz gereken şeyler için kullanmayın, çünkü bunu yapmanızı gerektirir.
internet erişimi var.

test ile farklı tarayıcılar
Sunumu çevrimiçi yapıyorsanız, birkaç büyük tarayıcıyla test edin.
hiçbir şeyin kırılmadığından ve her şeyin hala iyi göründüğünden emin olun. Sadece ince değil
işlerin nasıl konumlanabileceği konusundaki farklılıklar, farklı tarayıcılar da iyidir
Farklı şeyler.

Bazı tarayıcıları Ubuntu'da test ettim ve muhtemelen farklı davranıyorlar
diğer işletim sistemleri, bu yüzden kendiniz denemelisiniz.

Firefox
Firefox 18, özellikle 3D şeyler için impress.js ile kullanımı oldukça yavaştır, bu nedenle
slayttan slayta çok sarsıntılı hareketler. Nasıl olursa olsun metnin iyi görünmesini sağlar
çok yakınlaştırırsın. Öte yandan, metni sonsuza kadar ölçeklendirmeyi reddeder, bu nedenle siz de ölçeklerseniz
fazla karakter büyümeyecek, bunun yerine hareket etmeye başlayacaklar.

Firefox 19 daha iyi, ancak 3D şeyler için hala biraz yavaş.

krom
Chrome 24 hızlıdır, ancak metni farklı boyutlarda yeniden çizmez, bunun yerine bir
görüntülerini alın ve yeniden ölçeklendirin, önceki slaytta bulanık pikselli
etkisi.

Epifani
Epiphany 3.4.1, Firefox 19 ile karşılaştırılabilir, muhtemelen biraz daha pürüzsüz ve metin görünüyor
iyi. Ancak 3B verileri nasıl işlediği konusunda hatalar var ve konum çubuğu şurada görünüyor:
tam ekran modu, her türlü sunum için daha az uygun hale getirir.

ŞABLONLARI

Neyse ki, çoğu durumda varsayılan olarak kendi şablonunuzu oluşturmanız gerekmez.
şablon çok basittir ve yapmanız gereken çoğu şey css ile yapılabilir. Ancak, ben
Hovercraft'ı istemiyorum! ihtiyaçlarınız için yeterince esnek olmadığı bir duvar kurmak için
Kendi şablonlarınızı oluşturmak için destek ekledim.

Hovercraft'ın HTML'sinden memnun değilseniz, kendi şablonunuzu oluşturmanız gerekir!
örneğin başka bir HTML sürümünü kullanmanız gerekiyorsa veya
Kullanmakta olduğunuz reStructuredText sizin için yararlı olacak şekilde oluşturulmuyor.
reStructuredText'ten oluşturulan HTML'den memnun değilseniz,
çok iyi bir hata olun, bu yüzden tartışma için Github'da bir konu açın.

Hovercraft! reStructuredText'i XML'e dönüştürerek sunumlar oluşturur ve ardından
XML'i HTML'ye çevirmek için XSLT kullanma.

Şablonlar, bir yapılandırma dosyasına, bir şablon XSL dosyasına ve herhangi bir sayıya sahip dizinlerdir.
CSS, JS ve diğer kaynak dosyaları.

The şablon yapılandırma dosya
Yapılandırma dosyası normalde template.cfg olarak adlandırılır, ancak birkaç tane varsa
yapılandırma dosyalarını bir şablon dizininde tutarsanız, hangisinin kullanılacağını belirleyebilirsiniz.
yapılandırma dosyasının tam yolunu belirterek. Ancak, sadece belirtirseniz
şablon dizini, şablon.cfg kullanılacaktır.

Şablon dosyaları, genişletilmiş bir ini tarzı biçim olan configparser biçimindedir. Onlar
çok basit ve sadece bir bölümü var, [hovercraft]. Diğer bölümler göz ardı edilecektir.
Parametrelerin çoğu, genellikle tek bir satıra sığmayan listelerdir. Bu durumda yapabilirsiniz
satırı birkaç satıra bölün, ancak satırları girintileyin. girinti miktarı
estetik dışında hiçbir fark yaratmaz.

[Hovercraft] bölümündeki parametreler şunlardır:
şablon xsl şablonunun adı.

css A liste of CSS dosya adları ayrılmış by Beyaz boşluk. Bunlar Dosyaları
medya özelliği olarak "tümü" ile son dosyaya dahil edilecektir.

css A liste of CSS dosya adları ayrılmış by Beyaz boşluk. Bunlar Dosyaları
parametrede verilen medya ile son dosyaya dahil edilecektir. Böyle
"css-print" parametresi için listelenen dosyalar, ortamları olarak "yazdırılacak"
belirtimi ve "css-screen,print" gibi bir anahtar medyayı döndürür
"ekran çıktısı".

js-başlığı A liste of dosya adları ayrılmış by Beyaz boşluk. Bunlar Dosyaları
hedef dosyaya başlık komut dosyası bağlantıları olarak dahil edilecektir.

js-vücut A liste of dosya adları ayrılmış by Beyaz boşluk. Bunlar Dosyaları
dosyanın sonunda komut dosyası bağlantıları olarak hedef dosyaya dahil edilecektir. bu
impress.js, impressConsole.js ve hovercraft.js dosyaları genellikle
buraya dahil.

kaynak A liste of dosya adları ayrılmış by boşluk o irade be
hedef dizine kopyalanır, ancak onlarla başka hiçbir şey yapılmaz. Resimler ve
CSS tarafından kullanılan yazı tipleri yine de kopyalanacaktır, ancak buraya başka kaynaklar eklenebilir.

Bir örnek:

[hovercraft]
şablon = şablon.xsl

css = css/ekran.css
css/impressConsole.css

css-baskı = css/print.css

js başlığı = js/dateinput.js

js gövdesi = js/impress.js
js/impressConsole.js
js/hovercraft.js

kaynak = resimler/back.png
resimler/ileri.png
resimler/up.png
resimler/down.png

The şablon dosya
ile belirtilen dosya şablon parametreler gerçek XSLT şablonudur.
XML'den HTML'ye çeviri gerçekleştirin.

Çoğu zaman varsayılan şablon dosyasını kopyalayabilirsiniz.
hovercraft/şablonlar/varsayılan/şablon.xsl ve değiştirin. XSLT çok karmaşıktır, ancak
HTML şablonlarını değiştirmek, dokunmanız gerekmedikçe oldukça basittir.
herhangi biri etiketleri.

Ayrıca, oluşturulan HTML XHTML uyumludur ve oldukça basittir, bu nedenle
Çoğu durumda, başka bir HTML sürümü oluşturmanız gerekir, örneğin katı
XHTML, doktipi değiştirmek olacaktır.

Ancak, oluşturulan ana HTML'yi eklemeniz veya değiştirmeniz gerekirse, HTML ekleyebilir ve değiştirebilirsiniz.
Bu ana dosyadaki ifadeleri istediğiniz gibi. Örneğin, küçük yardım açılır penceresinin nasıl olduğunu görün
HTML'nin altına eklenir.

ReStructuredText'in oluşturulma şeklini değiştirmek istiyorsanız, işler biraz daha fazla olur
karmaşık. reStructuredText XML'i HTML'ye dönüştüren XSLT kuralları, bir
ayrı dosya, reST.xsl. Çoğunlukla şablon dosyasına dahil edebilirsiniz.
aşağıdaki kodla:



The kaynak: buradaki kısım XSLT'nin bir parçası değil, Hovercraft'ın bir parçası! şunu söyler
Belirtilen dosyanın dosya sisteminde aranmaması gerektiğini belirten XSLT çevirisi, ancak
Python paketi kaynağı olarak. Şu anda şablonlar/reST.xsl dosya tek XSLT'dir
kaynak içe aktarma mevcut.

reStructuredText'in oluşturulma şeklini değiştirmeniz gerekiyorsa, bunun bir kopyasını almanız gerekir.
dosyalayın ve değiştirin. Daha sonra ana şablonun bir kopyasını oluşturmanız ve
içinde değiştirilmiş XSLT dosyanıza referans verin.

XSLT dosyalarının hiçbirinin hedefe kopyalanması gerekmez ve bir dosya olarak listelenmemelidir.
şablon yapılandırma dosyasındaki kaynak.

onworks.net hizmetlerini kullanarak hovercraft'ı çevrimiçi kullanın