DGNum/tuteurs.ens.fr
15
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Greuh, j'avais oublié de faire les cvs add kivonbien. Il y a donc en

Browse source 
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).
This commit is contained in:
mlnguyen 2004-01-07 14:26:20 +00:00
parent ed68890462
commit 58e4f4af12
2 changed files with 395 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

195
internet/web/conseils.tml Normal file
View file

@ -0,0 +1,195 @@
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html
PUBLIC "-//ENS/Tuteurs//DTD TML 1//EN"
"tuteurs://DTD/tml.dtd">
<html>
<head>
<title>Conseils</title>
</head>
<body>
<h1>Conseils pour votre page Web</h1>
<p>
Vous avez décidé de créer votre page Web. Avant toutes choses, il faut
savoir qu'<strong>une page Web ne s'improvise pas</strong>. Voici
quelques conseils généraux pour que tout se passe bien.
</p>
<h2>Sociologie du Web</h2>
<p>
Quelles sont vos motivations pour avoir votre page&nbsp;? Elles
peuvent être multiples et très variées : une page « sérieuse »,
exposant vos travaux de recherche ; une page sur vos hobbys, vos
passions ; une page pour montrer vos photos de vacances à vos amis ;
une page parce que tous vos amis en ont une...
</p>
<p>
Maintenant, mettez-vous à la place de la personne qui va venir voir
votre page. Que va-t-elle y trouver&nbsp;? Est-ce qu'elle vous connaît
déjà&nbsp;? Que va-t-elle penser de vous&nbsp;? Méfiez-vous des <i
lang="en">private jokes</i> face à un public que vous ne maîtrisez
pas. Soyez prêt à recevoir des mails d'insultes (genre « Pauvre
bouffon, ta page est nulle ») d'inconnus enhardis par le prétendu
anonymat d'Internet.
</p>
<p>
N'oubliez jamais qu'Internet, et le Web en particulier, s'organise
comme une société&nbsp;: vous n'y êtes pas anonyme et,
particulièrement lorsque vous créez une page, vous projetez une image.
À vous d'être sûr d'être compris. Réfléchissez donc bien aux points
suivants&nbsp;:
</p>
<ul>
<li> <strong>Pourquoi voulez-vous faire une page&nbsp;?</strong>
Avez-vous des choses à dire&nbsp;? Quel public visez-vous&nbsp;?
Voulez-vous simplement frimer ou devenir célèbre&nbsp;?</li>
<li> <strong>Avez-vous des choses originales à dire&nbsp;?</strong> Si
votre page n'est jamais que la 150e page sur la culture des escargots
en Bourgogne, il y a de fortes chances qu'elle disparaisse vite dans
la grisaille des pages Web qui ne sont lues que par leurs auteurs, et
sur laquelle le lecteur occasionnel ne s'attarde pas plus de dix
secondes.
</li>
<li> Si vous avez des choses originales à dire, <strong>sont-elles
bien présentées&nbsp;?</strong> Même si votre page est une mine
d'infos passionnantes et inédites, elle ne sera pas lue si elle est en
jaune fluo sur fond rose, avec des images qui clignotent, ou au
contraire trop dépouillée, sans effort pour faire une présentation
claire et agréable. La forme compte aussi ! C'est ce qu'on appelle
<em>l'ergonomie</em>.
</li>
</ul>
<h2>Copyright</h2>
<h3>Respectez le droit des autres</h3>
<p>
Ne confondez pas espace de liberté et espace sans droit. Vous n'avez
pas le droit de diffuser tout ou n'importe quoi sur le Web si ça ne
vous appartient pas. En particulier, ce n'est pas parce que quelque
chose est sur le Web que vous êtes autorisé à le recopier et diffuser
sans autorisation !
</p>
<ul>
<li> quand vous citez quelqu'un, donnez toujours les références les
plus précises possibles. Vous avez le droit à citer de courts extraits
à but, par exemple, de critique, mais la copie de plusieurs pages est
bien évidemment interdite. De même, quand vous utilisez des fichiers
(icônes, images, scripts, etc.) venant d'un site qui les met
gratuitement à votre disposition, il est courtois de les en
remercier.
</li>
<li> pour une photo où figurent moins de cinq personnes, il faut
<strong>impérativement</strong> leur consentement explicite. Vos amis
ou voisins de thurne ont droit à la protection de leur vie
privée.</li>
<li> avant de copier tout ou partie d'une page Web (texte, image, son,
vidéo...), il est impératif de demander la permission à son auteur,
sauf si l'auteur vous autorise explicitement à le faire.
</li>
</ul>
<p>
Bien sûr, personne n'ira vous faire un procès à chaque fois que vous
violez un copyright, mais vous pouvez avoir des ennuis, soit
directement, soit par l'intermédiaire de l'École, qui a une part de
responsabilité en tant que fournisseur d'accès.
</p>
<div class="encadre">
<strong>Exemple</strong> : certains éditeurs de bandes dessinées font
commerce de l'image des personnages qu'ils possèdent, et traquent les
pages Web les représentant... Ce n'est pas une menace en l'air : des
élèves ont déjà été menacés de procès s'ils ne retiraient pas
immédiatement des images de Calvin &amp; Hobbes ou encore de Garfield.
</div>
<p>
Bien évidemment, si on vous contacte au sujet d'une violation de
copyright, la première chose à faire est de montrer votre bonne foi en
retirant immédiatement les documents incriminés.
</p>
<h3>Vos propres documents</h3>
<p>
Veillez à préciser le statut des documents que vous placez sur le
Web. Si vous mettez en ligne des photos, par exemple, indiquez si les
internautes peuvent les utiliser, et si oui, à quelles conditions
(pour un usage commercial ou pas, avec ou sans votre autorisation,
dans le domaine public ou pas).
</p>
<p>
Sachez pourtant qu'il est quasiment impossible de vraiment protéger ce
qu'on choisit de publier sur le Web. Rien n'empêche techniquement un
quidam de recopier vos documents et de les faire passer pour les siens
(il arrive souvent qu'un même contenu soit copié, mot pour mot, sur
une dizaine de sites différents). N'importe qui peut recopier vos
fichiers HTML pour faire un site au design complètement identique au
vôtre.
</p>
<h2>Page Web et Charte ENS</h2>
<p>
Rappelons qu'aux termes de la <a
href="http://www.spi.ens.fr/legal/charte.html">Charte des moyens
informatiques</a> que vous avez signée en entrant à l'ENS,
l'utilisation des moyens informatiques de l'École est « limitée à des
activités de recherche et d'enseignement, de développements
techniques, de transferts de technologies, de diffusion d'informations
scientifiques, techniques et culturelles ». Par tolérance, vous pouvez
y mettre vos photos de vacances, mais n'abusez pas de l'<a
href="&url.tuteurs;unix/place_disque.html">espace disque</a>.
</p>
<p>
Vous êtes vivement encouragés, en revanche, à faire une page Web qui
soit en accord avec la charte : publier vos articles, vos exposés, vos
mémoires (maîtrise, DEA, thèse), vos notes de cours... Le Web est un
grand espace d'échange d'information, vous pouvez y apporter votre
pierre ! Songez aussi qu'une page Web est un très bon outil pour
entrer en communications avec d'autres chercheurs. On a déjà vu des
élèves historiens recevoir des documents ou des indications de la part
d'autres historiens, ou même d'amateurs, généalogistes par exemple.
</p>
<h2>Voyez loin</h2>
<p>
Sauf si vous comptez vous contenter d'une seule page (« Kikoo c'est
Jean-Kévin » ou plutôt page-CV), faire une page Web décente, c'est du
travail. Il faut concevoir une mise en page à la fois sobre, agréable
et efficace, un système de navigation pratique. Il la mettre à jour
régulièrement et vérifier que les liens marchent bien. Il faut la
rendre visible aux autres par l'intermédiaire des moteurs de
recherche. Il faut enfin être prêt à répondre au courrier de vos
internautes, qui peut être plus ou moins intéressant. Ça peut aller de
l'insulte à la correction orthographique, en passant par les
félicitations, la demande d'échange de liens, l'apport de nouveau
contenu, la tentative de drague, etc. Très vite, si votre page
s'étoffe, vous vous apercevrez qu'elle vous prend beaucoup de temps.
</p>
<div class="metainformation">Auteur&nbsp;: un/des tuteur(s)
anonyme(s), Marie-Lan Nguyen. Dernière modification&nbsp;: le <date
value="$Date: 2004-01-07 14:26:20 $" />.</div>
</body>
</html>

200
internet/web/creer.tml Normal file
View file

@ -0,0 +1,200 @@
<?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 &gt; 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 &gt; Reload</code> avec Mozilla) pour que la
modification soit prise en compte par le navigateur.
</p>
<div class="metainformation">Auteur&nbsp;: Marie-Lan Nguyen. Dernière
modification&nbsp;: le <date value="$Date: 2004-01-07 14:26:20 $" />. </div>
</body>
</html>