Greuh, j'avais oublié de faire les cvs add kivonbien. Il y a donc en
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).
2004-01-07 15:26:20 +01:00
|
|
|
|
<?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
|
2004-01-12 13:12:43 +01:00
|
|
|
|
pas. Nous vous incitons vivement <20> lire nos <a
|
|
|
|
|
|
href="conseils.html">conseils <20> 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>
|
Greuh, j'avais oublié de faire les cvs add kivonbien. Il y a donc en
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).
2004-01-07 15:26:20 +01:00
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
2004-01-12 13:12:43 +01:00
|
|
|
|
<div class="metainformation">Auteur : Anonyme (2000), Marie-Lan
|
|
|
|
|
|
Nguyen (2004). Derni<6E>re modification : le <date value="$Date:
|
|
|
|
|
|
2004/01/07 14:26:20 $" />. </div>
|
Greuh, j'avais oublié de faire les cvs add kivonbien. Il y a donc en
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).
2004-01-07 15:26:20 +01:00
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
