<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE www SYSTEM "../XSL/listent.ent">
<d:www xmlns="http://ns.dg77.net/XML/"
     xmlns:d="http://ns.dg77.net/XML/d/">
<d:description>
  <d:cre>2024-02-16</d:cre>
  <d:upd>2026-01-19</d:upd>
  <description>Page temoin donnant des exemples d'application de diverses fonctionnalités.</description>
</d:description>

<header>
  <h3>Page t&eacute;moin</h3>
  <p>Voir une copie texte du <a href="demo_temoin.txt">fichier source XML</a> &agrave; 
  l&rsquo;origine du corps de cette page.</p>
</header>

<!-- //////////////// SOMMAIRE AUTOMATIQUE //////////////// -->
<d:somm niv="h4" sub="h5" class="demo" />

<!-- //////////////// MENU //////////////// -->
<section>
<header>
  <h4 id="menu">Pr&eacute;sentation Menu (id <span class="italic">menutab</span>)</h4>
</header>
<nav>
  <div id="menutab">
    <div>
      <div><d:hl href="index.html">Web et informatique</d:hl></div>
    </div>
    <div>
      <div><d:hl href="../marche/index.html">Marche athl&eacute;tique</d:hl></div>
    </div>
    <div>
      <div><d:hl href="../signets/index.html">Signets</d:hl></div>
    </div>
  </div>
</nav>

</section>

<!-- //////////////// NOTE DE BAS DE PAGE //////////////// -->
<section>
<!--header-->
  <h4 id="note">Textes divers avec notes de bas de page</h4>
<!--/header-->
<h5 id="croce">Benedetto Croce, <span class="italic">Histoire de l&rsquo;Europe 
au XIXe si&egrave;cle</span></h5>
<p id="refnapo">Plusieurs des acteurs survivants de la R&eacute;volution et des 
auteurs de la Terreur, ceux des vieux jacobins qui &eacute;taient 
le moins incapables d&rsquo;actions efficaces ou ceux qui par 
l&rsquo;exp&eacute;rience avaient redress&eacute; et &eacute;duqu&eacute; 
leur capacit&eacute; naturelle, &eacute;taient pass&eacute;s au service de 
Napol&eacute;on<d:note ref="refnapo">Napol&eacute;on Bonaparte, 1769-1821.</d:note>, 
et, devenus les hommes de ces r&eacute;gimes, ils comptaient parmi 
les plus d&eacute;nu&eacute;s de scrupules, parmi les instruments les 
plus inexorables dans la guerre contre la d&eacute;mocratie et la 
libert&eacute;&nbsp;: ils donnaient par l&agrave; raison &agrave; une 
remarque du plus serein des po&egrave;tes selon laquelle il faudrait 
mettre en croix tout fanatique &agrave; l&rsquo;&acirc;ge de trente ans, 
parce que celui qui a &eacute;t&eacute; un illusionn&eacute; se 
transforme, une fois revenu &agrave; la sagesse, en 
coquin<d:note ref="croce">Johann Wolfgang von Goethe, <span class="italic">&Eacute;pigrammes v&eacute;nitiennes, n.52</span>
<div class="poeme">
  <div class="strophe">Jeglichen Schw&auml;rmer schlagt mir ans Kreuz im drei&szlig;igsten Jahre&nbsp;!<br/> 
Kennt er nur einmal die Welt, wird der Betrogne der Schelm.</div></div></d:note>.</p>
<p class="encadr">Benedetto Croce (1866-1952)&nbsp;: sorti vivant, par miracle, du tremblement de terre 
de Casamicciola en 1883, dans lequel sa famille p&eacute;rit, il se rendit &agrave; Rome aupr&egrave;s 
de son tuteur et suivit des cours de droit. D&egrave;s le d&eacute;but de sa carri&egrave;re, Croce fut un 
ind&eacute;pendant, l&rsquo;&eacute;crivain resta distinct du politicien&hellip; [Fausto Nicolini - &Eacute;d. 
Bompiani 1954]</p>
<h5 id="benet">Juan Benet, <span class="italic">Les lances rouill&eacute;es</span></h5>
<p id="vautours">[&hellip;] Et il para&icirc;t que lorsque la bande, sous une lumi&egrave;re d&eacute;j&agrave; 
d&eacute;clinante, abandonna l&rsquo;op&eacute;ration, r&eacute;sonn&egrave;rent 
encore dans le maquis une demi-douzaine de coups de feu par lesquels Juan scella 
le sort de trois d&rsquo;entre eux qui devaient servir de p&acirc;ture &agrave; 
ces vautours nains et phosphorescents qui, au dire des bergers, sont devenus des 
animaux si sybarites et si ennemis du genre humain qu&rsquo;ils peuvent se passer 
du banquet offert par un veau ou un chamois tomb&eacute; dans le vide pourvu qu&rsquo;ils 
picorent dans la poitrine, le ventre ou le cr&acirc;ne d&rsquo;un chasseur &mdash; 
comme il est de r&egrave;gle &agrave; Mantua &mdash; peu 
chanceux<d:note ref="benet">Juan Benet (1927-1993), <span class="italic">Les lances rouill&eacute;es</span> Livre VII, trad. Claude Murcia.</d:note>.</p>

