Ajout de la charte graphique (l'améliore qui veut...)
This commit is contained in:
jriou
parent
42b2649956
commit
d31601e73d
4 changed files with 125 additions and 18 deletions
22
00TODO
22
00TODO
|
|
@ -1,5 +1,9 @@
|
|||
TODO à mettre à jour au fur et à mesure que la mise-à-jour du site se passe
|
||||
|
||||
mieux : voir à la fin les pages de l'ancien site qui restent à
|
||||
mettre-à-jour et "make chklinks" pour voir les pages inexistantes vers
|
||||
lesquelles pointent des liens
|
||||
|
||||
---------------------
|
||||
Pages à mettre à jour
|
||||
---------------------
|
||||
|
|
@ -7,22 +11,6 @@ Pages
|
|||
Plein : **/* ...
|
||||
|
||||
------------------------------------------------------------------
|
||||
Pages à mettre à jour sur lesquelles pointent déjà un ou des liens
|
||||
------------------------------------------------------------------
|
||||
|
||||
unix/premiere-fois/configure.html
|
||||
unix/editeurs/index.html # Pourquoi cela s'appelait-il
|
||||
# les 7 cercles des éditeurs ?
|
||||
# Fait, mais ce n'est pas les 7 cercles
|
||||
unix/config/2002/index.html (#terminaux) ()
|
||||
unix/exercices/cp_mv.html
|
||||
|
||||
internet/html/backgr.html
|
||||
|
||||
theorie/index.html
|
||||
logiciels/index.html
|
||||
|
||||
-----------------------------------------------------
|
||||
Pages à rédiger sur lesquelles pointent déjà un lien
|
||||
-----------------------------------------------------
|
||||
(mieux: faire make chklinks pour voir la liste des liens cassés)
|
||||
|
|
@ -71,7 +59,7 @@ cours/images/xfig.html
|
|||
cours/index.html
|
||||
cours/rcs.html
|
||||
cours/unix/cercles.html
|
||||
aq.html
|
||||
faq.html
|
||||
help.html
|
||||
internet/html/backgr.html
|
||||
internet/html/copy.html
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@
|
|||
####dans ce fichier rend le nombre de liens cassés énorme...
|
||||
actualite.html
|
||||
meta/plan_site.html
|
||||
meta/charte_graphique.html
|
||||
#Tuteurs
|
||||
mailto:tuteurs@clipper.ens.fr
|
||||
mailto:tuteurs@clipper
|
||||
|
|
|
|||
115
meta/charte_graphique.tml
Normal file
115
meta/charte_graphique.tml
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
<?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 :
|
||||
</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 consice, 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. Dernière modification le 2002-12-12.
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
@ -20,6 +20,11 @@ tuteurs.</p>
|
|||
objectifs en tant que tuteurs informatique ?
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="charte_graphique.html">La charte graphique</a> : comment
|
||||
utiliser ce site ?
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="&url.jargon;">Éléments de jargon informatique</a> : quelques
|
||||
termes pour mieux comprendre le contenu de ce site.
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue