58e4f4af12
plus conseils.tml, issu des anciens (et anonymes) conseils des tuteurs pour faire un site (pbs de copyright, sociologie du Web, la charte, etc.), plus creer.tml, issu lui aussi des anciens conseils, qui montre comment faire en pratique pour créer un site sur le serveur des élèves (répertoire www, inscription, premier pas).
200 lines
No EOL
7.1 KiB
XML
200 lines
No EOL
7.1 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>Créer une page</title>
|
||
</head>
|
||
<body>
|
||
|
||
<h1>Créer votre page Web à l'ENS</h1>
|
||
|
||
<p>
|
||
Les élèves, magistériens, pensionnaires étrangers, bref tous ceux qui
|
||
ont un compte sur <code>clipper</code> peuvent créer une page Web sur
|
||
le <a href="http://www.eleves.ens.fr/">serveur des élèves</a>.
|
||
</p>
|
||
|
||
<div class="attention">
|
||
<strong>Attention</strong> : faire une page Web ne s'improvise
|
||
pas. Nous vous incitons vivement à lire nos <a href="conseils.html">à
|
||
ce sujet</a>, ils vous rappelleront que le Web a sa propre sociologie,
|
||
qu'il y a des problèmes de copyright, etc.
|
||
</div>
|
||
|
||
<h2>Marche à suivre</h2>
|
||
|
||
<h3>Créer un répertoire spécial</h3>
|
||
|
||
<p>
|
||
Il faut commencer par créer, dans votre compte, un répertoire
|
||
<code>www</code>. Ce répertoire contiendra les éléments de votre page
|
||
Web : fichiers HTML, images, documents, sons, etc. Il n'y a pas de
|
||
quotas pour les page Web, mais faites attention quand même à l'<a
|
||
href="&url.tuteurs;unix/place_disque.html">espace disque</a>. Votre
|
||
page Web est censée être un outil de travail, pas un espace gratuit de
|
||
diffusion de vos photos de vacances.
|
||
</p>
|
||
|
||
<div class="attention">
|
||
<strong>Attention</strong> : il faut créer le répertoire
|
||
<code>www</code> sur votre compte sur <code>clipper</code>. En
|
||
pratique, ça veut dire que si vous êtes à Jourdan ou Montrouge, il
|
||
faut d'abord vous loguer à distance sur <code>clipper</code> (tapez
|
||
simplement <code>clipper</code>). Pas de problème si vous êtes en
|
||
salle S, T, au 46 ou dans l'Infi.
|
||
</div>
|
||
|
||
<p class="continue">Pour créer le répertoire, nous utilisons la
|
||
commande <code>mkdir</code>, pour « <i lang="en">make a
|
||
directory</i> » (pour en savoir plus, consultez notre page sur les <a
|
||
href="&url.tuteurs;unix/respertoires.html">répertoires</a> :
|
||
</p>
|
||
|
||
<pre>
|
||
<span class="prompt">clipper ~ $</span> mkdir www
|
||
</pre>
|
||
|
||
<p class="continue">
|
||
Le répertoire <code>www</code> est donc créé. Ensuite, nous allons
|
||
dans ce répertoire :
|
||
</p>
|
||
|
||
<pre>
|
||
<span class="prompt">clipper ~ $</span> cd www
|
||
</pre>
|
||
|
||
<h3>Votre page d'accueil</h3>
|
||
|
||
<p>
|
||
Il faut ensuite créer (avec un <a
|
||
href="&url.tuteurs;unix/editeurs/">éditeur de texte</a>) un fichier
|
||
HTML (c'est-à-dire un fichier écrit en HTML, le <a
|
||
href="html/">langage des pages Web</a>) qui servira de page d'accueil,
|
||
c'est-à-dire la première page que les internautes verront de votre
|
||
site. Conventionnellement, ce fichier s'appelle
|
||
<code>index.html</code>.
|
||
</p>
|
||
|
||
<div class="encadre">
|
||
<strong>Comment faire ?</strong> Si vous ne connaissez rien au HTML,
|
||
vous pouvez lire notre <a href="html/bases.html">tutorial HTML</a>, il
|
||
vous donnera rapidement les bases nécessaires pour créer une page
|
||
simple. Sinon, vous pouvez utiliser un éditeur de pages Web tel que
|
||
Mozilla Composer : lancez Mozilla (commande <code>mozilla</code>) puis
|
||
allez dans <code>Window > Composer</code>.
|
||
</div>
|
||
|
||
<p>
|
||
La page d'accueil contient généralement une brève présentation de
|
||
l'auteur (vous), genre « Bienvenue sur la page de Raoul Dugenou », et
|
||
des indications sur ce que va contenir votre page. Vous pouvez aussi
|
||
expliquer que vous commencez tout juste votre page, grâce à une
|
||
annonce comme : « Attention, cette page est en travaux ». Ça fera
|
||
patienter vos premiers lecteurs.
|
||
</p>
|
||
|
||
<h3>S'enregistrer</h3>
|
||
|
||
<p>
|
||
Ce sont les Webmasters élèves qui enregistrent les nouvelles pages
|
||
Web. La procédure est très simple : il suffit de <a
|
||
href="http://www.eleves.ens.fr/cgi-bin/adduser">remplir le formulaire
|
||
d'inscription</a>. En cas de problème avec l'inscription, envoyez un
|
||
mail aux Webmasters (<a href="mailto:webmaster@clipper" title="Envoyer
|
||
un mail aux Webmasters">webmaster@clipper</a>).
|
||
</p>
|
||
|
||
<h2>Et maintenant, le contenu !</h2>
|
||
|
||
<p>
|
||
Quelque temps après votre inscription, votre page Web sera accessible,
|
||
à l'adresse <code>http://www.eleves.ens.fr/home/login</code>, où
|
||
<code>login</code> est votre propre login, bien sûr ! Votre page sera
|
||
également classée dans la liste des pages Web, sur le serveur des
|
||
élèves. Il y a le <a href="http://www.eleves.ens.fr/home/">classement
|
||
par pseudo ou prénom</a>, le <a
|
||
href="http://www.eleves.ens.fr/home/index-name.html">classement par
|
||
nom de famille</a>, <a
|
||
href="http://www.eleves.ens.fr/home/index-promo.html">par promo</a>,
|
||
<a href="http://www.eleves.ens.fr/home/index-dsp.html">par
|
||
discipline</a> ou encore <a
|
||
href="http://www.eleves.ens.fr/home/index-time.html.fr">par date de
|
||
dernière modification</a>.
|
||
</p>
|
||
|
||
<h3>Un peu d'organisation</h3>
|
||
|
||
<p>
|
||
Il reste à organiser votre page Web. Chaque nouvelle page de votre
|
||
site devra avoir un suffixe en <code>.html</code> (par exemple :
|
||
<code>cv.html</code>, <code>maitrise.html</code>, etc.) et être écrit
|
||
en HTML. Pour naviguer d'une page à l'autre de votre site, il faudra
|
||
<a href="html/bases.html#liens">établir des liens</a> entre elles, et
|
||
surtout, entre <code>index.html</code> et les autres. Votre page
|
||
d'accueil sert ainsi de table des matières au reste de votre page.
|
||
</p>
|
||
|
||
<p>
|
||
Pensez à organiser un peu votre page, dès le début. Par exemple, si
|
||
vous voulez faire une page avec du contenu sérieux (vos rapports et
|
||
mémoires, votre TIPE, vos exos de colle, etc.) et moins sérieux (votre
|
||
hobby ou sport favori), vous pouvez dès le début prévoir un répertoire
|
||
<code>maths</code>, par exemple, et un répertoire
|
||
<code>musique</code>, où vous rangerez les pages qui se rapportent à
|
||
l'un ou l'autre.
|
||
</p>
|
||
|
||
<h3>Voir le résultat</h3>
|
||
|
||
<p>
|
||
Pour voir le résultat de votre travail, utilisez un navigateur. Il en
|
||
existe plusieurs à l'ENS : Mozilla (lent à se lancer, mais performant
|
||
ensuite) et Netscape (qui commence à se faire vieux) sont les plus
|
||
importants.
|
||
</p>
|
||
|
||
<p>
|
||
Si vous avez fait un lien entre la page d'accueil et vos nouvelles
|
||
pages, il vous suffit de suivre les liens pour les voir. Sinon, vous
|
||
pouvez taper leur adresse directement dans la barre de navigation de
|
||
votre navigateur. En gros, il faut substituer
|
||
<code>http://www.eleves.ens.fr/home/login</code> à
|
||
<code>www</code>. Illustration :
|
||
</p>
|
||
|
||
<table class="tableau">
|
||
<tr>
|
||
<th>Sur votre compte</th><th>Dans le navigateur</th>
|
||
</tr><tr>
|
||
<td>www/index.html</td><td>http://www.eleves.ens.fr/home/login/</td>
|
||
</tr><tr>
|
||
<td>www/cv.html</td><td>http://www.eleves.ens.fr/home/login/cv.html</td>
|
||
</tr><tr>
|
||
<td>www/maths/tipe.html</td><td>http://www.eleves.ens.fr/home/login/maths/tipe.html</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<p>
|
||
N'hésitez pas à vérifier que le résultat est satisfaisant avec
|
||
plusieurs navigateurs différents, si possible sous plusieurs systèmes
|
||
(Windows, Mac, Unix, etc.) différents. Aujourd'hui, Internet Explorer
|
||
(pour PC ou Mac) occupe une très, très large part du marché. Mais il
|
||
ne faut pas oublier que pour des publics précis (élèves, étudiants,
|
||
professeurs et chercheurs par exemple), c'est différent : Netscape ou
|
||
Mozilla ont encore une place importante.
|
||
</p>
|
||
|
||
<p>
|
||
Si vous souhaitez corriger quelque chose à vos fichiers HTML,
|
||
faites-le puis cliquez sur le bouton « Reload » (<code>Ctrl+R</code>
|
||
ou <code>View > Reload</code> avec Mozilla) pour que la
|
||
modification soit prise en compte par le navigateur.
|
||
</p>
|
||
|
||
<div class="metainformation">Auteur : Marie-Lan Nguyen. Dernière
|
||
modification : le <date value="$Date: 2004-01-07 14:26:20 $" />. </div>
|
||
|
||
</body>
|
||
</html> |