slideshow-service 0.2.0 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Manifest.txt +71 -0
- data/lib/slideshow/service/public/slideshow-csss/classList.js +116 -0
- data/lib/slideshow/service/public/slideshow-csss/logo.svg +52 -0
- data/lib/slideshow/service/public/slideshow-csss/plugins/code-highlight.js +114 -0
- data/lib/slideshow/service/public/slideshow-csss/plugins/css-controls.js +40 -0
- data/lib/slideshow/service/public/slideshow-csss/plugins/css-edit.js +132 -0
- data/lib/slideshow/service/public/slideshow-csss/plugins/css-snippets.js +89 -0
- data/lib/slideshow/service/public/slideshow-csss/plugins/incrementable.js +94 -0
- data/lib/slideshow/service/public/slideshow-csss/prefixfree.min.js +10 -0
- data/lib/slideshow/service/public/slideshow-csss/reusable.css +118 -0
- data/lib/slideshow/service/public/slideshow-csss/slides.html +90 -0
- data/lib/slideshow/service/public/slideshow-csss/slideshow.css +282 -0
- data/lib/slideshow/service/public/slideshow-csss/slideshow.js +508 -0
- data/lib/slideshow/service/public/slideshow-csss/style.css +45 -0
- data/lib/slideshow/service/public/slideshow-csss/theme.css +247 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-fold-dim.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-fold-dim.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-fold.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-fold.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-nofold-dim.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-nofold-dim.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-nofold.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-nofold.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-unfold-dim.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-unfold-dim.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-unfold.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet-unfold.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/bullet.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/example.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/example.svg +223 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/face1.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/face2.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/face3.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/face4.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/fold-bright.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/fold-dim.bmp +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/fold-dim.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/fold.bmp +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/fold.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/icon-blue.png +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/keys2.jpg +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/nofold-dim.bmp +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/nofold-dim.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/nofold.bmp +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/unfold-bright.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/unfold-dim.bmp +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/unfold-dim.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/unfold.bmp +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/unfold.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/w3c-logo-blue.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/w3c-logo-blue.svg +14 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/w3c-logo-slanted.jpg +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/w3c-logo-white.gif +0 -0
- data/lib/slideshow/service/public/slideshow-slidy/graphics/w3c-logo-white.svg +14 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html +80 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.ca +52 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.de +96 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.en +81 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.es +52 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.fr +118 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.hu +98 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.nl +82 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.pl +76 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.pt-br +95 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.pt_br +95 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.html.sv +75 -0
- data/lib/slideshow/service/public/slideshow-slidy/help/help.pt-br.html +95 -0
- data/lib/slideshow/service/public/slideshow-slidy/scripts/slidy.js +2952 -0
- data/lib/slideshow/service/public/slideshow-slidy/slides.blank.html +26 -0
- data/lib/slideshow/service/public/slideshow-slidy/slides.w3c.html +62 -0
- data/lib/slideshow/service/public/slideshow-slidy/styles/slidy.css +401 -0
- data/lib/slideshow/service/public/slideshow-slidy/styles/w3c-blue.css +493 -0
- data/lib/slideshow/service/version.rb +1 -2
- data/lib/slideshow/service/views/_editor.erb +7 -4
- data/lib/slideshow/service.rb +47 -19
- metadata +73 -2
@@ -0,0 +1,82 @@
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
3
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
4
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
|
5
|
+
<head>
|
6
|
+
<!-- translated by Ruud Steltenpool -->
|
7
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
8
|
+
<title>Slidy Help</title>
|
9
|
+
<style type="text/css">
|
10
|
+
body {
|
11
|
+
font-family: sans-serif;
|
12
|
+
margin: 10%;
|
13
|
+
}
|
14
|
+
.copyright { font-size: smaller }
|
15
|
+
</style>
|
16
|
+
<script type="text/javascript">
|
17
|
+
window.onload = load;
|
18
|
+
function load()
|
19
|
+
{
|
20
|
+
var back = document.getElementById("back");
|
21
|
+
back.focus();
|
22
|
+
}
|
23
|
+
</script>
|
24
|
+
</head>
|
25
|
+
<body>
|
26
|
+
<h1><span lang="en">Slidy</span> Help</h1>
|
27
|
+
|
28
|
+
<!-- Sheetpresentatie help -->
|
29
|
+
|
30
|
+
<p>Deze sheetpresentatie kan op dezelfde manier worden aangestuurd als
|
31
|
+
Powerpoint. Klik op een willekeurige plaats op de pagina met de muis, of
|
32
|
+
druk op de spatiebalk om naar de volgende sheet te gaan. Je kan voor- of
|
33
|
+
achterwaarts door de sheets bewegen mbv de links/rechts cursor- en de Page
|
34
|
+
Up en Page Down toetsen. De lettergrootte wordt automatisch aangepast aan
|
35
|
+
de breedte van het venster, maar je kunt 'm ook handmatig aanpassen met
|
36
|
+
"S" en "<" voor kleiner en "B" en ">" voor groter. Gebruik de
|
37
|
+
"F" om de status aan de onderkant aan/uit te schakelen. De "K" zorgt
|
38
|
+
ervoor dat een muisklik je niet meer, of wel weer naar de volgende sheet
|
39
|
+
brengt. Je kan de "C" gebruiken om het inhoudsoverzicht op te roepen, en
|
40
|
+
een willekeurige andere toets om 'm weer te verbergen. Gebruik "F11" om de
|
41
|
+
"volledig scherm" modus aan /uit te schakelen. Merk op dat niet alle
|
42
|
+
toetsen in iedere browser worden ondersteund, omdat sommige browsers
|
43
|
+
toetsen gebruiken voor besturing van de browser zelf. Dit varieert zelfs
|
44
|
+
tussen versies van dezelfde browser.</p>
|
45
|
+
|
46
|
+
<p>Firefox gebruikers willen wellicht de <a href="http://www.krickelkrackel.de/autohide/" lang="en">"autohide"</a> extension gebruiken om
|
47
|
+
werkbalken te verbergen wanneer "volledig scherm" wordt aangeroepen met
|
48
|
+
"F11".</p>
|
49
|
+
|
50
|
+
<p>Als u wilt zien hoe Slidy werkt, gebruik Bron Bekijken om de XHTML opmaak
|
51
|
+
te bekijken, of bekijk deze <a href="http://www.w3.org/Talks/Tools/Slidy/">langere uitleg</a>, die ook extra functionaliteit
|
52
|
+
uitlegt. Elke sheet is in de opmaak genoteerd als een div element met
|
53
|
+
class="slide". CSS positionering and procentuele breedtes op afbeeldingen
|
54
|
+
kunnen worden gebruikt om te verzekeren dat uw afbeeldingrijke sheets
|
55
|
+
schalen naar de vensterbreedte. Inhoud kan stapsgewijs zichtbaar worden
|
56
|
+
gemaakt met behulp van class="incremental". Het gelinkte stijlblad en de
|
57
|
+
gelinkte scripts zijn ontwikkeld als een Web-gebaseerd alternatief voor
|
58
|
+
gesloten presentatie programma's en zijn getest op een variëteit van
|
59
|
+
recente browsers. Geintegreerde ondersteuning voor (inhoud)aanpassing
|
60
|
+
wordt ontwikkeld. Zend uw opmerkingen aub naar <a href="http://www.w3.org/People/Raggett/" lang="en">Dave Raggett</a> <<a href="mailto:dsr@w3.org">dsr@w3.org</a>>
|
61
|
+
Als u Slidy bruikbaar vindt, wilt u wellicht overwegen W3C donateur te
|
62
|
+
worden.</p>
|
63
|
+
|
64
|
+
<p>U bent welkom om gebruik te maken van de stijlbladen, scripts en dit
|
65
|
+
helpbestand onder de regels van W3C's <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> (document gebruik) en
|
66
|
+
<a href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a> (software licenties)</p>
|
67
|
+
|
68
|
+
|
69
|
+
<button id="back" onclick="history.go(-1)">Rerugkeer naar sheetpresentatie</button>
|
70
|
+
|
71
|
+
<hr />
|
72
|
+
|
73
|
+
<p class="copyright" lang="en"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2006
|
74
|
+
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
|
75
|
+
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
|
76
|
+
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
|
77
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
78
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
79
|
+
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
|
80
|
+
licensing</a> rules apply.</p>
|
81
|
+
</body>
|
82
|
+
</html>
|
@@ -0,0 +1,76 @@
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
3
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
4
|
+
<html xmlns="http://www.w3.org/1999/xhtml"" xml:lang="pl" lang="pl">
|
5
|
+
<head>
|
6
|
+
<!-- translated by Krzysztof Kotowicz - koto@webworkers.pl -->
|
7
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
8
|
+
<title>Slidy - pomoc</title>
|
9
|
+
<style type="text/css">
|
10
|
+
body {
|
11
|
+
font-family: sans-serif;
|
12
|
+
margin: 10%;
|
13
|
+
}
|
14
|
+
.copyright { font-size: smaller }
|
15
|
+
</style>
|
16
|
+
<script type="text/javascript">
|
17
|
+
window.onload = load;
|
18
|
+
function load()
|
19
|
+
{
|
20
|
+
var back = document.getElementById("back");
|
21
|
+
back.focus();
|
22
|
+
}
|
23
|
+
</script>
|
24
|
+
</head>
|
25
|
+
<body>
|
26
|
+
<h1><span lang="en">Slidy</span> - pomoc</h1>
|
27
|
+
|
28
|
+
<p>Prezentacją steruje się tak samo, jak w Powerpoincie.
|
29
|
+
Aby przejść do następnego slajdu, kliknij w dowolnym miejscu prezentacji myszą
|
30
|
+
lub naciśnij spację. Możesz też poruszać się w przód / tył używając klawiszy
|
31
|
+
kursora (lewo / prawo) lub klawiszy Pg Up / Pg Dn. Rozmiar czcionki jest
|
32
|
+
dobierany automatycznie tak, żeby mieścił się w obszarze przeglądarki,
|
33
|
+
ale możesz także dostosować go ręcznie naciskając klawisze "S", aby pomniejszyć
|
34
|
+
tekst i "B", aby go powiększyć. Możesz do tego celu także użyć klawiszy "<"
|
35
|
+
i ">". Użyj klawisza "F" aby
|
36
|
+
ukryć / pokazać dolny pasek statusu. Klawisz "K" włącza / wyłącza tryb przechodzenia
|
37
|
+
do następnego slajdu po kliknięciu myszką. Możesz użyć klawisza "C", żeby pokazać
|
38
|
+
spis treści i dowolnego innego, żeby go ukryć. Klawisz
|
39
|
+
"F11" włącza tryb pełnoekranowy przeglądarki. Pamiętaj, że nie wszystkie klawisze
|
40
|
+
są obsługiwane we wszystkich przeglądarkach, gdyż niektóre z nich rezerwują
|
41
|
+
konkretne klawisze do własnych celów, wszystko to zależy od używanej przeglądarki.</p>
|
42
|
+
|
43
|
+
<p>Jeśli używasz Firefoxa, zwróć uwagę na rozszerzenie <a
|
44
|
+
href="http://www.krickelkrackel.de/autohide/">autohide</a>, dzięki któremu
|
45
|
+
możesz ukryć paski narzędziowe w trybie pełnoekranowym (F11).</p>
|
46
|
+
|
47
|
+
<p>Jeśli chcesz dowiedzieć się, w jaki sposób działa Slidy, obejrzyj źródło strony prezentacji, żeby
|
48
|
+
zobaczyć użyty XHTML lub zapoznaj się z <a
|
49
|
+
href="http://www.w3.org/Talks/Tools/Slidy/">prezentacją działania</a>, która omawia
|
50
|
+
wszystkie dodatkowe funkcje. Każdy slajd jest reprezentowany przez element div o klasie "slide".
|
51
|
+
Pozycjonowanie CSS i użycie procentowych szerokości obrazków zapewni, że
|
52
|
+
Twoje slajdy będą poprawnie wyświetlane w każdej skali.
|
53
|
+
Zawartości slajdu, które mają być stopniowo odsłaniane oznacz klasą "incremental".
|
54
|
+
Powiązany arkusz stylów CSS i skrypt zostały stworzone jako sieciowa
|
55
|
+
alternatywa dla komercyjnych narzędzi prezentacyjnych. Całość została
|
56
|
+
przetestowana na różnorodnych współczesnych przeglądarkach.
|
57
|
+
Na etapie tworzenia jest aplikacja do zintegrowanego tworzenia i edycji prezentacji.
|
58
|
+
Wszystkie komentarze prosimy kierować do <a href="http://www.w3.org/People/Raggett/">Dave'a
|
59
|
+
Raggetta</a> <<a href="mailto:dsr@w3.org">dsr@w3.org</a>>.</p>
|
60
|
+
|
61
|
+
<p><em>Zachęcamy do używania arkuszy stylów, skryptów i pliku pomocy na warunkach licencyjnych dotyczących <a href="http://www.w3.org/Consortium/Legal/copyright-documents">dokumentów</a>
|
62
|
+
i <a href="http://www.w3.org/Consortium/Legal/copyright-software">oprogramowania</a> W3C</em></p>
|
63
|
+
|
64
|
+
<button id="back" onclick="history.go(-1)">Powróć do pokazu slajdów</button>
|
65
|
+
|
66
|
+
<hr>
|
67
|
+
|
68
|
+
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
|
69
|
+
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
|
70
|
+
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
|
71
|
+
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
|
72
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
73
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
74
|
+
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
|
75
|
+
licensing</a> rules apply.</p>
|
76
|
+
</body></html>
|
@@ -0,0 +1,95 @@
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
3
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
4
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
|
5
|
+
<head>
|
6
|
+
<title>Slide Show Help</title><style type="text/css">
|
7
|
+
body {
|
8
|
+
font-family: sans-serif;
|
9
|
+
margin: 10%;
|
10
|
+
}
|
11
|
+
.copyright { font-size: smaller }
|
12
|
+
</style>
|
13
|
+
<script type="text/javascript">
|
14
|
+
window.onload = load;
|
15
|
+
function load()
|
16
|
+
{
|
17
|
+
var back = document.getElementById("back");
|
18
|
+
back.focus();
|
19
|
+
}
|
20
|
+
</script>
|
21
|
+
</head>
|
22
|
+
<body>
|
23
|
+
<h1>Ajuda do Slide Show</h1>
|
24
|
+
|
25
|
+
<p>Este slide show pode ser tocado do jeito do Power Point.
|
26
|
+
Para avançar ao próximo eslaide, clique em qualquer ponto
|
27
|
+
da página com o botão direito do mouse. Ou então use a
|
28
|
+
barra de espaços. Também se pode movimentar para frente ou
|
29
|
+
para trás com as teclas do cursor -- setinhas para a
|
30
|
+
direita, para a esquerda, para cima e para baixo. E ainda
|
31
|
+
com as teclas Page Up e Page Down. O tamanho da fonte é
|
32
|
+
automaticamente ajustado à largura da janela do navegador,
|
33
|
+
mas esse ajuste pode ser manual, usando as teclas "S"
|
34
|
+
(de "smaller") para diminuir o tamanho, e "B" (de "bigger")
|
35
|
+
para aumentar. Igualmente se pode usar as teclas "<" e
|
36
|
+
">". Use
|
37
|
+
a tecla "F" para alternar entre desativada e ativada a
|
38
|
+
linha de status no rodapé. A tecla "K" alterna o uso do
|
39
|
+
clique do mouse para avançar ao próximo eslaide. A tecla
|
40
|
+
"C" mostra a tabela de conteúdos, que será novamente
|
41
|
+
ocultada apertando-se qualquer tecla. Use a tecla "F11"
|
42
|
+
para alternar o modo de tela cheia do navegador. Aperte
|
43
|
+
"H" (de "Help") para abrir esta página de Ajuda. Note que
|
44
|
+
alguns navegadores reservam algumas dessas teclas para
|
45
|
+
outras funções. Assim, experimente no seu navegador para
|
46
|
+
ver se esse é o seu caso.</p>
|
47
|
+
|
48
|
+
<p>Usuários do Firefox podem querer a extensão <a
|
49
|
+
href="http://www.krickelkrackel.de/autohide/">autoocultar</a>
|
50
|
+
para esconder as barras de ferramentas quando entrarem em tela cheia
|
51
|
+
com a tecla F11.</p>
|
52
|
+
|
53
|
+
<p>Se quiser ver como funciona o Slidy, use o View Source para
|
54
|
+
visualizar a marcação XHTML, ou leia esta <a
|
55
|
+
href="http://www.w3.org/Talks/Tools/Slidy/">explanação mais longa</a>,
|
56
|
+
que também contém funcionalidades adicionais. Cada eslaide é
|
57
|
+
marcado como um div element com
|
58
|
+
classe="slide". Posicionamentos e larguras em porcentual de CSS
|
59
|
+
podem ser usados para assegurar que os eslaides com rica
|
60
|
+
ilustração tenham escalabilidade de acordo com o tamanho da janela.
|
61
|
+
Já o conteúdo a ser revelado incrementalmente pode receber a
|
62
|
+
marcação com a classe="incremental".
|
63
|
+
A folha de estilos vinculados e os scripts foram desenvolvidos
|
64
|
+
como uma alternativa baseada em web às ferramentas proprietárias
|
65
|
+
de apresentação, e testados em diversos navegadores recentes.
|
66
|
+
Suporte à edição integrada ainda está em desenvolvimento. Mande
|
67
|
+
seus comentários para <a href="http://www.w3.org/People/Raggett/">Dave
|
68
|
+
Raggett</a> <<a href="mailto:dsr@w3.org">dsr@w3.org</a>>.
|
69
|
+
Achando que o Slidy é útil, V. talvez possa considerar a
|
70
|
+
possibilidade de se tornar um
|
71
|
+
<a href="http://www.w3.org/Consortium/sup">Apoiador do W3C</a>.</p>
|
72
|
+
|
73
|
+
<p><em>Fique à vontade para usar as folhas de estilo, os scripts
|
74
|
+
e o arquivo de ajuda do show de eslaides que se encontram sob as
|
75
|
+
regras de
|
76
|
+
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">
|
77
|
+
uso de documentação</a>
|
78
|
+
e <a href="http://www.w3.org/Consortium/Legal/copyright-software">
|
79
|
+
licenciamento de software</a>do W3C -- Consórcio da World Wide
|
80
|
+
Web.</em></p>
|
81
|
+
|
82
|
+
<button id="back" onclick="history.go(-1)">Voltar a exibir eslaides</button>
|
83
|
+
|
84
|
+
<hr />
|
85
|
+
|
86
|
+
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
|
87
|
+
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
|
88
|
+
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
|
89
|
+
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
|
90
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
91
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
92
|
+
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
|
93
|
+
licensing</a> rules apply.</p>
|
94
|
+
</body>
|
95
|
+
</html>
|
@@ -0,0 +1,95 @@
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
3
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
4
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
|
5
|
+
<head>
|
6
|
+
<title>Slide Show Help</title><style type="text/css">
|
7
|
+
body {
|
8
|
+
font-family: sans-serif;
|
9
|
+
margin: 10%;
|
10
|
+
}
|
11
|
+
.copyright { font-size: smaller }
|
12
|
+
</style>
|
13
|
+
<script type="text/javascript">
|
14
|
+
window.onload = load;
|
15
|
+
function load()
|
16
|
+
{
|
17
|
+
var back = document.getElementById("back");
|
18
|
+
back.focus();
|
19
|
+
}
|
20
|
+
</script>
|
21
|
+
</head>
|
22
|
+
<body>
|
23
|
+
<h1>Ajuda do Slide Show</h1>
|
24
|
+
|
25
|
+
<p>Este slide show pode ser tocado do jeito do Power Point.
|
26
|
+
Para avançar ao próximo eslaide, clique em qualquer ponto
|
27
|
+
da página com o botão direito do mouse. Ou então use a
|
28
|
+
barra de espaços. Também se pode movimentar para frente ou
|
29
|
+
para trás com as teclas do cursor -- setinhas para a
|
30
|
+
direita, para a esquerda, para cima e para baixo. E ainda
|
31
|
+
com as teclas Page Up e Page Down. O tamanho da fonte é
|
32
|
+
automaticamente ajustado à largura da janela do navegador,
|
33
|
+
mas esse ajuste pode ser manual, usando as teclas "S"
|
34
|
+
(de "smaller") para diminuir o tamanho, e "B" (de "bigger")
|
35
|
+
para aumentar. Igualmente se pode usar as teclas "<" e
|
36
|
+
">". Use
|
37
|
+
a tecla "F" para alternar entre desativada e ativada a
|
38
|
+
linha de status no rodapé. A tecla "K" alterna o uso do
|
39
|
+
clique do mouse para avançar ao próximo eslaide. A tecla
|
40
|
+
"C" mostra a tabela de conteúdos, que será novamente
|
41
|
+
ocultada apertando-se qualquer tecla. Use a tecla "F11"
|
42
|
+
para alternar o modo de tela cheia do navegador. Aperte
|
43
|
+
"H" (de "Help") para abrir esta página de Ajuda. Note que
|
44
|
+
alguns navegadores reservam algumas dessas teclas para
|
45
|
+
outras funções. Assim, experimente no seu navegador para
|
46
|
+
ver se esse é o seu caso.</p>
|
47
|
+
|
48
|
+
<p>Usuários do Firefox podem querer a extensão <a
|
49
|
+
href="http://www.krickelkrackel.de/autohide/">autoocultar</a>
|
50
|
+
para esconder as barras de ferramentas quando entrarem em tela cheia
|
51
|
+
com a tecla F11.</p>
|
52
|
+
|
53
|
+
<p>Se quiser ver como funciona o Slidy, use o View Source para
|
54
|
+
visualizar a marcação XHTML, ou leia esta <a
|
55
|
+
href="http://www.w3.org/Talks/Tools/Slidy/">explanação mais longa</a>,
|
56
|
+
que também contém funcionalidades adicionais. Cada eslaide é
|
57
|
+
marcado como um div element com
|
58
|
+
classe="slide". Posicionamentos e larguras em porcentual de CSS
|
59
|
+
podem ser usados para assegurar que os eslaides com rica
|
60
|
+
ilustração tenham escalabilidade de acordo com o tamanho da janela.
|
61
|
+
Já o conteúdo a ser revelado incrementalmente pode receber a
|
62
|
+
marcação com a classe="incremental".
|
63
|
+
A folha de estilos vinculados e os scripts foram desenvolvidos
|
64
|
+
como uma alternativa baseada em web às ferramentas proprietárias
|
65
|
+
de apresentação, e testados em diversos navegadores recentes.
|
66
|
+
Suporte à edição integrada ainda está em desenvolvimento. Mande
|
67
|
+
seus comentários para <a href="http://www.w3.org/People/Raggett/">Dave
|
68
|
+
Raggett</a> <<a href="mailto:dsr@w3.org">dsr@w3.org</a>>.
|
69
|
+
Achando que o Slidy é útil, V. talvez possa considerar a
|
70
|
+
possibilidade de se tornar um
|
71
|
+
<a href="http://www.w3.org/Consortium/sup">Apoiador do W3C</a>.</p>
|
72
|
+
|
73
|
+
<p><em>Fique à vontade para usar as folhas de estilo, os scripts
|
74
|
+
e o arquivo de ajuda do show de eslaides que se encontram sob as
|
75
|
+
regras de
|
76
|
+
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">
|
77
|
+
uso de documentação</a>
|
78
|
+
e <a href="http://www.w3.org/Consortium/Legal/copyright-software">
|
79
|
+
licenciamento de software</a>do W3C -- Consórcio da World Wide
|
80
|
+
Web.</em></p>
|
81
|
+
|
82
|
+
<button id="back" onclick="history.go(-1)">Voltar a exibir eslaides</button>
|
83
|
+
|
84
|
+
<hr />
|
85
|
+
|
86
|
+
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
|
87
|
+
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
|
88
|
+
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
|
89
|
+
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
|
90
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
91
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
92
|
+
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
|
93
|
+
licensing</a> rules apply.</p>
|
94
|
+
</body>
|
95
|
+
</html>
|
@@ -0,0 +1,75 @@
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
3
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv"><head>
|
4
|
+
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
5
|
+
|
6
|
+
|
7
|
+
|
8
|
+
<title>Hjälpsida för presentationer</title><style type="text/css"><!--
|
9
|
+
body {
|
10
|
+
font-family: sans-serif;
|
11
|
+
margin: 10%;
|
12
|
+
}
|
13
|
+
.copyright { font-size: smaller } -->
|
14
|
+
</style>
|
15
|
+
<script type="text/javascript"><!--
|
16
|
+
window.onload = load;
|
17
|
+
function load()
|
18
|
+
{
|
19
|
+
var back = document.getElementById("back");
|
20
|
+
back.focus();
|
21
|
+
}
|
22
|
+
// --> </script>
|
23
|
+
</head><body>
|
24
|
+
<h1>Hjälpsida för presentationer</h1>
|
25
|
+
|
26
|
+
<p align="justify">Denna presentation kan användas på liknande sätt som Power Point.
|
27
|
+
För att bläddra till nästa sida går det att trycka på mellanslagstangenten eller klicka med musens
|
28
|
+
västra knapp så gott som var som helst på sidan. Bläddra framåt och
|
29
|
+
bakåt med höger- respektive vänsterpiltangenterna eller tangenterna »Pg Dn» respektive
|
30
|
+
»Pg Up». Textens storlek anpassas automatiskt efter webbläsarens
|
31
|
+
fönsterbredd, men den går även att justera manuellt med
|
32
|
+
tangenterna »S» och »B» för att förminska respektive förstora texten. Alternativt kan
|
33
|
+
tangenterna »<» respektive »>» användas. Tangenten
|
34
|
+
»F» används för att visa / dölja statusraden längst ner i fönstret. Tangenten »K»
|
35
|
+
kopplar på / av möjligheten att klicka med musen för att bläddra till nästa sida. Tangenten
|
36
|
+
»C» används för att visa innehållsförteckningen och en tryckning på vilken annan tangent som
|
37
|
+
helst döljer den. En tryckning på tangenten »H» visar denna hjälpsida. Tangenten »F11»
|
38
|
+
växlar mellan fullskärmsvisning och visning i webbläsarens fönster. Observera att vissa webbläsare kan
|
39
|
+
ha reserverat några av dessa tangenttryckningar för andra funktioner; detta varierar mellan olika webbläsare.</p>
|
40
|
+
|
41
|
+
<p align="justify"><span lang="en">Firefox</span>användare kan vid behov installera <a href="http://www.krickelkrackel.de/autohide" lang="en" hreflang="en">autohide</a>
|
42
|
+
för att verktygsfälten skall döljas vid övergång till fullskärmsvisning med F11.</p>
|
43
|
+
|
44
|
+
<p align="justify">För att se hur <em lang="en">Slidy</em> fungerar, titta på XHTML-koden genom att välja »Visa
|
45
|
+
källa» (eller liknande) i webbläsarens meny eller läs följande <a href="http://www.w3.org/Talks/Tools/Slidy/">längre
|
46
|
+
beskrivning</a>, där även ytterligare finesser beskrivs. Varje sida är markerad som
|
47
|
+
<span lang="en">div</span>-element med attributet <code lang="en">class="slide"</code>. CSS-positionering och procentuell bredd
|
48
|
+
kan användas för att placera bilderna i rätt skala i förhållande till
|
49
|
+
webbläsarens fönsterstorlek. Det som skall visas inkrementiellt
|
50
|
+
markeras med <code lang="en">class="incremental"</code>. Länkar hänvisar till några skript och stilmallar
|
51
|
+
som har testats med en mängd nutida webbläsare och bildar ett webbaserat alternativ till proprietära
|
52
|
+
presentationsprogram. Stöd för integrerad editering håller på att utvecklas. Skicka gärna
|
53
|
+
kommentarer till <a href="http://www.w3.org/People/Raggett/" lang="en" hreflang="en">Dave
|
54
|
+
Raggett</a> <<a href="mailto:dsr@w3.org">dsr@w3.org</a>>.
|
55
|
+
Om du finner <em lang="en">Slidy</em> användbar kan du överväga att bli
|
56
|
+
<a href="http://www.w3.org/Consortium/sup" lang="en" hreflang="en">W3C Supporter</a>.</p>
|
57
|
+
|
58
|
+
<p><em>Välkommen att använda presentationens stilmallar, skript och hjälpfiler enligt reglerna
|
59
|
+
för W3C:s <a href="http://www.w3.org/Consortium/Legal/copyright-documents" lang="en" hreflang="en">document use</a>
|
60
|
+
och <a href="http://www.w3.org/Consortium/Legal/copyright-software" lang="en" hreflang="en">software
|
61
|
+
licensing</a>!</em></p>
|
62
|
+
|
63
|
+
<button id="back" onclick="history.go(-1)">Tillbaka till presentationen</button>
|
64
|
+
|
65
|
+
<hr />
|
66
|
+
|
67
|
+
<p class="copyright" lang="en"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
|
68
|
+
<a href="http://www.w3.org/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>©</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
|
69
|
+
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
|
70
|
+
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
|
71
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
72
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
73
|
+
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
|
74
|
+
licensing</a> rules apply.</p>
|
75
|
+
</body></html>
|
@@ -0,0 +1,95 @@
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
2
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
3
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
4
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
|
5
|
+
<head>
|
6
|
+
<title>Slide Show Help</title><style type="text/css">
|
7
|
+
body {
|
8
|
+
font-family: sans-serif;
|
9
|
+
margin: 10%;
|
10
|
+
}
|
11
|
+
.copyright { font-size: smaller }
|
12
|
+
</style>
|
13
|
+
<script type="text/javascript">
|
14
|
+
window.onload = load;
|
15
|
+
function load()
|
16
|
+
{
|
17
|
+
var back = document.getElementById("back");
|
18
|
+
back.focus();
|
19
|
+
}
|
20
|
+
</script>
|
21
|
+
</head>
|
22
|
+
<body>
|
23
|
+
<h1>Ajuda do Slide Show</h1>
|
24
|
+
|
25
|
+
<p>Este slide show pode ser tocado do jeito do Power Point.
|
26
|
+
Para avançar ao próximo eslaide, clique em qualquer ponto
|
27
|
+
da página com o botão direito do mouse. Ou então use a
|
28
|
+
barra de espaços. Também se pode movimentar para frente ou
|
29
|
+
para trás com as teclas do cursor -- setinhas para a
|
30
|
+
direita, para a esquerda, para cima e para baixo. E ainda
|
31
|
+
com as teclas Page Up e Page Down. O tamanho da fonte é
|
32
|
+
automaticamente ajustado à largura da janela do navegador,
|
33
|
+
mas esse ajuste pode ser manual, usando as teclas "S"
|
34
|
+
(de "smaller") para diminuir o tamanho, e "B" (de "bigger")
|
35
|
+
para aumentar. Igualmente se pode usar as teclas "<" e
|
36
|
+
">". Use
|
37
|
+
a tecla "F" para alternar entre desativada e ativada a
|
38
|
+
linha de status no rodapé. A tecla "K" alterna o uso do
|
39
|
+
clique do mouse para avançar ao próximo eslaide. A tecla
|
40
|
+
"C" mostra a tabela de conteúdos, que será novamente
|
41
|
+
ocultada apertando-se qualquer tecla. Use a tecla "F11"
|
42
|
+
para alternar o modo de tela cheia do navegador. Aperte
|
43
|
+
"H" (de "Help") para abrir esta página de Ajuda. Note que
|
44
|
+
alguns navegadores reservam algumas dessas teclas para
|
45
|
+
outras funções. Assim, experimente no seu navegador para
|
46
|
+
ver se esse é o seu caso.</p>
|
47
|
+
|
48
|
+
<p>Usuários do Firefox podem querer a extensão <a
|
49
|
+
href="http://extensionroom.mozdev.org/more-info/autohide">autoocultar</a>
|
50
|
+
para esconder as barras de ferramentas quando entrarem em tela cheia
|
51
|
+
com a tecla F11.</p>
|
52
|
+
|
53
|
+
<p>Se quiser ver como funciona o Slidy, use o View Source para
|
54
|
+
visualizar a marcação XHTML, ou leia esta <a
|
55
|
+
href="http://www.w3.org/Talks/Tools/Slidy/">explanação mais longa</a>,
|
56
|
+
que também contém funcionalidades adicionais. Cada eslaide é
|
57
|
+
marcado como um div element com
|
58
|
+
classe="slide". Posicionamentos e larguras em porcentual de CSS
|
59
|
+
podem ser usados para assegurar que os eslaides com rica
|
60
|
+
ilustração tenham escalabilidade de acordo com o tamanho da janela.
|
61
|
+
Já o conteúdo a ser revelado incrementalmente pode receber a
|
62
|
+
marcação com a classe="incremental".
|
63
|
+
A folha de estilos vinculados e os scripts foram desenvolvidos
|
64
|
+
como uma alternativa baseada em web às ferramentas proprietárias
|
65
|
+
de apresentação, e testados em diversos navegadores recentes.
|
66
|
+
Suporte à edição integrada ainda está em desenvolvimento. Mande
|
67
|
+
seus comentários para <a href="http://www.w3.org/People/Raggett/">Dave
|
68
|
+
Raggett</a> <<a href="mailto:dsr@w3.org">dsr@w3.org</a>>.
|
69
|
+
Achando que o Slidy é útil, V. talvez possa considerar a
|
70
|
+
possibilidade de se tornar um
|
71
|
+
<a href="http://www.w3.org/Consortium/sup">Apoiador do W3C</a>.</p>
|
72
|
+
|
73
|
+
<p><em>Fique à vontade para usar as folhas de estilo, os scripts
|
74
|
+
e o arquivo de ajuda do show de eslaides que se encontram sob as
|
75
|
+
regras de
|
76
|
+
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">
|
77
|
+
uso de documentação</a>
|
78
|
+
e <a href="http://www.w3.org/Consortium/Legal/copyright-software">
|
79
|
+
licenciamento de software</a>do W3C -- Consórcio da World Wide
|
80
|
+
Web.</em></p>
|
81
|
+
|
82
|
+
<button id="back" onclick="history.go(-1)">Voltar a exibir eslaides</button>
|
83
|
+
|
84
|
+
<hr />
|
85
|
+
|
86
|
+
<p class="copyright"><a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2005
|
87
|
+
<a href="/" shape="rect"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
|
88
|
+
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
|
89
|
+
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C
|
90
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
|
91
|
+
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
|
92
|
+
<a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software
|
93
|
+
licensing</a> rules apply.</p>
|
94
|
+
</body>
|
95
|
+
</html>
|