838 lines
40 KiB
HTML
838 lines
40 KiB
HTML
|
<?xml version="1.0" encoding="UTF-8"?>
|
|||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|||
|
|
<title>Numéro 3</title>
|
|||
|
|
<link rel="stylesheet" href="../../tuteurs.css" type="text/css" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="navigation">
|
|||
|
|
<h1>Tuteurs informatique<br /><a href="../../meta/contact.html">Nous contacter</a></h1>
|
|||
|
|
<hr />
|
|||
|
|
<ul class="menu">
|
|||
|
|
<li>
|
|||
|
|
<a href="../../meta/charte_graphique.html">Utiliser ce site</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../actualite.html">Actu et stages</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../docs/">Docs à imprimer</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../meta/plan_site.html">Plan du site</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../search.html">Rechercher</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="../../">Les tuteurs</a>
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="../">Documentations</a>
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="./">Hublot</a>
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot01.html">Numéro 1</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot02.html">Numéro 2</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot03.html" class="actuel">Numéro 3</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot04.html">Numéro 4</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot05.html">Numéro 5</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot06.html">Numéro 6</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot07.html">Numéro 7</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot08.html">Numéro 8</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot09.html">Numéro 9</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot10.html">Numéro 10</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot11.html">Numéro 11</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="hublot12.html">Numéro 12</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="lexique.html">Lexique</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="sommaires.html">Sommaires</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<ul class="menu">
|
|||
|
|
<li>
|
|||
|
|
<a href="http://www.eleves.ens.fr/">Serveur des élèves</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="http://www.ens.fr/">ENS</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="http://www.spi.ens.fr/">SPI</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="corps">
|
|||
|
|
<p class="centre">
|
|||
|
|
<img src="hublot.png" alt="[Logo du Hublot]" />
|
|||
|
|
</p>
|
|||
|
|
<h1> Numéro 3 -- Janvier 2000</h1>
|
|||
|
|
<div class="sommaire">
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s1">Légalement</a>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#charte">À propos de la charte</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s2">Pratique</a>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#typo">Typographie : les numérotations</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#qr">Questions-Réponses</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#anni">Commande du mois</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s3">Unix pas à pas</a>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#concept">Concept : «arborescence»</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#commande">Commande : <code>cd</code></a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#usage">Usage : gérer ses fichiers avec la souris</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s4">Internet</a>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#rezo">Cours : qu'est-ce qu'un réseau? (3) Le soleil a
|
|||
|
|
rendez-vous avec la lune</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#netiquette">La Netiquette</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#lexique">Lexique</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<p>
|
|||
|
|
<em>Jouez hautbois, résonnez musettes, jour de fête aujourd'hui sur Terre.
|
|||
|
|
Enfin, un peu en retard, Noël est passé. Mais l'est-il vraiment ? Les
|
|||
|
|
Orthodoxes suivent encore le calendrier de ce cher Jules, aussi ont-ils plus
|
|||
|
|
de deux semaines de décalage avec nous autres, qui sommes en pays grégorien.
|
|||
|
|
Le calendrier musulman est encore à six siècles de l'an 2000, le calendrier
|
|||
|
|
juif nous met plus de trois millénaires dans la vue. Et il se trouve encore
|
|||
|
|
des gens pour pinailler entre l'année 2000 et la deux-millième année, et le
|
|||
|
|
compte des siècles et millénaires, tout ça en référence à un événement
|
|||
|
|
religieux placé pifométriquement afin de remplacer des festivités païennes
|
|||
|
|
liées au solstice d'hiver, qui, lui, arrive avec une précision de coucou
|
|||
|
|
suisse.</em>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<em>
|
|||
|
|
Car c'est ce que rate tout le monde : nous arrivons dans cette joyeuse
|
|||
|
|
période de l'année où la température devient enfin acceptable. Le givre pare
|
|||
|
|
les arbres d'une robe blanche (enfin, en banlieue; à Paris, les arbres restent
|
|||
|
|
moches), le ciel redevient sobre et abandonne son bleu tapageur, le monde
|
|||
|
|
s'endort tel l'ours pantouflard. L'ordinateur, et ses avatars (le sacro-saint
|
|||
|
|
Web notamment), restent parfaitement insensibles à cette poésie naturelle, et
|
|||
|
|
le mieux qu'on attende d'eux, c'est justement de continuer comme si de rien
|
|||
|
|
n'était. Ce n'est donc pas un ordinateur, mais un humain (moi-même) qui vous
|
|||
|
|
souhaite un joyeux Noël et une bonne année 2000.</em>
|
|||
|
|
</p>
|
|||
|
|
<p class="auteur">Thomas Pornin</p>
|
|||
|
|
<div class="encadre"><strong>Les tuteurs ont besoin de vous!</strong> Nous allons organiser
|
|||
|
|
un gros stage informatique sur un week-end en février ou en mars. Pour le
|
|||
|
|
moment, une grosse journée sur Internet et les pages Web est prévue, ainsi que
|
|||
|
|
du LaTeX. Écrivez-nous pour nous dire le stage que vous voudriez suivre... et
|
|||
|
|
pour nous dire aussi quelles dates il faut éviter pour cause de vacances!
|
|||
|
|
</div>
|
|||
|
|
<p>
|
|||
|
|
<em>Pour toutes questions, idées d'articles, etc, n'hésitez pas à nous
|
|||
|
|
écrire : <a href="mailto:tuteurs@clipper.ens.fr">tuteurs@clipper</a>.
|
|||
|
|
Vous pouvez aussi mettre un mot dans le casier d'Émilia Robin. Certains mots
|
|||
|
|
sont suivis d'un astérisque*; ils renvoient au <a href="#lexique">lexique</a>
|
|||
|
|
en fin de numéro. </em>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<em>Certaines pages de notre site sont indiquées dans les articles; n'hésitez pas
|
|||
|
|
à vous y reporter. Vous pouvez aussi consulter les anciens numéros du
|
|||
|
|
Hublot : <a href="../../docs/hublot/">Le Hublot
|
|||
|
|
Online</a>.</em>
|
|||
|
|
</p>
|
|||
|
|
<h2>
|
|||
|
|
<a name="s1" id="s1">Légalement</a>
|
|||
|
|
</h2>
|
|||
|
|
<h3>
|
|||
|
|
<a name="charte" id="charte">À propos de la charte</a>
|
|||
|
|
</h3>
|
|||
|
|
<h4>Origine</h4>
|
|||
|
|
<p>Vers 1990, des élèves avaient trop fait
|
|||
|
|
les pitres sur Internet : deux gros incidents en quelques semaines.
|
|||
|
|
C'était un problème nouveau : en 1990, l'ENS était relié depuis peu à
|
|||
|
|
Internet par une liaison à... 9 600 <a href="#baud">bauds*</a>, le tiers
|
|||
|
|
d'un <a href="#modem">modem*</a> actuel. On a craint que l'ENS soit interdite
|
|||
|
|
d'Internet, cela est bien arrivé à une autre École en 1993. </p>
|
|||
|
|
<p>
|
|||
|
|
Après réflexion de la Direction, est donc parue une première version d'une
|
|||
|
|
charte d'utilisation des machines et du réseau. Cette charte a été révisée en
|
|||
|
|
1995, puis en 1999. Elle a aussi servi de modèle à d'autres établissements, et
|
|||
|
|
c'est maintenant un mode de fonctionnement plus que répandu : toutes les
|
|||
|
|
Universités, le CNRS ont leur charte. Voir les <a href="http://www.spi.ens.fr/legal/">informations légales du
|
|||
|
|
SPI</a>. </p>
|
|||
|
|
<p>
|
|||
|
|
Est-ce à dire que l'informatique, se passant devant un écran, laisse croire à
|
|||
|
|
un jeu vidéo, où tous les coups sont permis? Parfois on se le demande, en
|
|||
|
|
voyant que ce qui ne se ferait pas dans la vie réelle devient <em>normal</em>
|
|||
|
|
devant un écran? Arguer que les défenses de certaines machines sont faibles
|
|||
|
|
n'est pas un argument : ma voiture aussi a un pare-brise faible, simple à
|
|||
|
|
casser d'un bon coup de masse! </p>
|
|||
|
|
<p>La charte est donc un moyen de sensibilisation, rappelant ce qui devrait être
|
|||
|
|
des évidences de vie en société : on partage des machines, on partage un
|
|||
|
|
réseau, tout cela a son <em>code de la route</em>. </p>
|
|||
|
|
<h4>Valeur réglementaire de la charte</h4>
|
|||
|
|
<p> Faut-il la
|
|||
|
|
signer? Le secrétaire général explique que la charte est un acte
|
|||
|
|
réglementaire, annexe du règlement intérieur de l'École approuvé par le
|
|||
|
|
Conseil d'administration; cet acte s'applique à tout utilisateur des
|
|||
|
|
ressources informatiques, dès lors qu'il demande un compte et se connecte, et
|
|||
|
|
qu'il le veuille ou non. De ce fait, qu'une personne n'ait pas signé la
|
|||
|
|
charte, par négligence ou refus délibéré, ne la libère pas des obligations et
|
|||
|
|
devoirs prévus dans ce document : <a href="http://www.spi.ens.fr/legal/charte-fr.html">Règlement
|
|||
|
|
d'utilisation des moyens informatiques de l'École normale supérieure</a>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
La charte est en fait applicable dès lors qu'elle a été publiée, elle l'est
|
|||
|
|
sur le panneau d'affichage du secrétariat général, elle vient de fleurir au
|
|||
|
|
DMA et au DI. La signer est un engagement moral de bonne conduite et de
|
|||
|
|
confiance envers les responsables qui ont élaboré ces règles, elle rappelle en
|
|||
|
|
outre de vrais points légaux, eux non spécifiques de l'ENS! </p>
|
|||
|
|
<p class="auteur">Jacques Beigbeder</p>
|
|||
|
|
<h2>
|
|||
|
|
<a name="s2" id="s2">Pratique</a>
|
|||
|
|
</h2>
|
|||
|
|
<h3>
|
|||
|
|
<a name="typo" id="typo">Typographie : les numérotations</a>
|
|||
|
|
</h3>
|
|||
|
|
<p>Le mois dernier, on a vu comment se structurait un document long. Ce mois-ci,
|
|||
|
|
on aborde les numérotations. Comme d'habitude, ces informations proviennent du
|
|||
|
|
<em>Lexique des règles typographiques en usage à l'Imprimerie nationale</em>,
|
|||
|
|
Imprimerie nationale, 1990. </p>
|
|||
|
|
<h4>Nombres</h4>
|
|||
|
|
<p> On ne colle jamais un numéro au nom qui
|
|||
|
|
le suit : il faut laisser un espace, de préférence <a href="#insecable">insécable*</a>. De façon générale, un nombre ne doit jamais
|
|||
|
|
être séparé du nom qu'il accompagne; il ne doit pas non plus être coupé en
|
|||
|
|
deux, mais il vaut mieux détacher les centaines des milliers («285 000
|
|||
|
|
habitants», par exemple). </p>
|
|||
|
|
<p>
|
|||
|
|
Les numéros de téléphone se composent par groupes de deux chiffres séparés par
|
|||
|
|
un blanc <a href="#insecable">insécable*</a>, sans points ni tirets;
|
|||
|
|
l'abréviation correcte de «téléphone» est «Tél.». Par exemple : </p>
|
|||
|
|
<p>
|
|||
|
|
Tél. : 01 44 32 30 00
|
|||
|
|
</p>
|
|||
|
|
<h4>Énumérations</h4>
|
|||
|
|
<p>Les abréviations sont les
|
|||
|
|
suivantes : 1<sup>er</sup>, 1<sup>re</sup>, 2<sup>e</sup>, ce qui donne,
|
|||
|
|
si on ne peut pas surélever la partie abrégée, 1er, 1re, 2e. </p>
|
|||
|
|
<p>
|
|||
|
|
On peut rencontrer des formes latines, comme <em>Legio Septima Gemina</em>,
|
|||
|
|
que l'on abrège en <em>Legio VII<sup>a</sup></em><em> Gemina</em> (ou
|
|||
|
|
<em>VIIa</em>). </p>
|
|||
|
|
<p>On peut rencontrer parfois primo, secundo, tertio. Cela se lit <em>primo</em>,
|
|||
|
|
<em>secundo</em>, <em>tertio</em>; le caractère surélevé est un petit «o» et
|
|||
|
|
non un zéro; c'est la même chose pour n° (numéro). </p>
|
|||
|
|
<p>
|
|||
|
|
Les listes sont habituellement numérotées avec un chiffre suivi d'un point ou
|
|||
|
|
d'un tiret : (1. ou 1-). Les bibliographies sont numérotées avec un
|
|||
|
|
chiffre entre crochets ([1]). </p>
|
|||
|
|
<h4>Théâtre</h4>
|
|||
|
|
<p> Les actes se numérotent en chiffres
|
|||
|
|
romains grandes capitales; les scènes se numérotent en chiffres romains
|
|||
|
|
petites capitales.</p>
|
|||
|
|
<div class="encadre">
|
|||
|
|
Dans la version en LaTeX du Hublot, il n'y a aucun problème pour
|
|||
|
|
montrer le résultat et afficher des petites capitales... Mais dans la version
|
|||
|
|
HTML, on ne peut pas.
|
|||
|
|
</div>
|
|||
|
|
<h4>Dates</h4>
|
|||
|
|
<p>On écrit les mois en toutes lettres («Le 14
|
|||
|
|
juillet 1789»), et sans majuscules, sauf dans les expressions consacrées («la
|
|||
|
|
nuit du 4 Août»). On écrit les années sans abréger : «la guerre de
|
|||
|
|
1939-1945», «les années 1940». On n'écrit jamais : «En 33, Hitler arrive
|
|||
|
|
au pouvoir»; en 33, c'est Tibère qui est empereur. </p>
|
|||
|
|
<p>
|
|||
|
|
Les millénaires sont numérotés en chiffres romains grandes capitales : «le
|
|||
|
|
IIIe millénaire commence en 2001.». Les siècles se composent en
|
|||
|
|
chiffres romains petites capitales.</p>
|
|||
|
|
<h4>Divers</h4>
|
|||
|
|
<p> Les armées, les calibres, les
|
|||
|
|
arrondissements, sont numérotés en chiffres arabes. Les numéros des livres de
|
|||
|
|
la Bible se composent en chiffres romains, grandes capitales. Les numéros de
|
|||
|
|
manifestations (IVe concile du Latran, IIIe Salon du chocolat) sont
|
|||
|
|
également numérotés en romain grandes capitales. Les régions militaires se
|
|||
|
|
composent en chiffres romains. </p>
|
|||
|
|
<h3>
|
|||
|
|
<a name="qr" id="qr">Questions-Réponses</a>
|
|||
|
|
</h3>
|
|||
|
|
<p>On nous demande régulièrement comment se connecter à l'École depuis le Grand
|
|||
|
|
Extérieur, par exemple pour lire son courrier. Pour cela, il faut utiliser le
|
|||
|
|
programme <code>telnet</code>. Si vous êtes sur une machine Unix, il suffit de
|
|||
|
|
taper : </p>
|
|||
|
|
<pre><code>telnet galion.ens.fr</code>
|
|||
|
|
</pre>
|
|||
|
|
<p> Vous pouvez vous connecter sur n'importe quelle machine de l'École
|
|||
|
|
(<code>galion</code>, <code>bireme</code>, <code>brick</code>, etc.); il
|
|||
|
|
vaut mieux éviter de se connecter sur <code>clipper</code>, pour ne pas
|
|||
|
|
le surcharger. </p>
|
|||
|
|
<p>Si vous êtes sur un Mac, cherchez le telnet dans le lanceur. S'il n'y
|
|||
|
|
est pas, allez dans le menu Pomme et utiliser «Recherche de fichiers»
|
|||
|
|
pour le trouver. </p>
|
|||
|
|
<p>Si vous êtes sur un PC sous Windows, vous devriez trouver le telnet
|
|||
|
|
dans le menu «Démarrer». S'il n'y est pas, vous pouvez choisir «Exécuter»
|
|||
|
|
dans le menu «Démarrer», et taper <code>telnet</code>. Vous pouvez aussi
|
|||
|
|
utiliser «Rechercher» dans le menu «Démarrer» pour trouver le programme.
|
|||
|
|
</p>
|
|||
|
|
<p>Ensuite, vous indiquez le nom de la machine comme indiqué ci-dessus. </p>
|
|||
|
|
<h3>
|
|||
|
|
<a name="anni" id="anni">Commande du mois</a>
|
|||
|
|
</h3>
|
|||
|
|
<p>La commande <code>anniversaire</code> vous permet de connaître la date
|
|||
|
|
d'anniversaire d'une personne. Si vous tapez <code>anniversaire</code> tout court,
|
|||
|
|
la commande affiche la liste des gens donc c'est l'anniversaire aujourd'hui.
|
|||
|
|
Vous pouvez aussi préciser votre demande avec des options pré-établies :
|
|||
|
|
</p>
|
|||
|
|
<pre>
|
|||
|
|
anniversaire demain
|
|||
|
|
anniversaire hier
|
|||
|
|
anniversaire avant-hier
|
|||
|
|
anniversaire apres-demain
|
|||
|
|
</pre>
|
|||
|
|
<p>
|
|||
|
|
Vous aussi pouvez indiquer une date, sous la forme <code>jj/mm</code>; par
|
|||
|
|
exemple, pour la liste des élèves nés un 12 avril, vous tapez : </p>
|
|||
|
|
<pre><code>anniversaire 12/04</code>
|
|||
|
|
</pre>
|
|||
|
|
<p>
|
|||
|
|
Enfin, vous pouvez indiquer explicitement le nom ou le prénom d'une personne.
|
|||
|
|
</p>
|
|||
|
|
<p> La base de données de <code>anniversaire</code> est constituée à
|
|||
|
|
partir des fiches annuaires. Certaines personnes ont deux dates
|
|||
|
|
d'anniversaire : c'est que, d'une fiche à l'autre, elles ont donné des
|
|||
|
|
dates de naissance différentes... </p>
|
|||
|
|
<h2>
|
|||
|
|
<a name="s3" id="s3">Unix pas à pas</a>
|
|||
|
|
</h2>
|
|||
|
|
<p>
|
|||
|
|
<em>Le cours Unix se divise en trois parties : «Concept», «Commande»,
|
|||
|
|
«Usage». Ce mois-ci, on achève l'étude des fichiers et des répertoires avec le
|
|||
|
|
concept d'arborescence. La partie «Commande» concerne les répertoires (les
|
|||
|
|
créer, les détruire, et se déplacer). Enfin, la partie «Usage» intéressera
|
|||
|
|
ceux qui veulent utiliser la souris pour gérer leurs fichiers.</em>
|
|||
|
|
</p>
|
|||
|
|
<h3>
|
|||
|
|
<a name="concept" id="concept">Concept : «arborescence»</a>
|
|||
|
|
</h3>
|
|||
|
|
<h4>Définition</h4>
|
|||
|
|
<p> Une arborescence est une structure en
|
|||
|
|
arbre, avec une racine, des noeuds, des branches et des feuilles. En première
|
|||
|
|
approximation, le système de fichiers d'un ordinateur est organisé sur ce
|
|||
|
|
modèle : les noeuds correspondent aux répertoires, et les feuilles aux
|
|||
|
|
fichiers; par exemple : </p>
|
|||
|
|
<p class="centre">
|
|||
|
|
<img src="hublot03/arbo1.png" alt="[Principe d'une arborescence]" />
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
C'est sur ce modèle que l'on organise habituellement les données sur un
|
|||
|
|
ordinateur : un répertoire pour ranger le courrier, un répertoire pour sa
|
|||
|
|
page Web, un répertoire pour son DEA; ces répertoires contiennent à leur tour
|
|||
|
|
des fichiers, et des sous-répertoires; par exemple, le répertoire «DEA» peut
|
|||
|
|
contenir des sous-répertoires «bibliographie» et «Annexes». </p>
|
|||
|
|
<p>
|
|||
|
|
Il y a un seul chemin pour aller de la racine à un fichier recherché, si bien
|
|||
|
|
qu'on peut lui donner une «adresse», un «chemin d'accès».
|
|||
|
|
<code>DEA/bibliographie/ref-BNF</code> désigne le fichier <code>ref-BNF</code> placé
|
|||
|
|
dans le sous-répertoire <code>bibliographie/</code> du répertoire <code>DEA/</code>.
|
|||
|
|
</p>
|
|||
|
|
<h4>L'arborescence Unix</h4>
|
|||
|
|
<p>Sur un système Unix, les
|
|||
|
|
fichiers sont globalement organisés sur le modèle qui précède. La racine
|
|||
|
|
s'appelle <code>/</code> (<em>slash</em>). Elle contient divers répertoires où
|
|||
|
|
sont répartis conventionnellement l'ensemble des fichiers. Ainsi, il existe un
|
|||
|
|
répertoire <code>/users/</code> (à prononcer <em>slash users</em>) où se trouvent
|
|||
|
|
les comptes des utilisateurs; le répertoire <code>/usr/</code> contient la plupart
|
|||
|
|
des programmes, le répertoire <code>/tmp/</code> contient des fichiers
|
|||
|
|
temporaires, etc. </p>
|
|||
|
|
<p class="centre">
|
|||
|
|
<img src="hublot03/arbo2.png" alt="[Arborescence Unix type]" />
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
Bien entendu, chacun de ces répertoires se subdivise en plusieurs répertoires.
|
|||
|
|
<code>/users/</code> contient un répertoire pour chaque promotion
|
|||
|
|
(<code>/users/92/</code>, <code>/users/93/</code>, etc. Chacun de ces répertoires est
|
|||
|
|
ensuite divisés en <code>maths/</code>, <code>litt/</code>, <code>bio/</code>, etc. Enfin
|
|||
|
|
viennent les comptes des utilisateurs, c'est-à-dire un répertoire par
|
|||
|
|
personne. Par exemple, Thomas Pornin est un informaticien de la promotion
|
|||
|
|
1994. Son compte se trouve à l'adresse suivante :
|
|||
|
|
<code>/users/94/maths/pornin/</code>. </p>
|
|||
|
|
<h4>À quel étage erre?</h4>
|
|||
|
|
<p> Quand vous vous loguez, vous
|
|||
|
|
vous retrouvez dans votre répertoire personnel (<em>home directory</em>), que
|
|||
|
|
l'on appelle «<code>~</code>» (tilde). Pour Thomas, <code>~</code> c'est
|
|||
|
|
<code>/users/94/maths/pornin/</code>, pour votre servante c'est
|
|||
|
|
<code>/users/95/litt/robin/</code>. </p>
|
|||
|
|
<p>
|
|||
|
|
Ensuite, quand vous travaillez, vous vous déplacez dans vos sous-répertoires.
|
|||
|
|
On appelle «répertoire courant» ou «répertoire de travail» le répertoire dans
|
|||
|
|
lequel vous vous trouvez. Quand un membre du compte <code>tuteurs</code> se logue,
|
|||
|
|
son répertoire courant est <code>/users/staffs/tuteurs/</code>, ou <code>~</code>;
|
|||
|
|
quand il rédige <em>Le Hublot</em>, le répertoire courant est
|
|||
|
|
<code>/users/staffs/tuteurs/hublot/</code> ou <code>~</code><code>/hublot/</code>. </p>
|
|||
|
|
<p>
|
|||
|
|
À partir de là, vous pouvez jouer avec les commandes qui donnent des
|
|||
|
|
renseignements sur l'adresse (ou chemin d'accès) des fichiers. La commande
|
|||
|
|
<code>pwd</code> (<em>print working directory</em>) vous donne l'adresse complète,
|
|||
|
|
ou absolue, du répertoire dans lequel vous vous trouvez. La commande
|
|||
|
|
<code>which</code> suivie d'un nom de commande vous indique où se trouve le
|
|||
|
|
programme en question; par exemple : </p>
|
|||
|
|
<pre><span class="prompt">bireme ~ $</span> which pine /usr/local/util/bin/pine
|
|||
|
|
</pre>
|
|||
|
|
<h3>
|
|||
|
|
<a name="commande" id="commande">Commande : <code>cd</code></a>
|
|||
|
|
</h3>
|
|||
|
|
<p>La dernière fois, nous avons vu la commande <code>ls</code>, qui
|
|||
|
|
permet d'afficher le contenu d'un répertoire (fichiers et
|
|||
|
|
sous-répertoires). Ce mois-ci, on va voir plus précisément comment
|
|||
|
|
manipuler les répertoires. </p>
|
|||
|
|
<h4>Créer et détruire un répertoire</h4>
|
|||
|
|
<p>Pour créer un
|
|||
|
|
répertoire, on utilise la commande <code>mkdir</code> (<em>make directory</em>).
|
|||
|
|
Si par exemple vous voulez créer un répertoire appelé «Images», vous tapez
|
|||
|
|
<code>mkdir Images</code> : </p>
|
|||
|
|
<pre><span class="prompt">bireme ~ $></span> ls
|
|||
|
|
Mail/ vocab vocab~
|
|||
|
|
<span class="prompt">bireme ~ $></span> mkdir Images
|
|||
|
|
<span class="prompt">bireme ~ $></span> ls
|
|||
|
|
Images/ Mail/ vocab vocab~
|
|||
|
|
</pre>
|
|||
|
|
<p>Pour détruire un répertoire, il faut que celui-ci soit vide. Vous
|
|||
|
|
pouvez ensuite utiliser la commande <code>rmdir</code> (<em>remove
|
|||
|
|
directory</em>) suivie du nom du répertoire à détruire : </p>
|
|||
|
|
<pre><span class="prompt">bireme ~ $></span> ls
|
|||
|
|
Images/ Mail/ vocab vocab~
|
|||
|
|
<span class="prompt">bireme ~ $></span> ls Images/
|
|||
|
|
<span class="prompt">bireme ~ $></span> rmdir Images
|
|||
|
|
<span class="prompt">bireme ~ $></span> ls
|
|||
|
|
Mail/ vocab vocab~
|
|||
|
|
</pre>
|
|||
|
|
<h4>Se déplacer dans ses répertoires</h4>
|
|||
|
|
<p> On suppose que
|
|||
|
|
vous avez l'arborescence suivante sur votre compte : </p>
|
|||
|
|
<p class="centre">
|
|||
|
|
<img src="hublot03/arbo3.png" alt="[Exemple d'arborescence]" />
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
C'est la commande <code>cd</code> (<em>change directory</em>) qui permet de se
|
|||
|
|
déplacer dans les répertoires. Si vous voulez aller dans votre répertoire
|
|||
|
|
<code>DEA/</code>, il suffit de taper «<code>cd DEA/</code>». Par exemple :
|
|||
|
|
</p>
|
|||
|
|
<pre><span class="prompt">bireme ~ $></span> ls
|
|||
|
|
DEA/ Mail/ vocab vocab~
|
|||
|
|
<span class="prompt">bireme ~ $></span> cd DEA
|
|||
|
|
<span class="prompt">bireme ~/DEA $></span> ls
|
|||
|
|
notes rapport
|
|||
|
|
</pre>
|
|||
|
|
<p>Pour remonter, il faut savoir que le niveau au dessus (ou «répertoire
|
|||
|
|
père») s'appelle «<code>..</code>» (point point). Si donc vous tapez
|
|||
|
|
<code>cd ..</code> (avec un espace), vous remontez d'un niveau. Si vous
|
|||
|
|
tapez <code>cd</code> tout court, vous revenez à l'origine de votre
|
|||
|
|
arborescence, c'est-à-dire dans <code>~</code>. Par exemple : </p>
|
|||
|
|
<pre><span class="prompt">bireme ~/DEA $></span> cd
|
|||
|
|
DEA/ Mail/ vocab vocab~
|
|||
|
|
<span class="prompt">bireme ~ $></span> ls
|
|||
|
|
DEA/ Mail/ vocab vocab~
|
|||
|
|
</pre>
|
|||
|
|
<p>
|
|||
|
|
Exercice : pourquoi est-ce équivalent, dans cet exemple, de taper
|
|||
|
|
«<code>cd</code>» tout court et «<code>cd ..</code>» ? </p>
|
|||
|
|
<p>
|
|||
|
|
Pour en savoir plus, vous pouvez consulter le <a href="../../unix/repertoires.html">cours des tuteurs
|
|||
|
|
sur les répertoires</a>, et faire les <a href="../../unix/exercices/mkdir_cd.html">exercices</a> consacrés à ces commandes.</p>
|
|||
|
|
<h3>
|
|||
|
|
<a name="usage" id="usage">Usage : gérer ses fichiers avec la souris</a>
|
|||
|
|
</h3>
|
|||
|
|
<p>Il est souvent plus rapide et plus efficace de connaître les commandes Unix
|
|||
|
|
qui servent à déplacer, renommer, copier, effacer, etc., les fichiers et les
|
|||
|
|
répertoires; mais certains utilisateurs sont habitués à effectuer ces
|
|||
|
|
opérations à la souris, avec une <a href="#ig">interface graphique*</a>. Nous
|
|||
|
|
vous indiquons donc deux gestionnaires de fichiers à la souris, <code>xfm</code>
|
|||
|
|
et <code>kfm</code>. </p>
|
|||
|
|
<p>Pour lancer ces logiciels, il suffit de taper leur nom dans une
|
|||
|
|
fenêtre, en validant avec la touche <code>Entrée</code>, bien sûr! Et
|
|||
|
|
veillez, comme avec tous les programmes, à les quitter correctement avec
|
|||
|
|
leur commande respective. </p>
|
|||
|
|
<h4><code>xfm</code> (<em>X file
|
|||
|
|
manager</em>)</h4>
|
|||
|
|
<p> Il est efficace et rustique (avec un choix de
|
|||
|
|
couleurs déplorable). Contrairement à l'habitude sous Unix, il faut
|
|||
|
|
double-cliquer sur les icônes. </p>
|
|||
|
|
<p class="centre">
|
|||
|
|
<img src="hublot03/fichiers1.png" alt="[xfm]" />
|
|||
|
|
</p>
|
|||
|
|
<p>Quand vous cliquez avec le bouton gauche sur un fichier, <code>xfm</code> lance un
|
|||
|
|
éditeur dessus; le bouton droit vous permet d'effectuer certaines opérations
|
|||
|
|
sur le fichier. </p>
|
|||
|
|
<p>Quand vous double-cliquez sur un répertoire, ce répertoire s'affiche. Pour
|
|||
|
|
remonter dans l'arborescence, cliquez sur le répertoire spécial appelé
|
|||
|
|
«point-point». Pour créer un nouveau répertoire, sélectionner <code>New</code>
|
|||
|
|
dans le menu <code>Folder</code>. </p>
|
|||
|
|
<p> Pour déplacer un fichier, il faut le sélectionner avec la souris (un
|
|||
|
|
cadre apparaît autour de l'icône) et le faire glisser dans le répertoire
|
|||
|
|
où on veut le mettre. Pour détruire un fichier, cliquez sur son icône
|
|||
|
|
avec le bouton droit, et choisissez <code>Delete</code> (confirmation
|
|||
|
|
sera demandée). Vous pouvez aussi sélectionner le fichier avec le bouton
|
|||
|
|
gauche et sélectionner <code>Delete</code> dans le menu
|
|||
|
|
<code>File</code>. Le principe est le même pour renommer un fichier.
|
|||
|
|
</p>
|
|||
|
|
<p><code>xfm</code> est gênant pour une raison: par défaut, sans configuration
|
|||
|
|
préalable, il ne sait qu'éditer un fichier; il ne sait donc pas lancer un <a href="#viewer">visualisateur d'images*</a>, par exemple, quand il a affaire à
|
|||
|
|
une image. En revanche, une fois configuré, il s'en sort très bien.</p>
|
|||
|
|
<p>
|
|||
|
|
<strong>Pour quitter <code>xfm</code>, cliquer sur <code>File</code>,
|
|||
|
|
sélectionner <code>Quit</code> et confirmer dans le cadre qui
|
|||
|
|
apparaît.</strong>
|
|||
|
|
</p>
|
|||
|
|
<h4><code>kfm</code> (<em>KDE file manager</em>)</h4>
|
|||
|
|
<p>Il est très
|
|||
|
|
agréable et bien plus efficace. <code>kfm</code> est un des éléments de
|
|||
|
|
l'<a href="#ig">interface graphique*</a> KDE, qui donne à un PC sous
|
|||
|
|
Linux l'aspect d'un PC sous Windows (bouton «Commencer», gestion à la
|
|||
|
|
souris...). </p>
|
|||
|
|
<p class="centre">
|
|||
|
|
<img src="hublot03/fichiers2.png" alt="[kfm]" />
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
À la différence de <code>xfm</code>, <code>kfm</code> s'utilise avec un simple
|
|||
|
|
clic. Soyez patients! KDE est gourmand en mémoire, et il encombre le réseau,
|
|||
|
|
si bien que l'opération peut ne pas être instantanée; quand vous cliquez dans
|
|||
|
|
un menu ou sur une icône, surtout pas de double-clic, vous lanceriez deux fois
|
|||
|
|
la même opération/le même programme. </p>
|
|||
|
|
<p>
|
|||
|
|
Comme avec <code>xfm</code>, on clique avec le bouton gauche de la souris,
|
|||
|
|
tandis que le bouton droit donne accès à d'autres fonctions. On déplace les
|
|||
|
|
fichiers et les répertoires de la même façon, en les sélectionnant avec la
|
|||
|
|
souris et en les faisant glisser. Vous pouvez de plus en sélectionner
|
|||
|
|
plusieurs à la fois avec la souris. </p>
|
|||
|
|
<p>
|
|||
|
|
Pour aller dans un répertoire, cliquez sur son icône. Pour remonter d'un
|
|||
|
|
niveau, cliquez sur la flèche vers le haut. Pour créer un répertoire, choisir
|
|||
|
|
<code>New folder</code> en cliquant dans le menu <code>File</code> ou dans le
|
|||
|
|
fond blanc. </p>
|
|||
|
|
<p>
|
|||
|
|
Pour toutes les opérations sur les fichiers, cliquez avec le bouton de droite
|
|||
|
|
sur l'icône du fichier et choisir ce que l'on désire (copier, détruire,
|
|||
|
|
déplacer). Vous pouvez aussi éditer les propriétés du fichier pour changer son
|
|||
|
|
nom et ses permissions. </p>
|
|||
|
|
<p><code>kfm</code> lance les programmes correspondant à chacun des types de
|
|||
|
|
fichiers (un éditeur pour un fichier de texte, un <a href="#viewer">visualisateur d'images*</a> pour une image, etc). Il affiche
|
|||
|
|
lui-même les fichiers HTML. </p>
|
|||
|
|
<p>
|
|||
|
|
Si vous voulez utiliser un programme spécial (par exemple : écrire avec
|
|||
|
|
<code>xemacs</code> plutôt que <code>kedit</code>, regarder les images avec
|
|||
|
|
<code>xv</code> plutôt que <code>kview</code>), il suffit de cliquer avec le bouton
|
|||
|
|
droit sur l'icône du fichier, sélectionner <code>Open with</code> et indiquer le
|
|||
|
|
nom du programme à utiliser. </p>
|
|||
|
|
<p><strong>Pour quitter <code>kfm</code>, cliquer sur <code>Close</code>
|
|||
|
|
dans le menu <code>File</code>.</strong> Attention, <code>kfm</code> est
|
|||
|
|
un gestionnaire de fichiers intégré : <code>Close</code> ferme la
|
|||
|
|
fenêtre du gestionnaire, mais les icônes cliquables
|
|||
|
|
<code>Templates</code>, <code>AutoStart</code>, etc. (en haut à gauche de
|
|||
|
|
l'écran), ne disparaissent pas. Pour terminer, tapez <code>^C</code>
|
|||
|
|
(Control-C) dans la fenêtre où vous avez lancé le programme. </p>
|
|||
|
|
<h2>
|
|||
|
|
<a name="s4" id="s4">Internet</a>
|
|||
|
|
</h2>
|
|||
|
|
<h3>
|
|||
|
|
<a name="rezo" id="rezo">Cours : qu'est-ce qu'un réseau? (3) Le soleil a
|
|||
|
|
rendez-vous avec la lune</a>
|
|||
|
|
</h3>
|
|||
|
|
<p>
|
|||
|
|
La dernière fois, on a vu que les ordinateurs gagnaient à être mis en réseau
|
|||
|
|
pour échanger plus rapidement et plus efficacement les données, à la façon du
|
|||
|
|
télégraphe au XIXe siècle.</p>
|
|||
|
|
<p>
|
|||
|
|
Il existe deux types de réseaux : les réseaux par paquets et les réseaux
|
|||
|
|
par circuits. Le premier type est celui du Morse décrit dans le numéro
|
|||
|
|
précédent : chaque information est un message qui transite de centre de
|
|||
|
|
tri en centre de tri, suivant l'adresse du destinataire; personne ne s'occupe
|
|||
|
|
de l'intégralité de la transmission, et tout problème est par essence local.
|
|||
|
|
</p>
|
|||
|
|
<p>Le deuxième type de réseau est celui du téléphone : un rendez-vous est
|
|||
|
|
pris entre les deux parties, une communication physique est établie jusqu'à ce
|
|||
|
|
que l'un des deux raccroche. </p>
|
|||
|
|
<p>
|
|||
|
|
Ces deux types de réseaux ont des avantages et des inconvénients opposés.
|
|||
|
|
Essentiellement : </p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Un réseau par circuits permet de garantir un débit, une fois la connexion
|
|||
|
|
effectuée, alors que les paquets sont envoyés à la grâce de Dieu. </li>
|
|||
|
|
<li>Un réseau par circuits permet aussi de garantir un temps de réponse,
|
|||
|
|
paramètre souvent encore plus important que le débit. Quand on envoie un
|
|||
|
|
paquet, on ignore par où il va passer ou même s'il va vraiment arriver à
|
|||
|
|
destination. </li>
|
|||
|
|
<li>Un réseau par circuits doit être homogène : une fois la connexion
|
|||
|
|
établie, le chemin doit se comporter à l'identique sur toute sa longueur; sur
|
|||
|
|
un réseau par paquets, il est facile de construire des passerelles entre des
|
|||
|
|
liens de caractéristiques physiques différentes. </li>
|
|||
|
|
<li>Un réseau par circuits gâche de la bande passante (débit maximal de
|
|||
|
|
données);: quand deux personnes sont au téléphones mais ne parlent pas, la
|
|||
|
|
ligne est occupée. </li>
|
|||
|
|
<li>Un réseau par paquets est résistant aux pannes : en cas de coupure
|
|||
|
|
d'un site, les paquets peuvent être détournés sur une autre voie. </li>
|
|||
|
|
<li>Un réseau par paquets ne garantit rien sur l'intégrité des données :
|
|||
|
|
quand on envoie un message, on ne peut pas savoir combien de temps il va
|
|||
|
|
mettre pour arriver, ni s'il arrivera un jour, ou en un seul exemplaire; et
|
|||
|
|
s'il se perd, on n'est pas forcément prévenu.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Actuellement, France Telecom
|
|||
|
|
utilise des réseaux par paquets pour toutes les communications nationales. En
|
|||
|
|
effet, les possibilités de réutilisation de la bande passante et de résistance
|
|||
|
|
aux pannes sont très appréciables; les caractéristiques habituelles en
|
|||
|
|
téléphonie (conversation continue, pas de perte de son) sont assurées par des
|
|||
|
|
protocoles de plus haut niveau, qui tentent de rétablir des garanties de
|
|||
|
|
débit, de corriger les erreurs, enfin bref de faire au mieux. C'est une
|
|||
|
|
émulation de réseau par circuits, par dessus un réseau par paquets (et,
|
|||
|
|
bizarrement, ça marche). </p>
|
|||
|
|
<p class="auteur">Thomas Pornin</p>
|
|||
|
|
<p class="centre"><img src="hublot03/paquets.png" alt="[Schéma du réseau]" /><br />
|
|||
|
|
Figure 1 : Réseau par paquets reliant A à B</p>
|
|||
|
|
<h3>
|
|||
|
|
<a name="netiquette" id="netiquette">La Netiquette</a>
|
|||
|
|
</h3>
|
|||
|
|
<p>
|
|||
|
|
Les textes de référence sur la Netiquette («communiquer avec courtoisie sur
|
|||
|
|
Internet») sont <a href="http://www.usenet-fr.net/fr-chartes/netiquette.html"><em>La Netiquette : premiers éléments</em></a>, par Corinne Gacon, et la <a href="http://www.usenet-fr.net/fr-chartes/rfc1855.html">RFC 1855</a>.
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
Ce mois-ci, on va voir un aspect technique de la Nétiquette, concernant les
|
|||
|
|
pages Web. </p>
|
|||
|
|
<p>
|
|||
|
|
Lors de l'écriture d'une page Web, la Netiquette peut se résumer à un principe
|
|||
|
|
très simple. On veut une page qui soit : </p>
|
|||
|
|
<ul>
|
|||
|
|
<li><strong>Lisible par tout le monde</strong>, quels que soient la machine, le
|
|||
|
|
navigateur Web installé dessus, et la configuration du-dit navigateur;
|
|||
|
|
</li>
|
|||
|
|
<li>Téléchargeable en un temps raisonnable, même avec une
|
|||
|
|
<strong>connexion lente</strong>, quitte à perdre quelques éléments
|
|||
|
|
graphiques toujours gourmands en place, et qui ne doivent donc pas être
|
|||
|
|
essentiels à la compréhension de la page.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>
|
|||
|
|
Quand on regarde plus en
|
|||
|
|
détail, il y a trois points auxquels il faut faire attention. </p>
|
|||
|
|
<h4>Les couleurs et fonds de page</h4>
|
|||
|
|
<p> Oui, d'accord,
|
|||
|
|
c'est beau de mettre des couleurs, que ce soit du rose et du vert fluo pour
|
|||
|
|
une page vivante, ou des couleurs sombres pour donner à votre page un look
|
|||
|
|
d'enfer. Mais avez-vous déja essayé de lire un texte un peu long écrit en
|
|||
|
|
rouge sur fond noir? Cela donne en général assez vite des envies de meurtre
|
|||
|
|
contre l'auteur de la page en question. LE principe de base est d'avoir un bon
|
|||
|
|
contraste entre la couleur de fond et la couleur du texte. Texte clair sur
|
|||
|
|
fond sombre ou l'inverse, à vous de choisir... Les couleurs intermédiaires
|
|||
|
|
comme le rouge ne sont donc en pratique jamais vraiment utilisables, car trop
|
|||
|
|
proches du noir et du blanc. </p>
|
|||
|
|
<p>
|
|||
|
|
Ensuite, quand vous redéfinissez une couleur, par exemple la couleur du texte,
|
|||
|
|
redéfinissez les TOUTES, y compris les couleurs pour afficher les liens. Comme
|
|||
|
|
chaque utilisateur peut configurer à sa guise les couleurs par défaut, si vous
|
|||
|
|
changez juste le fond d'écran pour le mettre blanc au lieu de gris clair,
|
|||
|
|
quelqu'un qui a pris comme couleurs par défaut blanc sur noir se retrouvera
|
|||
|
|
avec un joli texte blanc sur blanc... </p>
|
|||
|
|
<p>
|
|||
|
|
Cela s'applique aux fonds d'écran, mais avec quelques détails en plus. En
|
|||
|
|
premier lieu, un fond d'écran peut être dans l'ensemble assez clair, mais avec
|
|||
|
|
des zones sombres qui rendront illisibles les bouts de texte qui se retrouvent
|
|||
|
|
dessus. Et comme les images ne sont pas forcément affichées avec assez de
|
|||
|
|
couleurs, les fonds d'écran peuvent subir un tramage qui va introduire des
|
|||
|
|
points noirs qui deviennent à la longue assez désagréables. Pensez aussi,
|
|||
|
|
quand vous mettez une image de fond, à spécifier comme couleur de fond la
|
|||
|
|
couleur dominante de l'image en question, afin que ceux qui ne chargent pas
|
|||
|
|
les images dans leur navigateur aient quand même les bonnes couleurs. </p>
|
|||
|
|
<p>
|
|||
|
|
Un dernier point : évitez à tout prix la balise <code><BLINK>ça
|
|||
|
|
clignote</BLINK></code>, que je soupçonne d'avoir été créé sous la
|
|||
|
|
pression du lobby des opticiens... </p>
|
|||
|
|
<h4>Les images</h4>
|
|||
|
|
<p> Quand quelqu'un regarde une page Web,
|
|||
|
|
il ne télécharge pas toujours les images qui sont présentes dessus,
|
|||
|
|
principalement pour deux raisons : </p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Il peut avoir une <strong>connexion lente</strong>, et les images sont très
|
|||
|
|
gourmandes en place (elles prennent souvent largement plus de place que le
|
|||
|
|
texte présent sur la page). Dans ces conditions, on comprend que tout le monde
|
|||
|
|
n'ait pas forcément envie d'attendre 20 minutes pour afficher 30 lignes de
|
|||
|
|
texte à cause des images, sans parler de la facture téléphonique. </li>
|
|||
|
|
<li>Il peut aussi utiliser un navigateur ne pouvant pas afficher les images,
|
|||
|
|
en général parce que c'est un <strong>navigateur en mode texte</strong>
|
|||
|
|
(<code>links</code> par exemple).</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Dans ce cas, le lecteur appréciera de
|
|||
|
|
savoir ce que représentent les images sans avoir à les charger : c'est là
|
|||
|
|
le but du champ <code>ALT</code> dans la déclaration d'une image en HTML. Ce
|
|||
|
|
champ est trop souvent ignoré, alors que les spécifications du language HTML
|
|||
|
|
précisent bien qu'il est obligatoire. </p>
|
|||
|
|
<p>
|
|||
|
|
Évitez également de mettre des grosses images sur les pages qui ne sont pas
|
|||
|
|
explicitement désignées comme pages d'images. Si vous voulez inclure des
|
|||
|
|
images de taille importante, mieux vaut les regrouper dans une page sur
|
|||
|
|
laquelle n'iront que les personnes spécifiquement intéressées par les images
|
|||
|
|
en question; ou mieux, mettez dans votre page des versions réduites des images
|
|||
|
|
en question, très faciles à créer avec <code>xv</code> ou <code>gimp</code>,
|
|||
|
|
sur lesquelles vous placerez des liens vres les images en question. </p>
|
|||
|
|
<h4>Les balises standard HTML</h4>
|
|||
|
|
<p> En plus des balises
|
|||
|
|
spécifiées dans le standard HTML, il en existe d'autres, qui ont été en
|
|||
|
|
général introduites par Netscape ou Internet Explorer, et qui ne sont
|
|||
|
|
reconnues que par le navigateur en question. Ces balises sont bien sûr à
|
|||
|
|
éviter, parce qu'elles rendent la page prévue pour un navigateur particulier.
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
C'est ce qui se passe dans les pages affichant un logo comme «Optimisé pour
|
|||
|
|
Netscape» ou «Best viewed with I.E.», et leur structure a aussi été étudiée en
|
|||
|
|
tenant compte des particularités du navigateur pour obtenir un affichage bien
|
|||
|
|
précis. Cela est totalement contraire au principe du HTML, qui veut qu'un
|
|||
|
|
document soit parfaitement lisible quel que soit le navigateur utilisé. </p>
|
|||
|
|
<p>
|
|||
|
|
En réaction à cela, il est apparu sur le Web en 1996 la campage «Best viewed
|
|||
|
|
with any browser», «Visible avec n'importe quel navigateur», à laquelle je ne
|
|||
|
|
peux que vous recommander de participer... La page de la campagne, avec tous
|
|||
|
|
les détails, se trouve sur : <a href="http://www.anybrowser.org/campaign/">Viewable With Any
|
|||
|
|
Browser. Campaign for a Non-Browser Specific WWW</a>.</p>
|
|||
|
|
<p class="auteur">Gilles Radenne</p>
|
|||
|
|
<p class="centre"><img src="hublot03/lisible1.png" alt="[Deux exemples de logos]" /><br />
|
|||
|
|
Figure 3 : Exemples de logos de la campagne «anybrowser»</p>
|
|||
|
|
<h2>
|
|||
|
|
<a name="lexique" id="lexique">Lexique</a>
|
|||
|
|
</h2>
|
|||
|
|
<dl>
|
|||
|
|
<dt>
|
|||
|
|
<a name="baud" id="baud">
|
|||
|
|
<strong>Baud</strong>
|
|||
|
|
</a>
|
|||
|
|
</dt>
|
|||
|
|
<dd>
|
|||
|
|
<p>On mesure en bauds le
|
|||
|
|
débit des modems. Grosso-modo, 1 baud équivaut à 1 bit par seconde.
|
|||
|
|
Les modems actuels peuvent monter à 57 600 bauds, mais c'est rare (il
|
|||
|
|
faut des lignes téléphoniques de très bonne qualité). Couramment, on fait du
|
|||
|
|
28 800 bauds. Comme 8 bits font un octet (c'est-à-dire un
|
|||
|
|
caractère), un modem courant fait du 3 600 caractères à la seconde, soit
|
|||
|
|
environ 3,5 Ko. </p>
|
|||
|
|
</dd>
|
|||
|
|
<dt>
|
|||
|
|
<a name="insecable" id="insecable">
|
|||
|
|
<strong>Espace insécable</strong>
|
|||
|
|
</a>
|
|||
|
|
</dt>
|
|||
|
|
<dd>
|
|||
|
|
<p> C'est un
|
|||
|
|
espace spécial qui, placé entre une ponctuation et un mot, empêche le mot et
|
|||
|
|
la ponctuation d'être séparés par un retour à la ligne. </p>
|
|||
|
|
</dd>
|
|||
|
|
<dt>
|
|||
|
|
<a name="ig" id="ig">
|
|||
|
|
<strong>Interface graphique</strong>
|
|||
|
|
</a>
|
|||
|
|
</dt>
|
|||
|
|
<dd>
|
|||
|
|
<p>
|
|||
|
|
L'interface est ce qui permet la communication entre l'ordinateur et
|
|||
|
|
l'utilisateur. Avec une interface graphique, un «geste» informatique
|
|||
|
|
(déplacer un fichier, lancer un logiciel) correspond à un «geste»
|
|||
|
|
physique (faire glisser une icône, cliquer sur un bouton qui représente
|
|||
|
|
le logiciel). </p>
|
|||
|
|
<p>
|
|||
|
|
On utilise les ressources du graphisme pour ordonner le travail, par
|
|||
|
|
exemple : une fenêtre pour chaque logiciel, une couleur pour ce qui est
|
|||
|
|
activé et une autre pour ce qui n'est pas activé, une thématique pour chaque
|
|||
|
|
icône, permettant de retrouver rapidement la fonction du logiciel (comme
|
|||
|
|
papier et crayon pour un traitement de texte, palette pour un logiciel de
|
|||
|
|
dessin, etc.). </p>
|
|||
|
|
</dd>
|
|||
|
|
<dt><a name="modem" id="modem"><strong>Modem</strong></a> (abréviation de
|
|||
|
|
«modulateur-démodulateur).</dt>
|
|||
|
|
<dd>
|
|||
|
|
<p> C'est un système électronique qui permet de
|
|||
|
|
connecter un ordinateur au réseau téléphonique, pour lui donner accès à
|
|||
|
|
l'Internet. </p>
|
|||
|
|
</dd>
|
|||
|
|
<dt>
|
|||
|
|
<a name="viewer" id="viewer">
|
|||
|
|
<strong>Visualisateur
|
|||
|
|
d'images</strong>
|
|||
|
|
</a>
|
|||
|
|
</dt>
|
|||
|
|
<dd>
|
|||
|
|
<p> Un visualisateur d'images est un
|
|||
|
|
logiciel capable d'afficher des images. Sur les stations Sun, nous
|
|||
|
|
utilisons <code>xv</code>. Un visualisateur d'images inclut le plus
|
|||
|
|
souvent des fonctions de retouche (agrandir, convertir en un autre
|
|||
|
|
format, etc.). </p>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
<div class="metainformation">
|
|||
|
|
<p>Auteur : Émilia Robin. Articles de Jacques Beigbeder, Thomas Pornin,
|
|||
|
|
Gilles Radenne.</p>
|
|||
|
|
<p> Ce document a été traduit de LaTeX par hevea, puis passé en XHTML 1.0
|
|||
|
|
Strict par Joël Riou. Dernière modification : 2003-09-25 par Joël Riou.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|