272 lines
11 KiB
HTML
272 lines
11 KiB
HTML
|
<?xml version="1.0" encoding="UTF-8"?>
|
|||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|||
|
|
<title>Conseils</title>
|
|||
|
|
<link rel="stylesheet" href="../../tuteurs.css" type="text/css" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="navigation">
|
|||
|
|
<h1>Tuteurs informatique<br /><a href="../../meta/contact.html">Nous contacter</a></h1>
|
|||
|
|
<hr />
|
|||
|
|
<ul class="menu">
|
|||
|
|
<li>
|
|||
|
|
<a href="../../meta/charte_graphique.html">Utiliser ce site</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../actualite.html">Actu et stages</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../docs/">Docs à imprimer</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../meta/plan_site.html">Plan du site</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="../../search.html">Rechercher</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="../../">Les tuteurs</a>
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="../">Internet</a>
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="./">Web</a>
|
|||
|
|
<ul class="arbre">
|
|||
|
|
<li>
|
|||
|
|
<a href="conseils.html" class="actuel">Conseils</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="creer.html">Créer une page</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="htaccess.html">.htaccess</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="html/">XHTML</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="lynx.html">Lynx</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<ul class="menu">
|
|||
|
|
<li>
|
|||
|
|
<a href="http://www.eleves.ens.fr/">Serveur des élèves</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="http://www.ens.fr/">ENS</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="http://www.spi.ens.fr/">SPI</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="corps">
|
|||
|
|
<h1>Conseils pour votre page Web</h1>
|
|||
|
|
<div class="sommaire">
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s1">Sociologie du Web</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s2">Propriété intellectuelle</a>
|
|||
|
|
<ul>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s2_1">Respectez le droit des autres</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s2_2">Vos propres documents</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s3">Page Web et Charte ENS</a>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<a href="#s4">Voyez loin</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<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. Pour les
|
|||
|
|
conseils techniques, voyez notre article <a href="creer.html">Créer sa
|
|||
|
|
page</a>.
|
|||
|
|
</p>
|
|||
|
|
<h2>
|
|||
|
|
<a name="s1" id="s1">Sociologie du Web</a>
|
|||
|
|
</h2>
|
|||
|
|
<p>
|
|||
|
|
Quelles sont vos motivations pour avoir votre page ? 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 ? Est-ce qu'elle vous connaît
|
|||
|
|
déjà ? Que va-t-elle penser de vous ? Méfiez-vous des <i lang="en" xml: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é : 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 :
|
|||
|
|
</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><strong>Pourquoi voulez-vous faire une page ?</strong>
|
|||
|
|
Avez-vous des choses à dire ? Quel public visez-vous ?
|
|||
|
|
Voulez-vous simplement frimer ou devenir célèbre ?</li>
|
|||
|
|
<li><strong>Avez-vous des choses originales à dire ?</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><strong>Votre page est-elle bien présentée ?</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>
|
|||
|
|
<a name="s2" id="s2">Propriété intellectuelle</a>
|
|||
|
|
</h2>
|
|||
|
|
<h3>
|
|||
|
|
<a name="s2_1" id="s2_1">Respectez le droit des autres</a>
|
|||
|
|
</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 ! <strong>Ne violez pas de copyright.</strong>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
Si vous avez un doute, vous pouvez consulter le <a href="http://www.legifrance.gouv.fr/WAspad/UnCode?commun=&code=CPROINTL.rcv">Code
|
|||
|
|
de la propriété intellectuelle</a>.
|
|||
|
|
</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><strong>citations</strong> : 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><strong>photographies</strong> : 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. Attention aux photos de bâtiments
|
|||
|
|
récents (pyramide du Louvre, Stade de France) ! Consultez cette page
|
|||
|
|
sur <a href="http://www.educnet.education.fr/juri/photo.htm">les
|
|||
|
|
photos et la propriété intellectuelle</a> pour en savoir plus.</li>
|
|||
|
|
<li><strong>copie de documents</strong> : 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 poursuites s'ils ne retiraient pas
|
|||
|
|
immédiatement des images de Calvin & Hobbes ou encore de Garfield.
|
|||
|
|
</div>
|
|||
|
|
<h3>
|
|||
|
|
<a name="s2_2" id="s2_2">Vos propres documents</a>
|
|||
|
|
</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>
|
|||
|
|
<a name="s3" id="s3">Page Web et Charte ENS</a>
|
|||
|
|
</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="../../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. Vous pouvez 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 !
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
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 d'amateurs, généalogistes par exemple.
|
|||
|
|
</p>
|
|||
|
|
<h2>
|
|||
|
|
<a name="s4" id="s4">Voyez loin</a>
|
|||
|
|
</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.</p>
|
|||
|
|
<p>
|
|||
|
|
Il faut enfin être prêt à répondre au courrier de vos visiteurs, 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 : Émilia Robin et Marc Espie
|
|||
|
|
(1998), Marie-Lan Nguyen (2004).
|
|||
|
|
Dernière modification : 2014-10-26 par Antoine Amarilli.
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|