Annotation of Amaya/amaya/AmayaPage_WX.html.fr, revision 1.27

1.27    ! vatton      1: <?xml version="1.0" encoding="UTF-8"?>
        !             2: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
        !             3:       "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">
        !             4: <html xmlns="http://www.w3.org/1999/xhtml"
        !             5:  xmlns:svg="http://www.w3.org/2000/svg">
1.1       vatton      6: <head>
1.27    ! vatton      7:   <meta http-equiv="content-type"
        !             8:   content="application/xhtml+xml; charset=UTF-8" />
        !             9:   <title>Bienvenue à Amaya</title>
        !            10:   <meta name="generator" content="amaya, see http://www.w3.org/Amaya/" />
1.1       vatton     11:   <link href="amaya.css" rel="stylesheet" type="text/css" />
                     12: </head>
                     13: 
1.27    ! vatton     14: <body xml:lang="fr">
1.1       vatton     15: 
1.20      kia        16: <div id="header">
                     17: <ul id="links">
                     18:   <li><a href="http://www.w3.org/Amaya">Site Web</a></li>
                     19:   <li><a href="http://www.w3.org">W3C</a></li>
1.21      vatton     20:   <li><a href="http://wam.inrialpes.fr/index.fr.html">INRIA</a></li>
                     21:   <li><a href="http://palette.ercim.org/">Palette</a></li>
1.20      kia        22: </ul>
1.21      vatton     23: 
1.20      kia        24: <h1 id="title">Amaya [10.0]</h1>
                     25: </div>
                     26: 
1.27    ! vatton     27: <div id="logo">
        !            28: <svg:svg height="150px" width="230px">
        !            29:   <svg:title>Amaya logo</svg:title>
        !            30:   <svg:ellipse cx="0px" cy="0px" rx="66px" ry="45px"
        !            31:         style="fill: #EDF3FF; stroke: #EDF3FF"
        !            32:         transform="translate(143,98) scale(0.552043) ">
        !            33:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     34:                       type="scale" from=".1" to="1" additive="sum" begin="0s"
                     35:                       dur="6s" fill="freeze"/>
1.27    ! vatton     36:   </svg:ellipse>
        !            37:   <svg:g transform="rotate(-30,100,150)">
        !            38:     <svg:polygon points="0,117 66,0 21,117" transform="translate(49,22)"
1.1       vatton     39:              style="fill: #B27700; stroke: #D9E500"/>
1.27    ! vatton     40:     <svg:polygon points="0,0 9,30 27,41 21,14 12,3"
        !            41:              transform="translate(117,25)"
1.1       vatton     42:              style="fill: #00B200; stroke: #00E500"/>
1.27    ! vatton     43:     <svg:polygon points="0,6 29,0 56,8 32,15 13,19"
        !            44:              transform="translate(95,76)"
1.1       vatton     45:              style="fill: #00B200; stroke: #00E500"/>
1.27    ! vatton     46:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     47:                       type="rotate" from="-30,100,150" to="-20,100,150"
                     48:                       begin="2.5s" dur="0.3s" fill="freeze"/>
1.27    ! vatton     49:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     50:                       type="rotate" from="-20,100,150" to="-10,100,150"
                     51:                       begin="2.8s" dur="0.2s" fill="freeze"/>
1.27    ! vatton     52:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     53:                       type="rotate" from="-10,100,150" to="0,100,150"
                     54:                       begin="3s" dur="0.1s" fill="freeze"/>
1.27    ! vatton     55:   </svg:g>
        !            56:   <svg:g transform="translate(118,110)">
        !            57:     <svg:polygon points="3,0 5,16 0,16" transform="translate(25,-20)"
1.1       vatton     58:              style="stroke: #E50000; fill: #E50000"/>
1.27    ! vatton     59:     <svg:polygon
1.1       vatton     60:              points="0,13 10,0 20,1 23,10 29,2 40,1 42,9 45,17 32,17 33,11 30,11 23,15 18,15 12,7 8,7 8,13"
                     61:              stroke="#E50000" fill="#FF9595"/>
                     62:     <!-- M scale -->
