Agence creation de site internet
Debutant : Creez votre premiere page web
Thèmes associés : Structure d'une page web. Structure d une page web ni structure page web, structure page html. Liens associés : structure page web et structure page web
E-Commerce

Comprendre la structure de la page

2.1 - Fonctionnement d'une balise HTML

Il existe 2 types de balises HTML :
1 - les balises ouvrantes et fermantes
2 - les balises autofermantes
 
Les balises ouvrantes et fermantes sont par exemple de la forme :
"Ceci est du code <abbr>HTML</abbr>".
<abbr> est une balise ouvrante.
</abbr> est une balise fermante.
Ceci est du code <abbr>HTML</abbr> signifie que le mot "HTML" est une abbréviation.
 
En revanche, les balises autofermantes sont par exemple de la forme :
<img src="images/mon_image.jpg" alt="nom de mon image" />
Cette balise correspond à une image (nous verrons cela plus loin).

2.2 - Les dimensions utilisees sur Internet

Pour créer notre site, les dimensions utilisées seront en pixels. La largeur de notre site Internet sera de 800px.
Il ne faut pas utiliser le centimètre pour créer un site, mais le pixel ou le pourcentage.

2.3 - Modifiez le titre de votre page

Vous allez maintenant modifier le titre de votre page Internet qui se trouve dans votre page index.html. Ouvrez la page avec votre bloc note et rendez-vous à la ligne :
<title>Titre de ma page web</title>
 
Le titre de la balise <title> n'est pas directement celui affiché sur votre page. Mais celui visible dans le navigateur web. C'est aussi les titres qui sont affichés dans les moteurs de recherche (Google, Yahoo...).
 
Ecrivez le titre le plus explicite possible pour votre page.
Par exemple :
<title>Location d'une jolie maison en bord de mer</title>
Image de Comprendre la structure de la page
Aperçu de la balise title (titre) dans votre navigateur
zoom sur image
Aperçu de la balise title (titre) dans votre navigateur

2.4 - Les balises meta

Comme la balise title, les meta ne sont pas directement visibles sur le site. Elles permettent d'indiquer brièvement aux moteurs de recherche (Google, Yahoo, Voila...), des informations sur le contenu de votre page. Deux balises sont souvent utilisés :
- Meta Description :
Cette balise permet de fournir une description de sa page aux moteurs de recherche. Il est important d'écrire une phrase brève et explicite qui détail le contenu de la page de votre site. C'est aussi le texte qui est affiché (dans la plupart des cas) dans les résultats des moteurs de recherche.
<meta name="description" content="Cette page est consacrée à ma maison en bord de mer, près de La Rochelle." />
- Meta Keywords :
Cette balise permet de fournir une liste de mots clés et d'expression en rapport avec le contenu de votre page. Ces mots clés sont plus ou moins pris en compte par les moteurs de recherche. De nombreux sites ne l'utilisent d'ailleurs jamais : la remplir est donc facultatif.
<meta name="keywords" content="maison bord de mer,location la rochelle,maison mer la rochelle" />
Image de Comprendre la structure de la page
Aperçu dans les résultats de Google
zoom sur image
Aperçu dans les résultats de Google

2.5 - Le contenu de votre page Internet

Nous venons de voir comment préparer sa page. Dans l'étape suivante, vous allez apprendre à intégrer du contenu à votre page. A savoir que le contenu visible sur votre site se met entre les balises <body>...ici le contenu de votre page...</body>

Création de sites Internet
& référencement naturel

Découvrez les références de l’agence web
STUDIO VITAMINE. Des spécialistes et passionnés
Ă  votre service ! Devis gratuit.
mascotte de l'agence web STUDIO VITAMINE
l'agence web STUDIO VITAMINE