Création d`un site Internet personnel

Cr
Cré éation d ation d’ ’un site un site
Internet personnel
Internet personnel
Auteur: Guillaume GUAY
Auteur: Guillaume GUAY
La Cl
La Clé éInformatique Informatique
Universit
Université éde Sherbrooke, mars 2006 de Sherbrooke, mars 2006

1
1- -2 2- -3 3 É Étapes de mise sur pied d tapes de mise sur pied d’ ’un un
site Internet personnel!
site Internet personnel!
1
1 - -Cr Cré éation des fichiers du site Internet ation des fichiers du site Internet
•
•Compos Composé éde fichiers .html (.htm, . de fichiers .html (.htm, .asp asp ou . ou .php php) )
et d
et d’ ’images images
2
2- -Envoi des fichiers sur un h Envoi des fichiers sur un hé ébergeur de bergeur de
sites Internet
sites Internet
•
•En utilisant un logiciel FTP ou bien int En utilisant un logiciel FTP ou bien inté égr gré édans dans
le logiciel WYSIWYG
le logiciel WYSIWYG
3
3- -Ajout du site sur des moteurs de Ajout du site sur des moteurs de
recherche afin d
recherche afin d’ ’attirer des visiteurs attirer des visiteurs

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

Des logiciels de cr
Des logiciels de cré éation ation
de pages web
de pages web
Microsoft FrontPage
Microsoft FrontPage
Macromedia
Macromedia DreamWeaver DreamWeaver
Bientôt des outils de cr
Bientôt des outils de cré éation en ligne comme : ation en ligne comme :
•
•GooglePages GooglePages : : http://pages.google.com http://pages.google.com
Il faut avoir une compte GMAIL et se mettre en liste d
Il faut avoir une compte GMAIL et se mettre en liste d’ ’attente, car la attente, car la
demande est trop forte;
demande est trop forte;
•
•OfficeLive OfficeLive : : http://officelive.microsoft.com/ http://officelive.microsoft.com/
Il suffit d
Il suffit d’ ’avoir une licence (CD avoir une licence (CD- -KEY) de Office valide afin d KEY) de Office valide afin d’ ’obtenir le obtenir le
OfficeLive
OfficeLive Basic. Basic.
•
•FreeWebs FreeWebs : : http://www.freewebs.com http://www.freewebs.com
Un outil bien d
Un outil bien dé évelopp veloppé épour avoir son site Internet en ligne en 2 pour avoir son site Internet en ligne en 2
minutes, mais en anglais seulement. Gratuit mais l
minutes, mais en anglais seulement. Gratuit mais l’ ’adresse est de adresse est de
votre site sera
votre site sera http://www.freewebs.com/votrenom http://www.freewebs.com/votrenom et non
et non
http://www.votrenom.com
http://www.votrenom.com
•
•Mais ces outils sont Bêta, c Mais ces outils sont Bêta, c’ ’est est- -à à- -dire qu dire qu’ ’ils sont en phase de ils sont en phase de
tests et seront disponible au grand public dans un an peut
tests et seront disponible au grand public dans un an peut- -être. être.
Mais ils sont plus simple d
Mais ils sont plus simple d’ ’utilisation et il est tr utilisation et il est trè ès rapide d s rapide d’ ’avoir avoir
un site en ligne.
un site en ligne.

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