<h5 id="poesie">Po&eacute;sie</h5>
<p>Utilisation des classe sp&eacute;cifiques (<d:hl href="../tekno/sitedoc.htm#poesie">cf la page documentation</d:hl>)&nbsp;:</p>
<p>Exemples avec la classe .vers (chaque vers commence par une majuscule &agrave; pr&eacute;sentation sp&eacute;ciale).</p>
<article>
<pre class="listing">
&lt;div class="poeme">
  &lt;div class="poete">Walt Whitmann (1819-1892)&lt;/div>
  &lt;div class="titre">Feuilles d’herbe – V&lt;/div>
  &lt;div class="vers">Qui que vous soyez, qui m’avez maintenant en main,&lt;/div>
  &lt;div class="vers">Une seule chose vous manque, et tout sera inutile.&lt;/div>
&lt;/div>
</pre>
<div class="poeme">
  <div class="poete">Walt Whitmann (1819-1892)</div>
  <div class="titre">Feuilles d’herbe – V</div>
  <div class="vers">Qui que vous soyez, qui m’avez maintenant en main,</div>
  <div class="vers">Une seule chose vous manque, et tout sera inutile.</div>
</div>
</article>
<article>
<p>Avec la classe .strophe&nbsp;:</p>
<pre class="listing">
&lt;div class="poeme">
  &lt;div class="titre">&lt;span class="bold">Tui Mamaki&lt;/span>, &lt;span class="italic">Un r&ecirc;ve&lt;/span>&lt;/div>
  &lt;div class="strophe">Sais-tu qu&rsquo;au fond du ciel il y a la mer&nbsp;?&lt;br/> 
Et l&agrave;, port&eacute;e par la houle du monde, l&rsquo;écume de ton désir&lt;br/> 
Blancheur miellée en bouquet de tilleul frémissant,&lt;br/> 
Flottent, légères, rieuses, trois bulles de la bouche d&rsquo;un enfant&hellip;
  &lt;/div>
&lt;/div>
</pre>
<div class="poeme">
  <div class="titre"><span class="bold">Tui Mamaki</span>, <span class="italic">Un r&ecirc;ve</span></div>
  <div class="strophe">
    Sais-tu qu&rsquo;au fond du ciel il y a la mer&nbsp;?<br/> 
    Et l&agrave;, port&eacute;e par la houle du monde, l&rsquo;écume de ton désir<br/> 
    Blancheur miellée en bouquet de tilleul frémissant,<br/> 
    Flottent, légères, rieuses, trois bulles de la bouche d&rsquo;un enfant&hellip;
  </div>
</div>
</article>


</section>


<!-- //////////////// TABLEAU //////////////// -->
<section>
<header>
  <h4 id="tabl">Tableau</h4>
</header>
<h5>Liste non exhaustive de types MIME</h5>
<table>
<thead>
  <tr class="">
    <th>type Mime</th>
    <th>extensions</th>
    <th>signification</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>application/acad</td>
    <td>dwg</td>
    <td>AutoCAD (cf NCSA)</td>
  </tr>
  <tr>
    <td>application/msexcel</td>
    <td>xls xla</td>
    <td>Microsoft Excel</td>
  </tr>
  <tr>
    <td>application/msword</td>
    <td>doc dot</td>
    <td>Microsoft Word</td>
  </tr>
  <tr>
    <td>application/pdf</td>
    <td>pdf</td>
    <td>Adobe PDF</td>
  </tr>
  <tr>
    <td>application/postscript</td>
    <td>ai eps ps</td>
    <td>Adobe Postscript</td>
  </tr>
  <tr>
    <td>application/rtf</td>
    <td>rtf</td>
    <td>Microsoft RTF</td>
  </tr>
  <tr>
    <td>application/x-csh</td>
    <td>csh</td>
    <td>C-Shellscript</td>
  </tr>
  <tr>
    <td>application/x-gtar</td>
    <td>gtar</td>
    <td>archives GNU tar</td>
  </tr>
  <tr>
    <td>application/x-javascript</td>
    <td>js</td>
    <td>JavaScript c&ocirc;t&eacute; serveur</td>
  </tr>
  <tr>
    <td>application/x-latex</td>
    <td>latex</td>
    <td>source Latex</td>
  </tr>
