Les Métas
Les métas servent aux moteurs / annuaires de recherche pour décrire et indexer vos pages, exemple de moteur / annuaire: "Voilà". Pour d'autres annuaires, c'est à vous de décrire, au moment de l'inscription, vos mots clés et la description succincte de votre site.
<META NAME="keywords" CONTENT="mot-clé1,mot-clé2,mot-clé3,...">
Ce méta sert à définir les mots clés qui définissent vos pages. Ne l'oubliez pas car ils sont utilisés par beaucoup de moteurs, principalement sur la page de référence que vous soumettez au moteur.
Quelques commentaires :
- Les mots clés doivent être séparés par une virgule et sans espace
- Mettez les mots clés en minuscule
- Mettez tous les mots clés indispensables, lesquels ? oui lesquels…à vous de voir, mais ils doivent avoir un rapport avec votre page.
<META NAME="description" CONTENT="une brève description de la page">
Dans ce méta, décrivez succinctement votre site ou votre page en 150 ou 200 mots maxi.
Il existe d'autres métas, mais non indispensablet. Ils servent, à faire des renvois automatiques de pages, à donner le nom de l'auteur, la langue utilisée, le logiciel de création de pages, etc.. Pour plus d'info vous pourrez consulter les sites dont je vous donnerai l'adresse à la fin de ces présentations.
Ces métas sont à mettre sur toutes vos pages car un moteur peut adresser directement une page et pas simplement le menu mais ils sont indispensables dans les menus et les pages "d'accueil". (le menu et la page d'accueil peuvent être différents).
Vous allez voir comment utiliser ces métas dans le menu général de vos pages que nous allons créer.
Lancez Claris. Dans la page vierge de départ mettez en titre par exemple "Les pages perso de Toto" au format "titre3" et centré, "Toto" étant votre nom.
Quelques lignes plus bas écrivez en centré "la Haute-Marne sans cadre" et établissez un lien de cette ligne vers le fichiers "index.htm" du dossier "haute-marne". Sur une autre ligne "la Haute-Marne avec des cadres" et établissez un lien vers "index.htm" du dossier "h-m-cadre".
Dans les "Options de document" définissez le fond en blanc et donnez le titre "la Haute-marne". Enregistrez cette page dans le dossier "internet" sous le nom "index.htm".
Vous allez placer des métas dans cette page. Avec Claris, cliquez sur le bouton (7) du bandeau supérieur. A partir de ce moment, vous affichez le texte source de votre fichier "index.htm". Comme je vous l'avais dit en début de présentation, le langage HTML, c'est du texte, mais anglais…
Les Métas sont à placer dans la tête du document, entre les balises <head> et </head>, vous les placerez juste avant le </head>.
Pour ce faire, sélectionnez les deux lignes ci-dessous avec votre souris en maintenant le bouton gauche appuyé puis en maintenant la touche CTRL enfoncée, appuyez sur la lettre C (= copier). Dans le code source du fichier "index", collez le texte avant le </head> avec les touches "CTRL + V" (= coller)
<META NAME="keywords" CONTENT="haute-marne,marne,champigny,charmes"> <META NAME="description" CONTENT="Présentation du département de la Haute-Marne.">
Vous devez obtenir ceci:
Si le fait que ces lignes débordent de votre écran vous gêne (c'est mon cas), vous pouvez modifier les préférences de Claris par "Edition, Préférences", choisissez l'onglet "Editeur HTML" et cochez l'option "retour ligne auto."
Enregistrez le document par le bouton (3).
Pour revenir au format d'affichage standard, cliquez sur le bouton (5). Le bouton (11) "Options de document", onglet "Complément HTML" permet la même manipulation, mais je le trouve moins souple, et cette démonstration vous a permis de voir la source du fichier.
Ce type de manipulation vous sera utile pour placer des compteurs et dans vos échanges avec d'autre Internautes. Ce langage source est la seule chose commune aux pages HTML et il est indépendant du logiciel de conception, ou presque… De plus, c'est dans ce format que vous pourrez récupérer des trucs et astuces sur d'autres sites. Mais patientez un peu, attendez d'avoir un peu plus d'expérience.
Comme d'habitude essayez votre site en lançant le fichier "index" du dossier "internet" à l'aide de votre Explorateur Windows.
Un retour vers l'accueil général du site.
Avec cet essai, vous vous apercevez qu'il manque un retour des deux sites (avec et sans trame) vers le menu général. Maintenant vous devez être capable d'établir ces retours vers le menu général depuis le fichier "index" du dossier "haute-marne" et du fichier "menu" du dossier "h-m-cadre".
Voici mon fichier "index" du dossier "haute-marne" modifié pour ajouter une dernière ligne avec un lien vers le menu général situé dans le dossier "Internet".
et le fichier "menu" du dossier "h-m-cadre"
Pour ce dernier, il faut reprendre le tableau, insérer une colonne (attention, elle s'ajoute après la colonne sélectionnée et non avant comme dans Excel), reprendre les dimensions des colonnes pour les ramener de 33% à 25% en largeur (j'ai bien dit % et non pixel, vous vous ferez peut-être avoir comme moi) et enfin ajoutez votre choix de "menu général". Attention ici vous devez ajouter l'option "_top" dans le champ "Cadre cible" sinon le menu principal s'affiche seulement dans le petit cadre appelé "menu".
Une question comment choisir parmi les 4 choix "_blank, _self, _parent, _top"?
_blank permet d'ouvrir une nouvelle session de navigateur (nouvelle fenêtre),
_self est implicite,
_parent est utilisé dans les cadres imbriqués
_top, on vient de la voir.La meilleure solution, faites des essais...
Ainsi modifiées, vos pages fonctionnent à la "perfection".
Voici un modèle de ce que vous devriez obtenir.
Votre initiation à la création des pages HTML est arrivée à son terme, il nous reste à mettre ces pages "en ligne".
