200 lines
7.1 KiB
Text
200 lines
7.1 KiB
Text
|
<?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<43>er une page</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>Cr<43>er votre page Web <20> l'ENS</h1>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Les <20>l<EFBFBD>ves, magist<73>riens, pensionnaires <20>trangers, bref tous ceux qui
|
|||
|
|
ont un compte sur <code>clipper</code> peuvent cr<63>er une page Web sur
|
|||
|
|
le <a href="http://www.eleves.ens.fr/">serveur des <20>l<EFBFBD>ves</a>.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="attention">
|
|||
|
|
<strong>Attention</strong><3E>: faire une page Web ne s'improvise
|
|||
|
|
pas. Nous vous incitons vivement <20> lire nos <a href="conseils.html"><3E>
|
|||
|
|
ce sujet</a>, ils vous rappelleront que le Web a sa propre sociologie,
|
|||
|
|
qu'il y a des probl<62>mes de copyright, etc.
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<h2>Marche <20> suivre</h2>
|
|||
|
|
|
|||
|
|
<h3>Cr<43>er un r<>pertoire sp<73>cial</h3>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Il faut commencer par cr<63>er, dans votre compte, un r<>pertoire
|
|||
|
|
<code>www</code>. Ce r<>pertoire contiendra les <20>l<EFBFBD>ments de votre page
|
|||
|
|
Web<EFBFBD>: fichiers HTML, images, documents, sons, etc. Il n'y a pas de
|
|||
|
|
quotas pour les page Web, mais faites attention quand m<>me <20> l'<a
|
|||
|
|
href="&url.tuteurs;unix/place_disque.html">espace disque</a>. Votre
|
|||
|
|
page Web est cens<6E>e <20>tre un outil de travail, pas un espace gratuit de
|
|||
|
|
diffusion de vos photos de vacances.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="attention">
|
|||
|
|
<strong>Attention</strong><3E>: il faut cr<63>er le r<>pertoire
|
|||
|
|
<code>www</code> sur votre compte sur <code>clipper</code>. En
|
|||
|
|
pratique, <20>a veut dire que si vous <20>tes <20> Jourdan ou Montrouge, il
|
|||
|
|
faut d'abord vous loguer <20> distance sur <code>clipper</code> (tapez
|
|||
|
|
simplement <code>clipper</code>). Pas de probl<62>me si vous <20>tes en
|
|||
|
|
salle S, T, au 46 ou dans l'Infi.
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p class="continue">Pour cr<63>er le r<>pertoire, nous utilisons la
|
|||
|
|
commande <code>mkdir</code>, pour <20><><i lang="en">make a
|
|||
|
|
directory</i><3E><> (pour en savoir plus, consultez notre page sur les <a
|
|||
|
|
href="&url.tuteurs;unix/respertoires.html">r<>pertoires</a><3E>:
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<pre>
|
|||
|
|
<span class="prompt">clipper ~ $</span> mkdir www
|
|||
|
|
</pre>
|
|||
|
|
|
|||
|
|
<p class="continue">
|
|||
|
|
Le r<>pertoire <code>www</code> est donc cr<63><72>. Ensuite, nous allons
|
|||
|
|
dans ce r<>pertoire<72>:
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<pre>
|
|||
|
|
<span class="prompt">clipper ~ $</span> cd www
|
|||
|
|
</pre>
|
|||
|
|
|
|||
|
|
<h3>Votre page d'accueil</h3>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Il faut ensuite cr<63>er (avec un <a
|
|||
|
|
href="&url.tuteurs;unix/editeurs/"><3E>diteur de texte</a>) un fichier
|
|||
|
|
HTML (c'est-<2D>-dire un fichier <20>crit en HTML, le <a
|
|||
|
|
href="html/">langage des pages Web</a>) qui servira de page d'accueil,
|
|||
|
|
c'est-<2D>-dire la premi<6D>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<72>?</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<63>er une page
|
|||
|
|
simple. Sinon, vous pouvez utiliser un <20>diteur de pages Web tel que
|
|||
|
|
Mozilla Composer<65>: lancez Mozilla (commande <code>mozilla</code>) puis
|
|||
|
|
allez dans <code>Window > Composer</code>.
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
La page d'accueil contient g<>n<EFBFBD>ralement une br<62>ve pr<70>sentation de
|
|||
|
|
l'auteur (vous), genre <20><>Bienvenue sur la page de Raoul Dugenou<6F><75>, et
|
|||
|
|
des indications sur ce que va contenir votre page. Vous pouvez aussi
|
|||
|
|
expliquer que vous commencez tout juste votre page, gr<67>ce <20> une
|
|||
|
|
annonce comme<6D>: <20><>Attention, cette page est en travaux<75><78>. <20>a fera
|
|||
|
|
patienter vos premiers lecteurs.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<h3>S'enregistrer</h3>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Ce sont les Webmasters <20>l<EFBFBD>ves qui enregistrent les nouvelles pages
|
|||
|
|
Web. La proc<6F>dure est tr<74>s simple<6C>: il suffit de <a
|
|||
|
|
href="http://www.eleves.ens.fr/cgi-bin/adduser">remplir le formulaire
|
|||
|
|
d'inscription</a>. En cas de probl<62>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<6E>!</h2>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Quelque temps apr<70>s votre inscription, votre page Web sera accessible,
|
|||
|
|
<EFBFBD> l'adresse <code>http://www.eleves.ens.fr/home/login</code>, o<>
|
|||
|
|
<code>login</code> est votre propre login, bien s<>r<EFBFBD>! Votre page sera
|
|||
|
|
<EFBFBD>galement class<73>e dans la liste des pages Web, sur le serveur des
|
|||
|
|
<EFBFBD>l<EFBFBD>ves. Il y a le <a href="http://www.eleves.ens.fr/home/">classement
|
|||
|
|
par pseudo ou pr<70>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<EFBFBD>re modification</a>.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<h3>Un peu d'organisation</h3>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Il reste <20> organiser votre page Web. Chaque nouvelle page de votre
|
|||
|
|
site devra avoir un suffixe en <code>.html</code> (par exemple<6C>:
|
|||
|
|
<code>cv.html</code>, <code>maitrise.html</code>, etc.) et <20>tre <20>crit
|
|||
|
|
en HTML. Pour naviguer d'une page <20> l'autre de votre site, il faudra
|
|||
|
|
<a href="html/bases.html#liens"><3E>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<74>res au reste de votre page.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Pensez <20> 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<EFBFBD>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<70>voir un r<>pertoire
|
|||
|
|
<code>maths</code>, par exemple, et un r<>pertoire
|
|||
|
|
<code>musique</code>, o<> vous rangerez les pages qui se rapportent <20>
|
|||
|
|
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 <20> l'ENS<4E>: Mozilla (lent <20> se lancer, mais performant
|
|||
|
|
ensuite) et Netscape (qui commence <20> 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> <20>
|
|||
|
|
<code>www</code>. Illustration<6F>:
|
|||
|
|
</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 <20> v<>rifier que le r<>sultat est satisfaisant avec
|
|||
|
|
plusieurs navigateurs diff<66>rents, si possible sous plusieurs syst<73>mes
|
|||
|
|
(Windows, Mac, Unix, etc.) diff<66>rents. Aujourd'hui, Internet Explorer
|
|||
|
|
(pour PC ou Mac) occupe une tr<74>s, tr<74>s large part du march<63>. Mais il
|
|||
|
|
ne faut pas oublier que pour des publics pr<70>cis (<28>l<EFBFBD>ves, <20>tudiants,
|
|||
|
|
professeurs et chercheurs par exemple), c'est diff<66>rent<6E>: Netscape ou
|
|||
|
|
Mozilla ont encore une place importante.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Si vous souhaitez corriger quelque chose <20> vos fichiers HTML,
|
|||
|
|
faites-le puis cliquez sur le bouton <20><>Reload<61><64> (<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<6E>re
|
|||
|
|
modification : le <date value="$Date: 2004-01-07 14:26:20 $" />. </div>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|