</tbody>
</table>

</section>

<!-- //////////////// IMAGE //////////////// -->
<section>
<header>
  <h4 id="img">Image avec mention de l&rsquo;auteur</h4>
</header>

<figure>
  <img src="disderi.jpg" alt="" />
  <figcaption dglicence="lic_exemple.htm">Le peintre A.G. Decamps (1803-1860)
    <d:galaut>Eug&egrave;ne Disd&eacute;ri</d:galaut>
  </figcaption>
</figure>

</section>

<!-- //////////////// INCLUSION D'ELEMENTS EXTERNES //////////////// -->
<section>
<header>
  <h4 id="incl">Insertion d&rsquo;un fichier ou fragment d&rsquo;un fichier xml</h4>
</header>
<p>Utilisation de la fonction "inclure". Ici on s&eacute;lectionne un seul id. 
Code utilis&eacute;&nbsp;:</p>
<p class="listing">&lt;d:inclure source="sixcodes.xml" idref="cic073"/></p>
<p>Afficher 
  <a href="sixcodes.txt" rel="noindex nofollow">le fichier sixcodes.xml 
  <a href="http://www.google.com" rel="nofollow">[lien emboité, ce qui est en principe interdit]</a></a> 
(trois articles du Code d&rsquo;instruction criminelle, &eacute;dition 1828).</p>
  <d:inclure source="demo_sixcodes.xml" idref="cic073"/>

</section>

<!-- //////////////// SUPPORT MULTILINGUE //////////////// -->
<section>
<header>
  <h4 id="lng">Support multilingue</h4>
</header>
<h5>Pages en langues principale et auxiliaires</h5>
<p>Cf la <d:hl href="litterature/texte.htm">page en langue de base</d:hl>. 
On acc&egrave;de aux pages traduites avec les codes langues affichables dans la barre de menu.</p>
<h5>Utilisation de d:lexi</h5>
<p>Essais de l&rsquo;&eacute;l&eacute;ment d:lexi 
<span class="listing">&lt;d:lexi r="R001" nlang="ru" def="R001?" /></span>&nbsp;: 
   <d:lexi r="R001" nlang="ru" def="R001?" />.</p>
<p lang="ja">Ce paragraphe a le code "ja"&nbsp;; essai avec 
<span class="listing">&lt;d:lexi r="R001" def="R001?" /></span>&nbsp;: 
   <d:lexi r="R001" def="R001?" />.</p>
</section>


<!-- //////////////// SIGNETS //////////////// -->
<section>
<header>
  <h4 id="signets">Signets &ndash; liste de liens</h4>
</header>
<d:liens titre="Signets litt&eacute;raires" niv="5">
<d:categorie titre="R&eacute;f&eacute;rences" id="lect">
  <d:lien uri="https://www.projekt-gutenberg.org/">Projekt Gutenberg-DE</d:lien>
  <d:lien uri="£dg77£/pages/sade/index.htm">La philosophie dans le boudoir.</d:lien>
</d:categorie>
<d:categorie titre="Sites d'auteurs" id="auteurs">      
  <d:lien uri="http://www.detambel.com">R&eacute;gine Detambel : <span class="italic">Elle ferait battre des montagnes</span></d:lien>
  <d:lien uri="http://sirihustvedt.net">Siri Hustvedt</d:lien>
  <d:lien uri="http://www.elfriedejelinek.com/">Elfriede Jelinek</d:lien>
  <d:lien uri="http://www.proximitedelamer.fr/">Fred Pougeard &ndash; La proximit&eacute; de la mer</d:lien>
  <d:lien uri="https://www.michelesarde.com/">Mich&egrave;le Sarde</d:lien>
  <d:lien uri="http://www.andrevelter.com">Andr&eacute; Velter</d:lien>
