tuteurs.ens.fr/meta/charte_graphique.tml
meles 26abda08cc Bap: Grosses modifications en série sur tout le site :
1) insertion de balises <date value="$Date$"/>
2) remplacement des espaces insécables par des &nbsp;
3) insertion d'espaces insécables autour des guillemets français
2007-07-13 08:40:16 +00:00

116 lines
3.6 KiB
XML

<?xml version="1.0" encoding="ISO-8859-1"?>
<!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&nbsp;:
</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&nbsp;;
</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&nbsp;;
</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&nbsp;: </p>
<div class="attention">
<h1>&icone.attention;&nbsp;Attention&nbsp;&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&nbsp;:</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&nbsp;:</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&nbsp;:</p>
<pre>
<span class="prompt">bireme ~ $</span>&nbsp;ytalk toto@drakkar
</pre>
<div class="metainformation">
Auteur&nbsp;: Joël Riou. Dernière modification le <date value="$Date: 2007-07-13 08:41:10 $"
/>.
</div>
</body>
</html>