tuteurs.ens.fr/meta/charte_graphique.tml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//ENS/Tuteurs//DTD TML 1//EN"
  "tuteurs://DTD/tml.dtd">
<html>
  <head>
    <title>Utiliser ce site</title>
  </head>
  <body>

    <h1>Charte graphique du site des tuteurs informatique</h1>

<h2> Présentation générale</h2>

<p>
Les pages du site ont une présentation uniforme :
</p>

<ul>
<li>Sur la gauche de la page se trouve une liste de liens, avec notamment
une représentation de l'arborescence du site ;
</li>
<li>
Sur la partie droite, on trouve le contenu proprement dit de la page. De
plus, le plan de celle-ci est affiché en dessous du titre ce qui permet
d'accéder rapidement à une section précise ;
</li>
<li>
Le ou les auteurs de la page ainsi que la date de dernière modification
sont indiqués à la fin.
</li>
</ul>

<h2>Repères visuels</h2>

<p>Pendant la lecture du site des tuteurs, différents repères visuels
peuvent vous guider.</p>

<h3>Attention danger</h3>

<p>Quand nous voulons vous mettre en garde contre certains risques (par
exemple des erreurs d'étourderie pouvant conduire à la destruction
de vos fichiers). Nous utilisons un encadré rouge avec des panneaux
indiquant le danger : </p>

<div class="attention">
<h1>&icone.attention; Attention &icone.attention;</h1>
<ul>
<li>On a très vite fait de confondre <code>mv</code> et
<code>rm</code>. </li> 
<li> <code>rm</code> ne fonctionne pas sur le principe de la corbeille
des
Macs ou des PC Windows, il ne déplace pas les fichiers dans un «endroit»
de
stockage avant destruction. Un fichier effacé est <em>vraiment</em>
effacé (mais
le SPI fait des sauvegardes toutes les nuits, adressez-vous à eux si vous
effacez un fichier par mégarde: <code>spi@clipper</code>).</li>
<li>[...]</li>
</ul>
</div>

<h3>Encadrés</h3>

<p>Quand nous voulons mettre en valeur un point particulier ou résumer
quelques points de manière concise, nous utilisons des
encadrés :</p><div class="encadre"> Un des avantages de Mozilla est
la possibilité d'utiliser des onglets : si vous
faites <code>Ctrl-T</code> ou sélectionnez <code>Navigator Tab</code>
dans le sous-menu <code>New</code> du menu <code>File</code>, vous
ouvrez une fenêtre de navigation à l'intérieur de votre navigateur qui
se superpose à la précédente. Vous pouvez passer de l'une à l'autre en
cliquant sur les différents onglets.
</div>

<h3>Points spécifiques à l'ENS</h3>

<p> Si notre activité a principalement pour but d'aider les élèves de
l'ENS à appréhender les notions informatiques pour se servir des
ordinateurs mis à leur disposition dans les salles informatiques de
l'École, nous pensons que ce site peut servir à tout utilisateur d'un
système d'exploitation de type Unix (Solaris, GNU/Linux, *BSD...).
</p>
<p>
C'est pour cela que dans la mesure du possible, nous mettons en évidence
grâce à un rectangle bleu clair
les paragraphes spécifiques à l'installation informatique de l'ENS
(maintenue par le <a href="http://www.spi.ens.fr/">service de prestations
informatique</a>), comme le montre le paragraphe qui
suit :</p>
<div class="ens">
<p>
<code>pot</code> affiche le menu du pot du jour.
<code>pot</code> est une commande interne à l'École. Le menu est tapé en
début de semaine par un membre du SPI.
</p>
</div>

<h3>Commandes Unix</h3>

<p>Quand nous donnons des commandes Unix, destinées à être tapées dans un
<a href="&url.jargon;#xterm"><code>xterm</code></a>, nous utilisons un
encadré du type suivant :</p>

<pre>
<span class="prompt">bireme ~ $</span> ytalk toto@drakkar
</pre>

    <div class="metainformation">
      Auteur : Joël Riou. <date value="from git" />
    </div>

  </body>
</html>
-												Passage en UTF-8, 2 : lignes <?xml encoding?>

Last-change: ignore this commit

											
										
										
											2009-09-20 12:34:28 +02:00
