http://gta21.pyrat.net/ Site de démonstration et d'explications fr SPIP - www.spip.net https://gta21.pyrat.net/sites/gta21.pyrat.net/local/cache-vignettes/L128xH128/siteon0-f6a20.png?1782576151 http://gta21.pyrat.net/ 128 128 https://gta21.pyrat.net/5-3-Tableaux-de-donnees-complexes-3-4.html https://gta21.pyrat.net/5-3-Tableaux-de-donnees-complexes-3-4.html 2015-06-23T09:02:00Z text/html fr <p>Les tableaux de données complexes ont les caractéristiques suivantes : élément caption, contribuable th pour les en-têtes, avec couples id/headers pour créer les associations en-têtes/cellules de donnéesMode opératoire Cliquer sur le bouton d'insertion de tableau renseigner le contenu La première ligne sert de titre Possibilité de mettre en gras la première colonne pour qu'elle serve de titreRésultat Prix des légumes La première colonne contient les noms des légumes et la deuxième leur (…)</p> - <a href="https://gta21.pyrat.net/-Tableaux-.html" rel="directory">Tableaux</a> <div class='rss_chapo'><p>Les tableaux de données complexes ont les caractéristiques suivantes :</p> <ul class="spip" role="list"><li> élément caption, contribuable</li><li> th pour les en-têtes, avec couples id/headers pour créer les associations en-têtes/cellules de données</li></ul></div> <div class='rss_texte'><h2 class="spip">Mode opératoire</h2><ol class="spip" role="list"><li> Cliquer sur le bouton d'insertion de tableau</li><li> renseigner le contenu</li><li> La première ligne sert de titre</li><li> Possibilité de mettre en gras la première colonne pour qu'elle serve de titre</li></ol><h2 class="spip">Résultat</h2><table class="table spip" aria-describedby="dbyfb42"> <caption>Prix des légumes<br /> <small id="dbyfb42" class="summary offscreen">La première colonne contient les noms des légumes et la deuxième leur prix</small></caption> <thead><tr class='row_first'><th id='idfb42_c0'>Légumes</th><th id='idfb42_c1'>Prix</th></tr></thead> <tbody> <tr class='row_odd odd'> <th headers='idfb42_c0' id='idfb42_l0'>Choux</th> <td headers='idfb42_c1 idfb42_l0'>3€</td></tr> <tr class='row_even even'> <th headers='idfb42_c0' id='idfb42_l1'>Carotte</th> <td headers='idfb42_c1 idfb42_l1'>2€</td></tr> <tr class='row_odd odd'> <th headers='idfb42_c0' id='idfb42_l2'>Navet</th> <td headers='idfb42_c1 idfb42_l2'>5€</td></tr> <tr class='row_even even'> <th headers='idfb42_c0' id='idfb42_l3'>Joomla</th> <td headers='idfb42_c1 idfb42_l3'>1€</td></tr> <tr class='row_odd odd'> <th headers='idfb42_c0' id='idfb42_l4'>Drupal</th> <td headers='idfb42_c1 idfb42_l4'>50€</td></tr> <tr class='row_even even'> <th headers='idfb42_c0' id='idfb42_l5'>Wordpress</th> <td headers='idfb42_c1 idfb42_l5'>10€</td></tr> </tbody> </table> <p>Code généré :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><table class="spip" summary="La première colonne contient les noms des légumes et la deuxième leur prix"> <caption>Prix des légumes</caption> <thead><tr class='row_first'><th id='idfb42_c0'>Légumes</th><th id='idfb42_c1'>Prix</th></tr></thead> <tbody> <tr class='row_odd odd'> <th headers='idfb42_c0' id='idfb42_l0'>Choux</th> <td headers='idfb42_c1 idfb42_l0'>3€</td></tr> <tr class='row_even even'> <th headers='idfb42_c0' id='idfb42_l1'>Carotte</th> <td headers='idfb42_c1 idfb42_l1'>2€</td></tr> <tr class='row_odd odd'> <th headers='idfb42_c0' id='idfb42_l2'>Navet</th> <td headers='idfb42_c1 idfb42_l2'>5€</td></tr> <tr class='row_even even'> <th headers='idfb42_c0' id='idfb42_l3'>Joomla</th> <td headers='idfb42_c1 idfb42_l3'>1€</td></tr> <tr class='row_odd odd'> <th headers='idfb42_c0' id='idfb42_l4'>Drupal</th> <td headers='idfb42_c1 idfb42_l4'>50€</td></tr> <tr class='row_even even'> <th headers='idfb42_c0' id='idfb42_l5'>Wordpress</th> <td headers='idfb42_c1 idfb42_l5'>10€</td></tr> </tbody> </table></code></pre></div><h2 class="spip">Score</h2> <p>3/4 : Valable pour un tableau à 2 entrées, mais au delà, il faudrait coller du HTML.</p></div> https://gta21.pyrat.net/5-2-Tableaux-de-donnees-simples-4-4.html https://gta21.pyrat.net/5-2-Tableaux-de-donnees-simples-4-4.html 2015-06-22T20:58:19Z text/html fr <p>Les tableaux de données simples ont les caractéristiques suivantes : élément caption, contribuable th pour les en-têtes, avec attribut scope pertinentMode opératoire Cliquer sur le bouton d'insertion de tableau renseigner le contenu La première ligne sert de titre Possibilité de mettre en gras la première colonne pour qu'elle serve de titreRésultat Prix des légumes La première colonne contient les noms des légumes et la deuxième leur prix LégumesPrix Choux 3€ Carotte 2€ Navet 5€ (…)</p> - <a href="https://gta21.pyrat.net/-Tableaux-.html" rel="directory">Tableaux</a> <div class='rss_chapo'><p>Les tableaux de données simples ont les caractéristiques suivantes :</p> <ul class="spip" role="list"><li> élément caption, contribuable</li><li> th pour les en-têtes, avec attribut scope pertinent</li></ul></div> <div class='rss_texte'><h2 class="spip">Mode opératoire</h2><ol class="spip" role="list"><li> Cliquer sur le bouton d'insertion de tableau</li><li> renseigner le contenu</li><li> La première ligne sert de titre</li><li> Possibilité de mettre en gras la première colonne pour qu'elle serve de titre</li></ol><h2 class="spip">Résultat</h2><table class="table spip" aria-describedby="dbyd53f"> <caption>Prix des légumes<br /> <small id="dbyd53f" class="summary offscreen">La première colonne contient les noms des légumes et la deuxième leur prix</small></caption> <thead><tr class='row_first'><th id='idd53f_c0'>Légumes</th><th id='idd53f_c1'>Prix</th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='idd53f_c0'>Choux</td> <td headers='idd53f_c1'>3€</td></tr> <tr class='row_even even'> <td headers='idd53f_c0'>Carotte</td> <td headers='idd53f_c1'>2€</td></tr> <tr class='row_odd odd'> <td headers='idd53f_c0'>Navet</td> <td headers='idd53f_c1'>5€</td></tr> <tr class='row_even even'> <td headers='idd53f_c0'>Joomla</td> <td headers='idd53f_c1'>1€</td></tr> <tr class='row_odd odd'> <td headers='idd53f_c0'>Drupal</td> <td headers='idd53f_c1'>50€</td></tr> <tr class='row_even even'> <td headers='idd53f_c0'>Wordpress</td> <td headers='idd53f_c1'>10€</td></tr> </tbody> </table> <p>Code généré :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><table class="spip" summary="La première colonne contient les noms des légumes et la deuxième leur prix"> <caption>Prix des légumes</caption> <thead><tr class="row_first"><th id="idd53f_c0">Légumes</th><th id="idd53f_c1">Prix</th></tr></thead> <tbody> <tr class="row_odd odd"> <td headers="idd53f_c0">Choux</td> <td headers="idd53f_c1">3€</td></tr> <tr class="row_even even"> <td headers="idd53f_c0">Carotte</td> <td headers="idd53f_c1">2€</td></tr> <tr class="row_odd odd"> <td headers="idd53f_c0">Navet</td> <td headers="idd53f_c1">5€</td></tr> <tr class="row_even even"> <td headers="idd53f_c0">Joomla</td> <td headers="idd53f_c1">1€</td></tr> <tr class="row_odd odd"> <td headers="idd53f_c0">Drupal</td> <td headers="idd53f_c1">50€</td></tr> <tr class="row_even even"> <td headers="idd53f_c0">Wordpress</td> <td headers="idd53f_c1">10€</td></tr> </tbody> </table></code></pre></div><h2 class="spip">Score</h2> <p>4/4</p></div> https://gta21.pyrat.net/5-1-Tableaux-de-mise-en-forme-inseres-par-le-CMS-NA.html https://gta21.pyrat.net/5-1-Tableaux-de-mise-en-forme-inseres-par-le-CMS-NA.html 2015-06-22T20:52:41Z text/html fr <p>Les tableaux de mise en forme insérés par le CMS ont les caractéristiques suivantes : role=« »presentation« » compréhensibles en lecture linéaire pas d'éléments caption, th, thead, tfoot pas d'attributs scope, headers, axis, colgroup Ça n'existe pas dans SPIP. Mais on peut coller du HTML.</p> - <a href="https://gta21.pyrat.net/-Tableaux-.html" rel="directory">Tableaux</a> <div class='rss_chapo'><p>Les tableaux de mise en forme insérés par le CMS ont les caractéristiques suivantes :</p> <ul class="spip" role="list"><li> role=« »presentation« »</li><li> compréhensibles en lecture linéaire</li><li> pas d'éléments caption, th, thead, tfoot</li><li> pas d'attributs scope, headers, axis, colgroup</li></ul></div> <div class='rss_texte'><p>Ça n'existe pas dans <abbr title="Système de Publication pour un Internet Participatif">SPIP</abbr>. Mais on peut coller du HTML.</p></div>