1.27    ! vatton     63:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     64:                       type="scale" from=".1" to="1" additive="sum" begin="0s"
                     65:                       dur="3s" fill="freeze"/>
                     66:     <!-- M translation -->
1.27    ! vatton     67:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     68:                       type="translate" from="0,0" to="118,110" begin="0s"
                     69:                       dur="3s" fill="freeze"/>
                     70:     <!-- M oscillations -->
                     71:     <!-- Maybe rotation center is not correct... (30,-22)  -->
1.27    ! vatton     72:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.25      vatton     73:                       type="rotate" from="0,30,-22" to="-30,30,-22" begin="3s"
                     74:                       dur="0.2s" fill="freeze"/>
1.27    ! vatton     75:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     76:                       type="rotate" from="-30,30,-22" to="25,30,-22"
                     77:                       begin="3.2s" dur="0.4s" fill="freeze"/>
1.27    ! vatton     78:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     79:                       type="rotate" from="25,30,-22" to="-20,30,-22"
                     80:                       begin="3.6s" dur="0.6s" fill="freeze"/>
1.27    ! vatton     81:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.1       vatton     82:                       type="rotate" from="-20,30,-22" to="15,30,-22"
                     83:                       begin="4.2s" dur="0.8s" fill="freeze"/>
1.27    ! vatton     84:     <svg:animateTransform attributeName="transform" attributeType="XML"
1.25      vatton     85:                       type="rotate" from="15,30,-22" to="-10,30,-22" begin="5s"
                     86:                       dur="1s" fill="freeze"/>
1.27    ! vatton     87:     <svg:animateTransform attributeName="transform" attributeType="XML"
        !            88:                       type="rotate" from="-10,30,-22" to="0,30,-22" begin="6s"
        !            89:                       dur="0.6s" fill="freeze"/>
        !            90:   </svg:g>
        !            91: </svg:svg>
1.1       vatton     92: </div>
                     93: 
1.20      kia        94: <div id="intro" class="section">
1.27    ! vatton     95: <p>Avec la version 10, Amaya offre une interface utilisateur complètement
        !            96: repensée et de nombreuses possibilités nouvelles.</p>
1.22      quint      97: 
1.27    ! vatton     98: <p>Amaya est un client Web qui sert à la fois de navigateur et d'outil
        !            99: d'édition. Il a été conçu par le <a href="http://www.w3.org/">W3C</a> et
        !           100: l'<a href="http://www.inria.fr/">INRIA</a> essentiellement pour démontrer les
        !           101: nouvelles technologies Web et aider les utilisateurs à créer des pages Web
        !           102: valides. Grâce au support du projet européen (FP6) <a
1.22      quint     103: href="http://palette.ercim.org/">Palette</a>, Amaya 10 offre une nouvelle
1.27    ! vatton    104: interface utilisateur et l'édition guidée par des modèles.</p>
1.20      kia       105: 
                    106: <p>Avec Amaya, vous pouvez manipuler des pages Web contenant des formulaires,
1.27    ! vatton    107: des tables et exploitant les caractéristiques les plus avancées de XHTML.
        !           108: Vous pouvez créer et éditer des <a dir="ltr" xml:lang="fr" 
        !           109: href="../doc/WX/Math.html.fr">expressions mathématiques</a> et des <a
        !           110: href="../doc/WX/SVG.html.fr">graphiques</a> dans les pages Web. Vous pouvez
        !           111: présenter vos documents à l'aide de <a
1.22      quint     112: href="http://www.w3.org/Style/CSS/">feuilles de style CSS</a>.</p>
1.20      kia       113: </div>
1.1       vatton    114: 
                    115: <div class="body">
1.20      kia       116: 
                    117: <div class="column">
                    118: 
                    119: <div class="section">
1.27    ! vatton    120: <h2>Principales nouveautés</h2>
1.21      vatton    121: 
1.23      quint     122: <p>Depuis la version 9.55 :</p>
1.20      kia       123: <ul>
1.22      quint     124:   <li>Nouvelle l'interface utilisateur</li>
1.27    ! vatton    125:   <li>Accès direct au style</li>
1.20      kia       126:   <li>Menu contextuel</li>
1.27    ! vatton    127:   <li>Profils d'édition</li>
        !           128:   <li>Édition avancée des tables</li>
