source: presentations/trunk/OutilsPresentationWeb/outils.html @ 207

Last change on this file since 207 was 207, checked in by perus, 18 years ago

Mis dans trunk, renommage + 1ères évolutions
File size: 5.0 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="fr">
3
4<head>
5  <title>DevDur:Pr&eacute;sentations Web</title>
6
7  <meta http-equiv="Content-Type"        content="text/html; charset=UTF-8" />
8  <meta http-equiv="Content-Language"    content="fr" />
9  <meta http-equiv="Content-Style-Type"  content="text/css" />
10  <meta http-equiv="Content-Script-Type" content="text/javascript" />
11       
12  <meta name="author" content="Lal-DevDur">
13  <meta name="description" content="Pr&eacute;sentation de Slidy et autres &agrave; DevDur" />
14  <meta name="keywords" content="XHTML, CSS, HTML, (X)HTML">
15
16  <link rel="stylesheet" href="../Tools/v2/css/screen.css"      type="text/css" media="screen, projection, tv, print"> 
17  <link rel="stylesheet" href="../Tools/v2/Slidy/slidy-toc.css" type="text/css" media="screen, projection, print"> 
18
19  <script src="../Tools/v2/Slidy/slidy.js"     type="text/javascript"></script>
20  <script src="../Tools/v2/Slidy/slidy-toc.js" type="text/javascript"></script> 
21</head>
22
23<body style="font-size: 18pt;">
24
25<!-- Cover -->
26<div class="slide" id="cover">
27
28     <div class="callout">
29     <p id="title">Les outils de Pr&eacute;sentations sur le Web</p>
30     </div>
31     <!--<q></q>-->
32     <p id="author">Laurent Garnier, Antoine P&eacute;rus, Vincent Garonne</p>
33      <br>
34        <p id="date">10 Octobre 2006<br></p>
35        <p id="event"><a href="http://trac.lal.in2p3.fr/devdu">Devdu</a></p>
36</div>
37
38<!-- Introduction [Start] -->
39
40<div style="border-style: none; display: none; visibility: hidden; position: absolute;" class="slide" id="logo">
41
42  <div class="callout">
43    <h1>Sommaire</h1>
44
45    <ul class="outline">
46      <li>Les solutions traditionnelles
47      </li>
48      <li>Solutions collaboratives
49        <ul>
50          <li>LaTeX</li>
51          <li>XHTML</li>
52        </ul>
53      </li>
54    </ul>
55  </div>
56 
57</div>
58
59<!-- Diapo -->
60<div class="slide" >
61      <h1>Solutions traditionnelles</h1>
62      <ul><li>Documents binaires uniques
63          <ul>
64            <li>PowerPoint, OpenOffice, Keynote ...
65              <ul class="incremental">
66                <li><font color="red"><b>Pro:</b></font>
67                  <ul><li> universel</li>
68                    <li>maitris&eacute;</li>
69                    <li>fichier unique ...</li>
70                  </ul>
71                </li>
72                <li><font color="red"><b>Cons:</b></font> 
73                  <ul><li>non versionnable</li>
74                    <li> probl&eacute;mes de versions de logiciels</li>
75                    <li>mal adapt&eacute; &agrave; l'&eacute;dition collaborative</li>
76                  </ul>
77                </li>
78              </ul>
79            </li>
80          </ul>
81        </li>
82      </ul>
83</div>
84<div class="slide" >
85      <h1>Travail collaboratif</h1>
86      <ul><li>Documents texte
87          <ul>
88            <li>Versionnable, adapt&eacute; &agrave;
89              l'&eacute;dition collaborative, <em><q>Open Source</q></em></li>
90            <li>LaTeX
91              <ul class="incremental">
92                <li>Ex.: <a href="http://latex-beamer.sourceforge.net/" >Beamer</a></li>
93                <li><font color="red"><b>Pro:</b></font>
94                  <ul>
95                    <li> fichier produit unique</li>
96                    <li> multi formats</li>
97                    <li>esth&eacute;tique</li>
98                  </ul>
99                </li>
100                <li><font color="red"><b>Cons:</b></font> <br />
101                    <ul>
102                      <li>r&eacute;serv&eacute; aux amateurs de LaTeX</li>
103                    </ul>
104                </li>
105              </ul>
106            </li>
107          </ul>
108          <ul class="incremental">
109            <li>Xhtml+CSS+JavaScript
110              <ul class="incremental">
111                <li><font color="red"><b>Pro:</b></font>
112                    <ul>
113                      <li>fichier produit unique</li>
114                      <li>lissible sur n'importe quel navigateur web</li>
115                      <li>&eacute;dition collaborative ais&eacute;</li>
116                    </ul>
117                </li>
118                <li><font color="red"><b>Cons:</b></font>
119                  <ul>
120                    <li>r&eacute;serv&eacute; aux amateurs de CSS/JavaScript</li>
121                    <li>&Eacute;diteur sp&eacute;cialis&eacute; en cours de r&eacute;alisation</li>
122                  </ul>
123                </li>
124              </ul>
125            </li>
126          </ul>
127        </li>
128      </ul>
129</div>
130
131<div class="slide" >
132<h1> Exemple :</h1>
133      <a href="http://www.w3.org/Talks/Tools/ outils du W3C], [http://www.w3.org/Talks/Tools/Slidy/" >Slidy</a>, <a href="http://meyerweb.com/eric/tools/s5/" >S5</a>, <a href="http://goessner.net/articles/slideous/slideous.html" >Slideous</a>, <a href="[http://icant.co.uk/domslides/" >DomSlides</a>, <a href="http://dret.net/projects/xslidy/" >XSlidy</a>
134</div>
135
136<!-- Thank You [Start] -->
137<div class="slide" id="thanks">
138  <p>Questions ?</p>
139</div>
140
141
142<!-- [End] -->
143</body>
144</html>
Note: See TracBrowser for help on using the repository browser.