|
créer un site web avec composer
III/
PREMIERE PAGE WEB
1/
La structure
2/ Créer la première page
3/ Renseigner les balises méta
4/ Insérer du texte et mettre en forme
5/ Insérer une image
6/ Insérer un tableau
1/
La structure
Il
est évident même si je ne le dévellope pas ici qu'il faut avoir sur papier une
idée très précise de la structure du site, de l'enchaînement des pages ( liens)
ainsi que de l'allure graphique générale des pages. Ce n'est pas obligatoire
mais c'est fortement recommandé et si vous ne le faites pas dès le départ vous
devrez de toute façon le faire plus tard.
Commençons
par créer les répertoires qui vont accueillir le site :
- Le
répertoire racine : dans mon cas il se nomme le-site-de-pingu
- Le
répertoire html qui contiendra toutes les pages sauf la page d'accueil que
je vous conseille de mettre directement sous le répertoire racine donc en
fait au même niveau que ce répertoire et les suivants.
- Un
répertoire images (si vous voulez mettre des images ou photos).
- Un
répertoire Programmes si vous souhaitez proposer des programmes en téléchargement
sur votre site.
- Et
d'autres si vous le jugez nécessaire par exemple un pour vos scripts ou vos
styles externes si vous en définissez. Après, tout dépend de la taille, du
contenu et de la mise en forme de votre site.
2/
Créer la première page
Tout
d'abord je vous conseille de l'enregistrer sous le nom de index.htm ou index.html
car lorsque vous donnerez l'adresse de votre site vous indiquerez le nom du
répertoire de votre hébergeur. Donc vous donnez l'adresse sans mentionner ni
répertoire, ni nom de fichier car par défaut le navigateur de vos visiteurs
recherchera le fichier index.htm (ou index.html).
Pour enregistrer une page, cliquez sur Fichier >> enregistrer Sous.
Une boîte de dialogue vous demande de choisir un titre pour la page :
c'est le texte qui s'affichera dans la barre de titre du navigateur et si une
personne met votre site dans ses favoris, c'est ce texte qui désignera
votre site : choisissez donc un titre indiquant le nom de votre site et quelques
mots de descriptions. Il est important de renseigner correctement le titre de
vos pages pour le référencement de votre site : si vous voulez
que les moteurs de recherche classent votre site dans les premiers résultats
d'une recherche (plus d'informations sur le référencement).
Une fois que vous avez indiqué un titre, cliquez sur OK.
La fenêtre d'enregistrement s'ouvre : donner le nom index.htm à
votre fichier et enregistrez-le dans le dossier que vous avez créé
à cet effet.
Voilà
votre première page existe même si pour l'instant elle est vide.
Remarquez
le titre de la fenêtre : il indique le titre de la page suivi du chemin
de celle-ci :
3/ Renseigner les balises meta
Les
principales balises méta servent à renseigner les lecteurs sur l'auteur, le
titre, la date de création, et le contenu de la page. Elles sont également
utiles au référencement d'un site.
Soignez tout particulièrement la description).
Pour renseigner les meta tags (balises meta), cliquer sur Format >>Titre
de la page et propriétés. La fenêtre suivante s'ouvre :
L'adresse
: c'est le chemin absolu de votre page ne vous inquiétez pas pour certains caractères
barbares comme %20 cela indique juste un caractère d'espacement.
La
dernière modification
: la date à laquelle vous avez modifié ce fichier. Ici c'est un nouveau fichier
donc pas de date pour l'instant.
Le
titre : ici Cestfacile.org
tutoriaux informatiques : c'est le titre qui apparaîtra dans la barre de titre
du navigateur de vos lecteurs.
L' auteur : Vous. (vous avez aussi la possibilité
de remplir la balise Auteur une fois pour toute, on va y revenir un peu plus
loin).
La description : très important si vous référencez
votre page sur des moteurs de recherche : la description permet aux lecteurs
d'avoir un résumé succint du contenu de vos pages.
Page
suivante : insérer du texte et mettre en forme
|