Création d`un site Internet personnel

Création d’un site
Internet personnel
Auteur: Guillaume GUAY
La Clé Informatique
Université de Sherbrooke, mars 2006
1-2-3 Étapes de mise sur pied d’un
site Internet personnel!

1 - Création des fichiers du site Internet
• Composé de fichiers .html (.htm, .asp ou .php)
et d’images

2- Envoi des fichiers sur un hébergeur de
sites Internet
• En utilisant un logiciel FTP ou bien intégré dans
le logiciel WYSIWYG

3- Ajout du site sur des moteurs de
recherche afin d’attirer des visiteurs
Création des fichiers du site
Internet

Une page web est fait en grosse partie de code HTML,
HyperText Markup Language;
Si vous désirez en savoir plus sur le HTML et le code afin de
construire vos pages à la main, ligne par ligne, consultez le
tutoriel HTML de la Clé Informatique à l’adresse
http://callisto.si.usherb.ca/~cles/clef_info/formations.html
Toutefois, afin de nous simplifier la vie, des logiciels
spécialisés nous permettent de construire des sites Internet
sans coder une seule ligne de HTML : le code est produit
automatiquement pour nous. Il ne suffit que de designer la
page comme un peu dans Word.
Ce sont des logiciels que l’ont appellent WYSIWYG, pour
What You See Is What You Get. Donc, ce que vous voyez
comme page dans le logiciel, c’est ce que les gens verront
sur Internet Explorer, par exemple.
Des logiciels de création
de pages web

Microsoft FrontPage
Macromedia DreamWeaver
Bientôt des outils de création en ligne comme :
• GooglePages : http://pages.google.com

Il faut avoir une compte GMAIL et se mettre en liste d’attente, car la
demande est trop forte;
• OfficeLive : http://officelive.microsoft.com/

Il suffit d’avoir une licence (CD-KEY) de Office valide afin d’obtenir le
OfficeLive Basic.
• FreeWebs : http://www.freewebs.com

Un outil bien développé pour avoir son site Internet en ligne en 2
minutes, mais en anglais seulement. Gratuit mais l’adresse est de
votre site sera http://www.freewebs.com/votrenom et non
http://www.votrenom.com
• Mais ces outils sont Bêta, c’est-à-dire qu’ils sont en phase de
tests et seront disponible au grand public dans un an peut-être.
Mais ils sont plus simple d’utilisation et il est très rapide d’avoir
un site en ligne.
Microsoft Frontpage

Facile d’approche pour les débutants, mais peut
être frustrant pour les utilisateurs avancés…
Ce logiciel est inclus dans Microsoft Office Pro
mais peut être acheté séparément.
Une version gratuite (mais moins performante)
est également fournie avec certaines versions de
Windows: Front Page Express.
Microsoft Frontpage 2002 est installé sur des
postes du Carrefour de l’information
Voici le tutoriel de la Clé Multimédia qui vous
enseignera comment créer un site de base avec
FrontPage 2002:
• http://callisto.si.usherb.ca/~cles/clef_multimedia/FrontPage2002.pdf
Macromedia DreamWeaver

DreamWeaver est un logiciel de création de sites Internet
très polyvalent: il satisfait aussi bien aux débutants qu’aux
experts.
Il est simple d’utilisation une fois que l’on comprend le
principe de base
Le logiciel est assez cher: 399$ ou 299$ si étudiant
Le logiciel est installé sur plusieurs postes au Carrefour de
l’information et vous pouvez les utiliser gratuitement aussi
longtemps que vous le désirez
Vous pouvez télécharger une version d’évaluation de
Dreamweaver sur www.macromedia.com de 30 jours
Consultez le tutoriel de la Clé Multimédia qui vous
permettra d’en apprendre plus sur ce magnifique logiciel
•
http://callisto.si.usherb.ca/~cles/clef_multimedia/DreamweaverMX2004.pdf
Publication de votre site Internet
sur la Toile

Maintenant que vous avez créez les pages de
votre site, il faut les envoyer sur un hébergeur
L’hébergeur est une compagnie possédant des
ordinateurs très rapides et à 99.9999% du temps
disponibles à répondre aux requêtes des visiteurs
venant voir votre site
Pour envoyer vos fichiers sur l’hébergeur, il vous
faut une adresse FTP (File Transfer Protocol), un
nom d’utilisateur et un mot de passe
Souvent, l’adresse FTP est
ftp.lenomdelhebergeur.com et le nom
d’utilisateur et le mot de passe sont ceux qui
vous ont été fournis lors de votre inscription
Hébergeurs

Il y a des hébergeurs gratuits et d’autres payants $$$

Gratuits:
• On ne choisit pas son adresse du site, c’est à dire que vous allez avoir
un adresse du type: http://www.hebergeur.com/votrenom ou
http://votrenom.hebergeur.com
• Moins fiables (le serveur n’est pas disponible à 99.9999%) et il y a
moins de chance qu’il soit encore ouvert dans un an…
• Si l’hébergeur gratuit ferme ses portes, vous devez changer d’adresse
web et cela est très mauvais (tous ceux qui connaissent votre adresse
se retrouve à une page d’erreur)
• Solution : Utiliser une adresse statique fantôme (cloak domain name)
gratuite disponible, par exemple utilisez http://www.uni.cc (voir une
liste des autres noms sur
http://www.emailaddresses.com/email_url.htm !faire attention aux
fournisseur gratuit qui afficheront de la publicité)
• Donc, votre site ne sera plus http://votrenom.hebergeur.com mais
http://votrenom.uni.cc et ce dernier pointera sur l’hébergeur gratuit
de votre choix, disons http://votrenom.hebergeur.com .
Hébergeur gratuit

Les vrais hébergeurs gratuits sont assez rares, dû
aux coûts d’exploitation d’un tel service, mais il
en existe quelques-uns:
• http://www.11vm-serv.net/index.php?p=register
• http://www.hebergement-gratuit.com/index.php : seulement un meg
d’espace – inscription en une heure
• http://www.atomysk.com/front/inscription.php : 50 megs mais pas de
vidéos ni de mp3 – délai d’inscription

Consultez une liste des hébergeurs gratuits à l’adresse
•

http://dmoz.org/World/Fran%c3%a7ais/Informatique/Internet/Conception_et_d%c3%a9veloppement/H%c3%a
http://dmoz.org/World/Fran%c3%a7ais/Informatique/Internet/Conception_et_d%c3%a9veloppement/H%c3%a
9bergement/Gratuit/
Faites attention aux hébergeurs gratuit qui subsistent en affichant
de la publicité sur votre site, ce n’est pas très agréable pour vos
visiteurs!
Hébergeur payant

Si vous projetez développer un site à long terme ou qu’il sera le
moindrement professionnel, il est fortement suggéré d’investir un
peu d’argent afin d’avoir un service décent.
Un excellent hébergeur est http://www.godaddy.com
Cela vous coûtera environ 75$/année, ceci inclût un nom de
domaine http://www.votrenom.com .net ou .org
Prévoir un extra de 30$/année pour un .ca ou un .qc.ca
Vous aurez 5GB d’espace disque, aucune publicité, une excellente
vitesse et une fiabilité professionnelle
Votre FTP sera ftp.votrenom.com
Vous aurez la possibilité de créer jusqu’à 500 comptes courriels,
les rediriger vers un autre courriel, exemple [email protected]
envoie les courriels à [email protected]) , possibilité de créer
un email qui a l’option “Catch all” qui récupère tous les courriels
envoyés à @monsite.com.
Plusieurs service gratuit sont fournis avec les comptes GoDaddy,
tels la création d’un blog gratuitement, magasin en ligne
(shopping cart) statistiques de visites etc
Hébergeur payant mais utile!

GoDaddy permet aussi à l’aide de leur
outil WebSite Tonight de créer un site web
en ligne très rapidemment sans se casser
la tête
On peut choisir plusieurs modèles de
couleurs et de formats de site
On définit nos catégories, nos titres et on
remplit les textes dans les pages
On a 5 pages pour 75$/année,
hébergement et .com inclus
10 pages pour 115$/année hébergement
et .com inclus
Enregistrement de votre site dans
les moteurs de recherche

Les moteurs de recherche d’aujourd’hui sont:
•
•
•
•
•
•
•

www.google.com (55.2%)
www.yahoo.com (21.7%)
www.msnsearch.com (9.6%)
www.altavista.com (2.2 %)
www.AOLSearch.com (3.8%)
www.Lycos.com (2.6%)
www.Askjeeves.com (1.5%)
Toutefois, les deux plus populaires (Google et
Yahoo) utilisent la même base de données
Donc, il faut vous inscrire à cette base de
données de sites web
Comment entrer dans le moteur de
recherche Google?

Faire en sorte que des sites déjà inscrit sur
Google pointe vers votre site avec un lien
• Lors de la future visite du robot de Google sur le site de
votre ami, il explorera tous ses liens, donc le vôtre et
découvrira l’existance de votre site

Inscrire votre site à d’autre moteur de recherche
ou d’annuaire web
• www.toile.com – Toile du Québec
• www.dmoz.org – Annuaire web très respecté

Ce n’est pas instantané, être indexé dans Google
peut prendre des semaines, voir quelques mois…
Comment améliorer le classement
de son site web sur Google
selon certains mots clés

Définir les mots clés sur lesquels vous
voulez être trouvés
• N’essayez pas de devenir premiers sur le mot
clés « oiseaux » mais peut-être commencer
par « oiseaux du québec » ou « canard » si
votre site parle des canards
• Mettre ces mots clés dans votre titre de votre
page web (entre les balises <title> et </title>)
• Essayer d’inclure ces mots clés dans votre nom
de domaine. Exemple : http://www.oiseauxquebec.com
Améliorer votre classement de
votre site web sur Google

Utilisez des balises META
• Des balises META sont des bouts de codes invisible au
visiteurs mais visible par les robots qui indexent les sites
web.
• Il faut les placer dans le code de votre première page de
votre site entre les balises <head> et </head>
• Insérez des bouts de code META dans l’entête de votre
page Web
• Meta mots clés :

Répétez les mots clés importants
souvent à l’intérieur de votre site
Utilisez les balises paragraphes h1,
h2 et h3 pour décrire vos
catégories/produits/services de votre
site.
Améliorer votre classement de
votre site web sur Google

Plus vous aurez de pages à l’intérieur de
votre site, mieux sera votre classement
Plus vous aurez de liens pointant à
l’interne et à l’externe, plus votre site sera
bien classé
Plus qu’il y aura de site pointant sur votre
site, mieux vous serez classé.
• Vous montera de classement si un autre site
d’oiseaux très bien classé sur Google parle de
vous en faisant un lien du genre:
www.oiseaux-quebec.com : un site d’oiseaux
du Québec portant entre autres sur les
canards.
Sites de références utiles

Trouvez des images
• http://www.google.com/imghp

Des ressources en tout genre pour
votre site:
• http://www.2001webmaster.com/ressources/index.htm