</d:categorie>
<d:categorie titre="Critiques, revues etc." id="div">
  <d:lien uri="https://www.en-attendant-nadeau.fr/">En attendant Nadeau, journal de la litt&eacute;rature, des id&eacute;es et des arts.</d:lien>
  <d:lien uri="https://www.pnreview.co.uk/">PN Review, most informative and entertaining poetry journal</d:lien>
  <d:lien uri="http://www.oulipo.net">Sur l&rsquo;OUvroir de LItt&eacute;rature POtentielle.</d:lien>
  <d:lien uri="http://www.robertdarnton.org/" id="darnton">A literary Tour de France. 
   Robert Darnton, exploration ville par ville du paysage litt&eacute;raire &agrave; 
   l&rsquo;aube de la R&eacute;volution.</d:lien>
</d:categorie>      
</d:liens>

</section>

<!-- //////////////// FIL RSS //////////////// -->
<section>
<header>
  <h4 id="rss">Tra&icirc;tement d&rsquo;un flux RSS</h4>
</header>
<p>Exemple dot&eacute; du sommaire, comportant en outre une image.</p>
<p>Noter dans le <a href="demo_temoin.txt">source xml</a>
le <span class="italic">namespace</span> <span class="bold">dg</span> 
allou&eacute; ici de fa&ccedil;on &agrave; permettre l&rsquo;insertion 
dans cette partie d&rsquo;&eacute;l&eacute;ments html 
(pre, figure, img, figcaption).</p>

<rss xmlns="http://blogs.law.harvard.edu/tech/rss"
     xmlns:dg="http://ns.dg77.net/XML/"
