e-learning Dreamweaver Initiation

10. La balise HEAD

Onglet commun
Insertion

10.1 Les balises Meta

Pour insérer des balises meta cliquez sur l'icône 8

Les balises meta se mettent entre les balises <head></head>

Il existe bien d'autres balises meta, certaines sont inutiles pour le référencement de votre site, nous ne les aborderons pas dans ce point

Vous pouvez toujours consulter ce site

Regardez ce site où vous retrouverez la liste compléte

Méta
Permet d'insérer tout type de balise meta

CODE HTML
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Balise TITLE
Le titre que vous retrouvez dans la barre de votre navigateur et le titre que vous retrouverez quand vous fai^tes une recherche dans Google

CODE HTML
<title>E-LEARNING - Formation Dreamweaver</title>

Mots clés
Permet d'insérer la balise meta keywords
Cette balise n'est pas concrétement visible

CODE HTML
<meta name="Keywords" content="Formateur Dreamweaver, formateur dreamweaver nord, formateur dreamweaver 59, formation dreamweaver Nord, formation Dreamweaver 59" />

Description
Permet d'insérer la balise meta desciption
Desciption que vous retrouvez lorsque vous faîtes une recherche dans Google

Code HTML
<meta name="Description" content="Je propose mes services en tant que formateur sur Dreamweaver pour les professionnels et centres de formation partout dans le Nord" />

Actualiser
Permet d'actualiser une page ou rediriger vers une URL
Pour actualiser votre page

CODE HTML
<meta http-equiv="refresh" content="5;URL=" />

Pour rediriger vers une autre URL

CODE HTML
<meta http-equiv="refresh" content="5;URL=http://www.conseil-webmaster.com/" />

Insérer une base
Permet de rendre relatif, tous les liens de documents

10.2 Les balises utiles pour le référencement

La balise TITLE
La balise meta description
La balise meta keywords (Apparement cette balise n'aurait plus d'importance pour Google, à vérifier)

1-Se familiariser avec l'interface

1.1 Organisation de l'espace de travail
1.2 La barre d'outils Insertion
1.3 La gestion de sites avec Dreamweaver

2- Création de contenu texte

2.11 Le texte, les polices, le formatage
2.12 Les paragraphes
2.13 Les entêtes
2.14 Les puces, les listes numérotées
2.15 Les sauts de ligne, les espaces insécables, les caractères spéciaux

3- Insertion d’images

3.1 Généralités et utilisation
3.2 Insérer une image
3.3 Les images de fond
3.4 Les images survolées

4- Les hyperliens

4.1 Lien sur du texte
4.2 Lien sur une image
4.3 Lien de messagerie
4.4 Les ancres nommées
4.5 Les attributs

5- Mise en page à l’aide des tableaux

5.1 Création de pages simples en tableaux
5.2 Gestion de page web avec des tableaux

6- Mise en page à l'aide de calques

6.1 La balise DIV
6.2 Tracer la balise DIV

7- Mise en forme à l'aide de CSS

7.1 Création de feuilles de style
7.2 Créer, modifier, supprimer une règle de CSS
7.3 Appliquer une règle de style CSS à une balise

8- Insertion de médias Flash

8.1 Animation Flash
8.2 Boutons Flash
8.3 Texte Flash
8.4 Video Flash

9 - Créer un menu de navigation

9.1 Menu statique
9.2 Menu Spry

10- La balise HEAD

10.1 Les balises Meta
10.2 Les tags utiles pour le référencement

11- Transférer vos données

11.1 Paramètrage dans Dreamweaver
11.2 Transfert de données par FTP via Dreamweaver