Valeur de cette activité : 5 points
Compétence :
12- Les balises metas

A-Module 01 : HTML : 5 points - difficulté : 1

Présentation

Les balises METAS ne modifieront aucunement la présentation de votre page web mais sont tout de même très utiles.

Cette activité a pour but de vous faire découvrir ces balises et leurs utilités.

Cliquez ici afin d'afficher un tutoriel.

Description

  1. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 3689
  2. Lisez bien les informations relatives aux balises metas disponibles en cliquant ici
    ou
    ici
    ou
    ici
    ou
    ici
    Lien additionnel : les balises METAs et le référencement
  3. Inscrivez le titre : "Les balises METAS"
  4. Inscrivez 3689 dans le champ No de la directive
  5. Sélectionnez dans la champ Matière : INFORMATIQUE
  6. Sélectionnez dans la boîte à liste déroulante "SECTION", "Module 01 : HTML".
  7. Insérez dans votre page le code html d'une page de base en cliquant le bouton NOUVEAU.

    Le code inscrit entre les balises BODY et /BODY s'affichera dans la fenêtre du navigateur.

    Le code inscrit en en-tête (entre les balises HEAD et /HEAD) ne sert qu'à transmettre des informations relatives à votre page aux moteurs de recherche et au navigateur internet. Les informations que vous utiliserez ne s'afficheront donc pas dans votre page.

  8. Insérez en en-tête de page (entre les balises HEAD et /HEAD) les balises METAS suivantes : Balise de Titre, Balise de Description, Balise de Mots-clés, Balise Auteur et Balise Robot en copiant / collant ce code ci-dessous :<title>Titre de la page</title> <meta name="description" content="Description du site."> <meta name="keywords" content="mot clés,"> <meta name="author" content="Votre nom"> <meta name="robots" content="index,follow">
  9. Inscrivez dans la balise de titre (entre TITLE et /TITLE) : Balises Meta
  10. Pour chacune des balises meta, inscrivez les valeurs suivantes dans le paramètre Content="" :
    - Pour la balise de DESCRIPTION : Exercice sur les balises Meta
    - Pour la balise KEYWORDS : html, Meta, Balise, ton nom, école, Chêne-Bleu
    - Pour la balise AUTHOR : ton nom
    - Pour la balise ROBOTS : all

    Vous pouvez au besoin utiliser ce GÉNÉRATEUR DE BALISES METAS Cliquez ici ou Cliquez ici .
  11. Insérez dans le corps de votre page (entre BODY et /BODY)le titre de niveau 1 suivant : Les balises Metas
  12. Nommez et décrivez dans vos propres mots l'utilité de chacune des balises ci-haut mentionnées. Exemple (copiez/collez ce texte et complétez les phrases):
    La balise Meta Description sert à ...
    La balise META Keywords sert à ...
    La balise Meta Author sert à ...
    La balise META Robots sert à ...

    Référez-vous aux sites de référence afin d'obtenir la description de chacune des balises :
    http://www.g1script.com/home/CREERSONSITE/META/index.php
    ou
    http://www.allhtml.com/metatags/metatags77.php
    ou
    http://www.chez.com/starshoot/html/meta.htm
  13. N'oubliez pas d'ajouter un saut de ligne entre chacune des descriptions afin que le texte soit plus facilement lisible.
  14. Visualisez votre page et apportez des modifications au besoin. Notez que vous pouvez utiliser des outils en ligne "Générateurs de balises METAS" :
    Voir un de ces outils en cliquant ici.