>
<channel sommaire="x">
  <title niv="5" class="">Log 2003 www.dg77.net</title>
  <link>£dg77£/archives/log2003.htm</link>
  <description>Log 2003 du site www.dg77.net</description>
  <language>fr</language>
  <item>
    <title>2003-12-30:00 : Webmaster : cr&eacute;ation d'une feuille de style pour impression</title>
    <guid isPermaLink="false">D2003-12-30:00</guid>
    <link>/design/stylscr.css</link>
    <description>(ne reste plus qu'&agrave; adapter toutes les pages&hellip;)</description>
  </item>
  <item>
   <guid isPermaLink="false">ffain-16074</guid>
   <title><dg:span class="monosp">ARA</dg:span> LYON - 14/01/24 - Championnats AURA d'EC et de Marche CJES</title>
   <description dg:format="html">
<dg:figure dglicence="/licence_img.htm">
  <dg:img src="C24011436.jpg" alt="Janine Vignat Piroux, 2024-01-14 master world record" />
  <dg:figcaption><d:galaut>Dominique Guebey</d:galaut></dg:figcaption>
</dg:figure>
<dg:pre>** 3000m-salle / TCF | 14/01/2024 | 12:26
  2 16'56"40 VIGNAT Janine               Acvs S/l Val De Saone Athlet   MAF/55 *RM/WR*
  4 18'03"30 PAILLARD-BRUNET Anne-Marthe Cs Bourgoin-jallieu            MAF/63
  5 18'39"89 BEOIR Valerie               Esperance Faverges             MAF/74
** 3000m-salle / TCF | F CAF | 14/01/2024 | 12:54
  1 15'15"84 MACABEY Zoe                 Asptt Dijon Athletisme         CAF/08
  2 15'29"40 MERLE Emilie                Autun Running                  CAF/08
  3 15'31"33 PONCET Violette             Ac Ondaine Firminy             CAF/08
** 3000m-salle / TCF | 14/01/2024 | 13:20
  1 15'19"30 IUND Leonie                 Esa S/l As Aix-les-bains       JUF/06
  2 15'37"93 MANIKION Prisca (MRI)       Cs Bourgoin-jallieu            MAF/85
  3 15'51"57 HALIMI Maia                 Eag 38 S/l Grenoble Uc         JUF/06
** 3000m-salle / TCF | F Elite | 14/01/2024 | 13:45
  1 14'08"10 MOLIST Lucille              Csbj S/l Ea Gillonnay-la Cot   SEF/01
  2 14'09"96 MILLE Angele                Grac S/l Grac Renwez           SEF/01
  3 14'13"58 MASSON Liv                  Stade Bordelais Athletisme*    ESF/03
** 3000m-salle / MIM | M | 14/01/2024
  1 16'52"35 PEJOT-GUILLARME Timeo       Csbj S/l Ea Gillonnay-la Cot   MIM/10
  2 17'23"54 MANIN Arthur                Eab S/l Athletisme Chatillon   MIM/10
** 5000m-salle / TCM | M Elite | 14/01/2024 | 11:15
  1 20'56"07 BATIFOL Ellis               Asvel Villeurbanne*            ESM/03
  2 21'53"53 PETER Florian               Esa S/l As Aix-les-bains       ESM/02
  3 22'37"37 MARTIN Come                 Clermont Auvergne Athletisme   SEM/95
</dg:pre>
</description>
  <link>https://bases.athle.fr/asp.net/liste.aspx?frmbase=resultats&amp;frmmode=1&amp;frmespace=0&amp;frmcompetition=281607</link>
  <pubDate>Sun, 14 Jan 2024 17:30:00 +0100</pubDate>
</item>
</channel>
</rss>
</section>

<!-- //////////////// GALERIE //////////////// -->
<!--section-->
<header>
  <h4 id="gal">Galerie d&rsquo;images</h4>
</header>

<d:galerie dglicence="/licence_img.htm">
  <d:galtit>Bancs</d:galtit>
  <d:galcre>2024-02-21</d:galcre>
  <d:galaut>Dominique Guebey</d:galaut>

  <d:galimage>
    <d:galtit>Souvigny, 1er ao&ucirc;t 2015</d:galtit>
    <d:galfic>demo/galerie/G80133</d:galfic>
  <d:galtxtf>Souvigny (Allier, France) 15/08/2023.</d:galtxtf>
    <d:galcre>2023-10-04</d:galcre>
    <d:galupd></d:galupd>
  </d:galimage>

  <d:galimage>
    <d:galtit>Banc &agrave; Souvigny</d:galtit>
    <d:galfic>demo/galerie/C23080213</d:galfic>
  <d:galtxtf>Souvigny (Allier, France), <d:hl href="https://www.2a2b.fr/">Ateliers du Chapeau rouge</d:hl>.</d:galtxtf>
    <d:galcre>2023-10-04</d:galcre>
    <d:galupd></d:galupd>
  </d:galimage>

  <d:galimage>
    <d:galtit>Le banc des amis</d:galtit>
    <d:galfic>demo/galerie/C23080214</d:galfic>
  <d:galtxtf>2023. Le banc des amis, par les enfants de l&rsquo;Institut m&eacute;dico-&eacute;ducatif de Coulandon.</d:galtxtf>
  <d:galtxtf>Souvigny (Allier, France), <d:hl href="https://www.2a2b.fr/">Ateliers du Chapeau rouge</d:hl>.</d:galtxtf>
    <d:galcre>2023-10-04</d:galcre>
    <d:galupd></d:galupd>
  </d:galimage>

</d:galerie>
<!--/section-->

<!-- //////////////// GALERIE ANNEXE //////////////// -->
<!--section-->
<header>
  <h4 id="gals">Galerie annexe</h4>
</header>
<p>En cours de d&eacute;veloppement.</p>
<d:galsub dglicence="licence_img.htm">
  <d:galtit>Galerie annexe</d:galtit>
  <d:galcre>2025-02-10</d:galcre>
  <d:galimage>
    <d:galtit>Souvigny, 1er ao&ucirc;t 2015</d:galtit>
    <d:galfic>demo/galerie/G80133</d:galfic>
  </d:galimage>
  <d:galimage>
    <d:galtit>Santiago Calatrava, gare TGV de Satolas</d:galtit>
    <d:galfic>galerie/archi/D3664</d:galfic>
  </d:galimage>
</d:galsub>
<!--/section-->

<!-- //////////////// Dimension images pour insertion auto dans <img> //////////////// -->
<d:dgdim> 
  <d:dgima dgwid="256" dghei="414" dgsiz="78413" dgfor="JPEG">disderi.jpg</d:dgima>
  <d:dgima dgwid="750" dghei="499" dgsiz="108760" dgfor="JPEG">C24011436.jpg</d:dgima>
  <d:dgima dgwid="751" dghei="500" dgsiz="175921" dgfor="JPEG">demo/galerie/G80133.jpg</d:dgima>
  <d:dgima dgwid="100" dghei="67" dgsiz="13848" dgfor="JPEG">demo/galerie/t_G80133.jpg</d:dgima>
  <d:dgima dgwid="751" dghei="530" dgsiz="516648" dgfor="JPEG">demo/galerie/C23080213.jpg</d:dgima>
  <d:dgima dgwid="100" dghei="70" dgsiz="5474" dgfor="JPEG">demo/galerie/t_C23080213.jpg</d:dgima>
  <d:dgima dgwid="612" dghei="612" dgsiz="331440" dgfor="JPEG">demo/galerie/C23080214.jpg</d:dgima>
  <d:dgima dgwid="100" dghei="100" dgsiz="11745" dgfor="JPEG">demo/galerie/t_C23080214.jpg</d:dgima>
</d:dgdim> 

</d:www>