1.20      kia       129: </ul>
                    130: </div>
                    131: 
                    132: <div class="section">
1.27    ! vatton    133: <h2>Fonctions avancées</h2>
1.21      vatton    134: 
1.27    ! vatton    135: <p>XHTML, MathML et SVG imbriqués :</p>
1.21      vatton    136: 
1.27    ! vatton    137: 
        !           138: <div id="mathml_svg">
        !           139:   <svg:svg height="250" width="250">
        !           140:   <svg:g transform="rotate(-47.78,198.421,64.1654) scale(1) ">
        !           141:     <svg:rect style="stroke:#50ff50;stroke-width:3px;fill:#aaffaa;" width="200"
1.20      kia       142:           height="100"/>
1.27    ! vatton    143:     <svg:path
1.20      kia       144:           d="M 44.727272,21.090909 L 36.359858,29.587325 L 40.292606,40.845041 L 28.432844,39.600562 L 22.083235,49.69438 L 15.661767,39.646124 L 3.8111859,40.975193 L 7.6635087,29.689702 L -0.76431515,21.253205 L 10.460921,17.228684 L 11.802177,5.3794762 L 21.947495,11.646471 L 32.047838,5.3072476 L 33.473606,17.146584 L 44.727272,21.090909 z "
                    145:           transform="translate(150,40)"
                    146:           style="stroke:#ffaa00;stroke-width:1px;fill:#ffff00;"/>
1.27    ! vatton    147:     <svg:path
1.20      kia       148:           d="M 50.363636,43.81818 C 50.090154,43.025081 51.297791,43.058245 51.681818,43.363636 C 52.722508,44.191224 52.181922,45.777285 51.272725,46.454544 C 49.646384,47.666002 47.379434,46.796331 46.40909,45.181813 C 44.98507,42.812444 46.220462,39.785248 48.545459,38.545452 C 51.644314,36.892997 55.454153,38.507192 56.954547,41.545458 C 58.842639,45.368806 56.844001,49.970617 53.090902,51.727273 C 48.545397,53.854818 43.146815,51.468849 41.136361,46.999991 C 38.767111,41.733596 41.542078,35.535434 46.727281,33.272723 C 52.713804,30.660333 59.713334,33.825342 62.227275,39.727281 C 65.083776,46.433439 61.528027,54.235551 54.909079,57.000002 C 47.483621,60.101298 38.878068,56.15432 35.863632,48.818168 C 32.517038,40.673649 36.8556,31.26402 44.909104,27.999994"
                    149:           transform="translate(-5,30)"
                    150:           style="fill:none;stroke:#000000;stroke-width:1px;"/>
1.27    ! vatton    151:     <svg:switch>
        !           152:       <svg:foreignObject width="200" height="100">
1.20      kia       153:         <math xmlns="http://www.w3.org/1998/Math/MathML">
                    154:           <mstyle mathcolor="#000080;">
                    155:             <mrow>
1.27    ! vatton    156:               <mi>Γ</mi>
        !           157:               <mo>⁡</mo>
1.20      kia       158:               <mrow>
                    159:                 <mo>(</mo>
                    160:                 <mi>x</mi>
                    161:                 <mo>)</mo>
                    162:               </mrow>
                    163:             </mrow>
                    164:             <mo>=</mo>
                    165:             <mrow>
                    166:               <msubsup>
1.27    ! vatton    167:                 <mo>∫</mo>
1.20      kia       168:                 <mn>0</mn>
                    169:                 <mrow>
                    170:                   <mo>+</mo>
1.27    ! vatton    171:                   <mi>∞</mi>
1.20      kia       172:                 </mrow>
                    173:               </msubsup>
                    174:               <msup>
                    175:                 <mi>t</mi>
                    176:                 <mrow>
                    177:                   <mi>x</mi>
1.27    ! vatton    178:                   <mo>−</mo>
1.20      kia       179:                   <mn>1</mn>
                    180:                 </mrow>
                    181:               </msup>
                    182:               <msup>
1.27    ! vatton    183:                 <mi>ⅇ</mi>
1.20      kia       184:                 <mrow>
1.27    ! vatton    185:                   <mo>−</mo>
1.20      kia       186:                   <mi>t</mi>
                    187:                 </mrow>
                    188:               </msup>
                    189:               <mrow>
