Création, Hébergement et référencement d`un site Web: niveau 1

Formation au profit des enseignants de l'Université Ibn Zohr
Thème : Création, Hébergement et
référencement d’un site Web
Omar El Kharki & Jamila Mechbouh
http://perso.menara.ma/~elkharki/ Ou bien http://www.elkharki.africa-web.org/
Plan
• Création d’un site web en utilisant Front Page
• Hébergement d’un site web
• En utilisant une connexion ADSL
• Hébergement gratuit
• Référencement d’un site web
• Téléchargement d’un fichier à partir d’un site web
• Téléchargement (ou absorption) d’un site web
2
Création d’un site web
Document Word
page web
3
Site web pédagogique : http://perso.menara.ma/~elkharki/
Création d’un site web
• Présentation du FP
• Créer un nouveau site web
• Ajouter une nouvelle page
• Saisir et mettre en forme le texte
• Listes
• Texte défilant
• Insérer un tableau
• Insérer une image
----------------------------------------------------------• Atelier
4
Site web pédagogique : http://perso.menara.ma/~elkharki/
Création d’un site web
• Lien Hypertexte
- Lien vers les pages d’un même site web
- Lien vers un serveur web
- Lien vers un fichier (word ou PDF)
• Signets
----------------------------------------------------------• Atelier
5
Site web pédagogique : http://perso.menara.ma/~elkharki/
Création d’un site web
• Frames (cadres)
--------------------------------------------------• Atelier
6
Site web pédagogique : http://perso.menara.ma/~elkharki/
Création d’un site web
Formulaires
• Les formulaires fournissent un moyen d’intégrer une certaine
interactivité avec votre public
--------------------------------------------------• Atelier
7
Site web pédagogique : http://perso.menara.ma/~elkharki/
Création d’un site web
Insertion d'un fichier sonore
8
Site web pédagogique : http://perso.menara.ma/~elkharki/
Création d’un site web
Insertion d'un fichier sonore
9
Site web pédagogique : http://perso.menara.ma/~elkharki/
Hébergement d’un site web
En utilisant une connexion ADSL
• Afin de rendre votre site visible par les internautes, il faut déposer
les fichiers correspondants sur un serveur. Votre hébergeur vous
fournit un espace qui est réservé au contenu que vous souhaitez
mettre en ligne.
• Votre fournisseur d'accès vous offre avec votre accès Internet, un
espace personnel que vous pouvez utiliser.
10
Site web pédagogique : http://perso.menara.ma/~elkharki/
Hébergement d’un site web
En utilisant une connexion ADSL
Étape 1 : Installer un logiciel FTP
Étape 2 : Ouvrir le site www.menara.ma
Étape 3 : un click sur Mon compte
Étape 4 : Mon site perso
Étape 5 : Accéder FTP
Étape 5 : S’identifier
Étape 5 : un double click sur le répertoire Public_html
Étape 6 : Copier votre site web dans le répertoire : Public_html
-------------------------------------------------• Atelier
11
Site web pédagogique : http://perso.menara.ma/~elkharki/
Hébergement d’un site web
En utilisant une connexion ADSL
-
NB: il faut que votre site contient un fichier dont le nom est
index.html ou default.html
- L’adresse de votre site web est : http://perso.menara.ma/~Login
Ex : http://perso.menara.ma/~elkharki
-------------------------------------• Atelier
12
Site web pédagogique : http://perso.menara.ma/~elkharki/
Hébergement d’un site web
Hébergement gratuit
Étape 1 : Inscrivez dans un site web qui vous donne un espace gratuit pour
héberger votre site web
Exemple1: http://web.ifrance.com/
Exemple2: http://africa-web.org
Étape 2 : Vous recevez un message dans votre adresse Email afin de
confirmer votre inscription.
Étape 3 : un autre message sera envoyé après contenant:
Votre Compte
Votre Mot de passe
Logiciel FTP à télécharger
L’ adresse de votre site web
Étape 4 : Télécharger et installer le logiciel FTP :
http://www.africacomputing.org/utils/ws_ftple.exe
-------------------------------------------------13
Site web pédagogique : http://perso.menara.ma/~elkharki/
Hébergement d’un site web
Hébergement gratuit
Étape 5 : Configurer FTP avec les informations contenu dans le dernier
message
14
Site web pédagogique : http://perso.menara.ma/~elkharki/
Hébergement d’un site web
Hébergement gratuit
Étape 6 : Transférer votre site web vers le serveur FTP
15
Site web pédagogique : http://perso.menara.ma/~elkharki/
Hébergement d’un site web
Hébergement gratuit
Etape7: Entrer votre URL et tester votre site web
EX: http://www.elkharki.africa-web.org
16
Site web pédagogique : http://perso.menara.ma/~elkharki/
Référencement d’un site web
• Le référencement consiste à indexer votre site dans les moteurs de
recherche et les annuaires.
• Le référencement d’un site se fait en fonction des méta-tags
inscrits dans la section d'en têtes de vos pages.
• Deux méta-tags sont particulièrement utiles, le méta-tag
"description" et "keywords" : le premier vous permet de saisir
quelques lignes de texte décrivant le contenu de la page, le second
vous permet d'insérer des mots-clés séparés par des virgules
17
Site web pédagogique : http://perso.menara.ma/~elkharki/
Référencement d’un site web
• Il vous appartient donc d'insérer ces méta-tags sur chacune de vos
pages html;
– Ouvrez une des pages de votre site dans Front Page (FP), et utilisez le
menu Fichier / Propriétés puis cliquez sur l'onglet Personnaliser.
– Cliquez ensuite sur le bouton Ajouter pour insérer un nouveau méta-tag
– Dans la zone nom, saisissez le mot "description", et dans la zone
valeur, saisissez la description de votre page. Faites de même
pour ajouter un méta-tag keywords.
• l'inscription de votre site chez les annuaires de recherche
EX: http://www.referencement-fr.com
18
Site web pédagogique : http://perso.menara.ma/~elkharki/
Télécharger un fichier à partir d’un site web
• Télécharger un fichier PDF
- La commande: enregistrer la cible sous
- EX: http://www.elkharki.africa-web.org/encg/index.html
• Télécharger un document word
- EX: http://www.elkharki.africa-web.org/encg/index.html
• Télécharger une Image
- EX: http://www.elkharki.africaweb.org/l(si)2c/personne/elkharki.htm
--------------------------------------------------• Atelier
19
Site web pédagogique : http://perso.menara.ma/~elkharki/
Télécharger un fichier à partir d’un site web
• Bien sur on peut utiliser le lien Télécharger s’il existe
- EX: télécharger une pièce jointe à un Email
--------------------------------------------------• Atelier
20
Site web pédagogique : http://perso.menara.ma/~elkharki/
Télécharger un site web
• Lancer FP (Front Page)
• Menu Fichier/ Importer
• Assistant importation de site web
- EX: http://www.elkharki.africa-web.org/pubique/index.html
--------------------------------------------------• Atelier
21
Site web pédagogique : http://perso.menara.ma/~elkharki/
Transformer Word en PDF
• Transformer Word en PDF
--------------------------------------------------• Atelier
22
Site web pédagogique : http://perso.menara.ma/~elkharki/
Travail à faire
• Ajouter un compteur
Exemple : http://perso.menara.ma/~elkharki/
23
Site web pédagogique : http://perso.menara.ma/~elkharki/
Pour aller plus loin
• Programmation HTML
• Java Script
• VB Script
• ASP
-------------------------------------------------• PHP et MySQL
• Macromédia: Dreamweaver, flash, fireworks
24
Site web pédagogique : http://perso.menara.ma/~elkharki/
Cours en ligne
• L’informatique à l’ENCG d’agadir
Espace 2ème année, programmation web:
http://perso.menara.ma/~elkharki/encg/index.html
• Cours d’informatique en ligne
http://perso.menara.ma/~elkharki/cours/index.html
25
Site web pédagogique : http://perso.menara.ma/~elkharki/
Merci bien
26