271 lines
11 KiB
HTML
271 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>
|