tuteurs.ens.fr/internet/web/creer.tml

211 lines
7.8 KiB
Text
Raw Normal View History

<?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>
<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/repertoires.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 &gt; 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. N'oubliez pas qu'il est rare qu'un visiteur tombe directement
sur votre page d'acceuil, veillez <20> bien relier vos pages entre elles.
</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/<em>login</em></code> (en rempla<6C>ant
<EFBFBD><EFBFBD><em>login</em><3E><> par votre login) <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/<em>login</em>/</td>
</tr><tr>
<td>www/cv.html</td><td>http://www.eleves.ens.fr/home/<em>login</em>/cv.html</td>
</tr><tr>
<td>www/maths/tipe.html</td><td>http://www.eleves.ens.fr/home/<em>login</em>/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.</p>
<p> Actuellement, <strong>Microsoft Internet Explorer</strong> (pour PC
ou Mac) occupe une tr<74>s, tr<74>s large part du march<63>. Jusqu'<27> une date
r<EFBFBD>cente, les autres navigateurs (<28> commencer par
<strong>Mozilla</strong> et <strong>Netscape</strong>) jouaient un r<>le
mineur quoique non n<>gligeable, en particulier pour des publics pr<70>cis
(<28>l<EFBFBD>ves, <20>tudiants, professeurs et chercheurs par exemple). Mais avec le
succ<EFBFBD>s toujours croissant de <strong>Firefox</strong>, version all<6C>g<EFBFBD>e
de Mozilla, il est de moins en moins raisonnable
d'<27><>optimiser<65><72> son site pour un seul navigateur<75>; en
r<EFBFBD>alit<EFBFBD>, pr<70>tendre <20><>optimiser<65><72> son site pour une version
particuli<EFBFBD>re d'un navigateur particulier revient <20> dire qu'il est
<EFBFBD><EFBFBD>pessimis頻 pour les autres... </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 &gt; Reload</code> avec Mozilla) pour que la
modification soit prise en compte par le navigateur.
</p>
<div class="metainformation">Auteur<75>: <20>milia Robin et Marc Espie
(1998), Marie-Lan Nguyen (2004). Derni<6E>re modification<6F>: le
<date value="$Date: 2007-07-17 10:02:39 $" />. </div>
</body>
2004-02-01 02:26:54 +01:00
</html>