Créer son site Web Créer son site Web

Le Cyber Espace d'IDJ
Inte rnet dans un esp rit d ’éc ha nge de savoirs
http://cyberdi dj.canalblo g.com
Créer son site Web : quelques astuces
1. Les questions à se poser
a. Avant
•
•
•
•
Quelle est ma démarche ? Pourquoi ai-je besoin d’un site ?
Quel système choisir ?
Où faire héberger mon site ?
Quels sont les aspects juridiques auxquels je dois
m’intéresser ?
b. Pendant
• Quel éditeur de texte, d’image, de vidéo vais-je utiliser ?
• Comment vais-je envoyer mes pages ?
• Comment rendre mon site attractif ?
c. Après
• Comment faire connaître mon site ?
• Comment obtenir un nom pour mon site ?
• Comment gérer le contenu ?
2. La création
Il est donc important de savoir pourquoi réaliser un site Internet. Est-ce
pour présenter un travail ? Pour montrer des photos de vacances ? Pour
réagir à l’actualité ou tout simplement pour présenter une passion ?
a. La structuration
Il est indispensable avant de commencer la programmation du site de
penser à sa structure. Ceci prend en compte le nombre approximatif de
pages, les différentes sections du site (section de téléchargements,
Crée r so n site Inte rnet
IDJ
- 1 -
– rue au Bois 11 – 1150 Woluwe - Saint - Pierre
02/772.70.20 – [email protected] - www.idj.be
ASB L
Mai 200 6
Le Cyber Espace d'IDJ
Inte rnet dans un esp rit d ’éc ha nge de savoirs
http://cyberdi dj.canalblo g.com
de liens, de partenaires… en plus des sections de contenu), les
différentes pages et les liens qui vont être mis en place entre elles. Ceci
permet d'éviter des problèmes d'organisation surtout quand le site
s'étoffera, avec par exemple plus de 100 pages de contenu. Dans ce
cas, il devient difficile de retrouver les sections, les liens… si le site n'a
pas été correctement structuré au départ !
La mise en place de la charte graphique est également indispensable,
elle va permettre d'harmoniser toutes les pages du site : même police et
taille d'écriture, harmonisation des hyperliens (couleurs, polices...).
Avant de créer un site, il faudra créer un certain nombre de répertoires
sur le disque dur :
• Un répertoire général (qui porte souvent le nom du site)
• Un ensemble de sous-répertoires au sein de ce répertoire
général (par exemple en reprenant le découpage du sommaire
du site).
b. La technologie adéquate
Suivant le but du site, il faudra choisir une technologie :
• Le « Blog » : idéal pour ceux qui ne désirent pas apprendre un
langage de programmation et qui voudraient un site assez
simple, leur permettant de publier du texte et quelques images.
• Spip : système de publication livré sous licence GPL
(http://www.spip.net). La technologie Spip est recommandée
pour des personnes qui connaissent un peu plus le monde de
l’Internet et qui désirent créer un site Web plus complexe sans
pour autant connaître les langages de programmation.
• Utiliser un langage de programmation comme le HTML, le PHP
ou autre… Différents outils sont à disposition :
 Un simple éditeur de texte comme Notepad
 Nvu : éditeur spécialisé dans le langage HTML (logiciel
multi plateformes destiné à la création et à l’administration
de pages Web, en mode visuel (WYSIWYG) ; il est en
quelque sorte le pendant libre de logiciels comme
Dreamweaver, GoLive ou Frontpage).
Crée r so n site Inte rnet
IDJ
- 2 -
– rue au Bois 11 – 1150 Woluwe - Saint - Pierre
02/772.70.20 – [email protected] - www.idj.be
ASB L
Mai 200 6
Le Cyber Espace d'IDJ
Inte rnet dans un esp rit d ’éc ha nge de savoirs
http://cyberdi dj.canalblo g.com
c. La retouche d’images
Avant de diffuser des images sur Internet, il faudra probablement les
retoucher : cadrage, yeux rouges, effets spéciaux, « allègement »…
Quelques outils sont à disposition :
• Photoshop : LA référence, mais malheureusement payant
• Gimp : logiciel équivalent à Photoshop dans le monde du
logiciel libre. Il existe de nombreux supports à son utilisation :
http://www.framasoft.net/article1054.html
3. L’hébergement
a. Le choix d’un hébergeur
Suivant la technologie choisie, il faudra héberger son site, c’est à dire
louer un peu de place sur le disque dur d’un serveur connecté 24H/24 à
Internet.
Il existe une multitude d’hébergeur dans le monde. Des gratuits comme
des payants.
Le site http://www.top-hebergement.net/ offre une liste de sites
d'hébergement gratuits, associatifs ou mutualisés.
Voici un exemple d’hébergeur payant : http ://www.ovh.com
N’oubliez pas que, très souvent, les fournisseurs d’accès à Internet
offrent un espace Web compris dans le tarif d’abonnement à Internet.
Belgacom, par exemple, propose 50 Mo d’espace pour un site Web avec
l’offre « Belgacom ADSL Go ».
b. « Envoyer » ses pages sur le serveur
Une fois l’hébergeur choisi, il faudra « envoyer » les pages créées et
enregistrées sur sa machine, vers le serveur Web. Pour cela, il faudra
utiliser un « client FTP » comme le client libre : FileZilla
• http://www.framasoft.net/article1011.html
Crée r so n site Inte rnet
IDJ
- 3 -
– rue au Bois 11 – 1150 Woluwe - Saint - Pierre
02/772.70.20 – [email protected] - www.idj.be
ASB L
Mai 200 6
Le Cyber Espace d'IDJ
Inte rnet dans un esp rit d ’éc ha nge de savoirs
http://cyberdi dj.canalblo g.com
4. Quelques liens bien utiles
Cours de html :
• http://www.creation-de-site.net/tutoriaux/html/
• http://www.snv.jussieu.fr/archambault/cours/html/
Créer son site Web :
• http://www.informatiquepourtous.com/formation/internet/
site/site1.php
Créer son site Web avec Nvu :
• http://www.framasoft.net/article3980.html
http://www.framasoft.net/article3200.html
Animer son site :
• http://www.redaction.be/instructions/animer.htm
Spécial « site perso » :
• http://www.linternaute.com/internetpratique/perso/index
EXERCICES
Créer son site Internet - Créer sa première page !
1.
2.
3.
4.
5.
Ouvrir Word
Ecrire <html><body>Bonjour ! </body></html>
Enregistrer dans « mes documents » sous le
« mapage.html »
Ouvrir le fichier « mapage.html » avec Mozilla Firefox
Allez sur des tutoriaux HTML et modifiez votre page.
Crée r so n site Inte rnet
IDJ
- 4 -
– rue au Bois 11 – 1150 Woluwe - Saint - Pierre
02/772.70.20 – [email protected] - www.idj.be
ASB L
nom
de
Mai 200 6