1.27    ! vatton    190:                 <mo>ⅆ</mo>
1.20      kia       191:                 <mi>t</mi>
                    192:               </mrow>
                    193:             </mrow>
                    194:           </mstyle>
1.27    ! vatton    195:         </math> </svg:foreignObject>
        !           196:     </svg:switch>
        !           197:     <svg:ellipse cx="18px" cy="8px" rx="18px" ry="8px"
        !           198:           style="opacity: 1; stroke: #ff0000; stroke-opacity: 1; stroke-width: 3; fill: #ffaaaa; fill-opacity: 1;"
        !           199:           transform="translate(83,65) "/>
        !           200:   </svg:g>
        !           201: </svg:svg>
        !           202:  </div>
1.20      kia       203: </div>
                    204: </div>
                    205: 
                    206: <div class="main">
1.21      vatton    207: 
1.20      kia       208: <div class="section">
                    209: <h2>Le saviez-vous ?</h2>
1.1       vatton    210: <dl>
1.18      vatton    211:   <dt>Choisissez votre profil</dt>
1.27    ! vatton    212:     <dd>Cinq profils d'édition différents sont fournis pour adapter
        !           213:       l'ensemble des menus et des outils à votre propre usage. De plus, les
        !           214:       panneaux d'outils peuvent être affichés à gauche ou à droite, à
        !           215:       votre convenance pour chaque panneau (voir les Préférences).</dd>
        !           216:   <dt>Amaya est un éditeur structuré</dt>
        !           217:     <dd>Avec la touche F2 ou Esc vous pouvez sélectionner l'élément
        !           218:       englobant dans la structure du document, pour appliquer les fonctions
        !           219:       d'édition (copier, coller, attributs, etc.) au bon élément.</dd>
        !           220:   <dt>Un document peut être édité à travers plusieurs vues
        !           221:   synchronisées</dt>
1.22      quint     222:     <dd>Le menu Vues vous permet d'ouvrir les vues Structure, Source, Liens,
1.27    ! vatton    223:       etc. Un double clic sur la ligne en bas ou à droite du document ouvre ou
1.25      vatton    224:       ferme la seconde vue.</dd>
1.27    ! vatton    225:   <dt>Un document peut être publié directement sur un serveur Web</dt>
        !           226:     <dd>Avec la méthode http PUT vous pouvez écrire sur un serveur, à
        !           227:       condition que vous y soyez autorisé. C'est aussi simple que de sauver le
        !           228:       document localement.</dd>
        !           229:   <dt>Les liens peuvent être créés par un simple clic</dt>
        !           230:     <dd>Pour créer un lien il vous suffit de cliquer sur sa cible (utilisez le
1.25      vatton    231:       menu Vues / Montrer les cibles pour visualiser les cibles
                    232:     disponibles).</dd>
1.27    ! vatton    233:   <dt>Amaya offre des commandes avancées</dt>
        !           234:     <dd>... comme la numérotation des sections, la génération d'une table
        !           235:       des matières avec liens, l'insertion d'une date de mise à jour, la
1.22      quint     236:       transformation de structure (voir le menu Outils).</dd>
1.1       vatton    237: </dl>
1.20      kia       238: </div>
                    239: </div>
1.1       vatton    240: </div>
                    241: 
1.25      vatton    242: <p class="bottom section" style="font-size: smaller;">Il est permis d'utiliser,
                    243: de copier, de modifier et de distribuer ce logiciel et sa documentation dans
1.27    ! vatton    244: n'importe quel but et sans rétribution ou droits d'auteur, pourvu que tout le
1.25      vatton    245: texte de <a
1.27    ! vatton    246: href="http://www.w3.org/Consortium/Legal/copyright-software.html">déclaration
1.25      vatton    247: du droit de copie du MIT et de l'INRIA</a> apparaisse sur TOUTES les copies du
                    248: logiciel et de sa documentation ou toute portion de ceux-ci, incluant les
1.2       vatton    249: modifications que vous effectuez.</p>
1.1       vatton    250: </body>
                    251: </html>

Webmaster