+								<?xml version="1.0" encoding="UTF-8"?>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								<!DOCTYPE html
 								  PUBLIC "-//ENS/Tuteurs//DTD TML 1//EN"
 								  "tuteurs://DTD/tml.dtd">
 								<html>
 								  <head>
 								    <title>Utiliser ce site</title>
 								  </head>
 								  <body>
 								    <h1>Charte graphique du site des tuteurs informatique</h1>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<h2> Présentation générale</h2>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
 								<p>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								Les pages du site ont une présentation uniforme :
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</p>
 								<ul>
 								<li>Sur la gauche de la page se trouve une liste de liens, avec notamment
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								une représentation de l'arborescence du site ;
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</li>
 								<li>
 								Sur la partie droite, on trouve le contenu proprement dit de la page. De
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								plus, le plan de celle-ci est affiché en dessous du titre ce qui permet
 								d'accéder rapidement à une section précise ;
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</li>
 								<li>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								Le ou les auteurs de la page ainsi que la date de dernière modification
 								sont indiqués à la fin.
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</li>
 								</ul>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<h2>Repères visuels</h2>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<p>Pendant la lecture du site des tuteurs, différents repères visuels
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								peuvent vous guider.</p>
 								<h3>Attention danger</h3>
 								<p>Quand nous voulons vous mettre en garde contre certains risques (par
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								exemple des erreurs d'étourderie pouvant conduire à la destruction
 								de vos fichiers). Nous utilisons un encadré rouge avec des panneaux
 								indiquant le danger : </p>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
 								<div class="attention">
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<h1>&icone.attention; Attention &icone.attention;</h1>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								<ul>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<li>On a très vite fait de confondre <code>mv</code> et
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								<code>rm</code>. </li>
 								<li> <code>rm</code> ne fonctionne pas sur le principe de la corbeille
 								des
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								Macs ou des PC Windows, il ne déplace pas les fichiers dans un «endroit»
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								de
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								stockage avant destruction. Un fichier effacé est <em>vraiment</em>
 								effacé (mais
 								le SPI fait des sauvegardes toutes les nuits, adressez-vous à eux si vous
 								effacez un fichier par mégarde: <code>spi@clipper</code>).</li>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								<li>[...]</li>
 								</ul>
 								</div>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<h3>Encadrés</h3>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<p>Quand nous voulons mettre en valeur un point particulier ou résumer
 								quelques points de manière concise, nous utilisons des
 								encadrés :</p><div class="encadre"> Un des avantages de Mozilla est
-												meta/: retouches cosmétiques.

											
										
										
											2009-10-04 18:44:03 +02:00
+								la possibilité d'utiliser des onglets : si vous
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								faites <code>Ctrl-T</code> ou sélectionnez <code>Navigator Tab</code>
-												Bap: corrections diverses

											
										
										
											2007-06-08 17:29:12 +02:00
+								dans le sous-menu <code>New</code> du menu <code>File</code>, vous
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								ouvrez une fenêtre de navigation à l'intérieur de votre navigateur qui
 								se superpose à la précédente. Vous pouvez passer de l'une à l'autre en
 								cliquant sur les différents onglets.
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</div>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<h3>Points spécifiques à l'ENS</h3>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<p> Si notre activité a principalement pour but d'aider les élèves de
 								l'ENS à appréhender les notions informatiques pour se servir des
 								ordinateurs mis à leur disposition dans les salles informatiques de
 								l'École, nous pensons que ce site peut servir à tout utilisateur d'un
 								système d'exploitation de type Unix (Solaris, GNU/Linux, *BSD...).
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</p>
 								<p>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								C'est pour cela que dans la mesure du possible, nous mettons en évidence
 								grâce à un rectangle bleu clair
 								les paragraphes spécifiques à l'installation informatique de l'ENS
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								(maintenue par le <a href="http://www.spi.ens.fr/">service de prestations
 								informatique</a>), comme le montre le paragraphe qui
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								suit :</p>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								<div class="ens">
 								<p>
 								<code>pot</code> affiche le menu du pot du jour.
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<code>pot</code> est une commande interne à l'École. Le menu est tapé en
 								début de semaine par un membre du SPI.
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</p>
 								</div>
 								<h3>Commandes Unix</h3>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<p>Quand nous donnons des commandes Unix, destinées à être tapées dans un
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								<a href="&url.jargon;#xterm"><code>xterm</code></a>, nous utilisons un
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								encadré du type suivant :</p>
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
 								<pre>
-												Passage en UTF-8 des fichiers TML, 1 : recodage

Last-change: ignore this commit

											
										
										
											2009-09-20 12:27:14 +02:00
+								<span class="prompt">bireme ~ $</span> ytalk toto@drakkar
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								</pre>
 								    <div class="metainformation">
-												Passage à git des « Dernière modif... »

Remplacement de toutes les phrases du style « Dernière modification le
... [par ...] » par <date value="from git" />, qui produit une phrase du
genre à partir de l'historique du dépôt. Le « from git » n'a pas
d'importance, c'est juste parce que la DTD de TML (que je préfère ne pas
changer) exige un attribut value.

Last-change: ignore this commit

											
										
										
											2009-09-27 22:00:55 +02:00
+								      Auteur : Joël Riou. <date value="from git" />
-												Ajout de la charte graphique (l'améliore qui veut...)

											
										
										
											2002-12-12 09:51:46 +01:00
+								    </div>
 								  </body>
 								</html>