Les liens

Les liens servent à diriger l'internaute vers:
Un site exterieur
Une autre page de votre site
Internes à la page
Supprimer un lien

Lien vers un site exterieur

Pour exemple cliquez sur l'icône "Modèles"

Création de liens éditeur html



Sélectionnez le modèle Page type pour un site de plusieurs pages

Création de liens éditeur html

Création de liens vers des sites extérieurs
Ecrire le texte de votre lien

Création de liens éditeur html

Sélectionnez le texte

Création de liens éditeur html

Cliquez sur l'icône insérer/modifier lien

Création de liens éditeur html

Ecrivez l'URL du site sur lequel doit être dirigé l'internaute
Ex: www.altavista.com

Création de liens éditeur html

Cliquez sur l'onglet "Avancé"

Ecrivez dans Titre: Altavista
Ce qui est écrit dans Titre est ce qui apparaîtra dans l'info bulle de l'internaute lorque son curseur survolera le lien.
Exemple:
Création de liens éditeur html

Création de liens éditeur html

Cliquez sur le bouton "OK"

Le lien vers le moteur de recherche du site Altavista est créé.

Création de liens éditeur html

Test du lien créé

Cliquez sur l'icône "Prévisualisation" et cliquez sur le lien que vous venez de créer, vous serez dirigé vers le site de Altavista.

Reprenez la même procédure pour créer les liens que vous voulez vers les sites que vous désirez.

Création de liens éditeur html
Note:
Pour supprimer un lien existant, placez le curseur sur le lien désiré et cliquez sur l'icône "Supprimer le lien"
Création de liens éditeur html


Liens vers une autre page de votre site

Il faut pour cela que votre site dispose de plusieurs pages
1 - Charger modèle Page type pour un site de plusieurs pages comme ci-dessus
2 - Enregistrez le modèle sous par exemple: test_liens_page_1.html (ou un autre nom si ce fichier existe déjà).
1 - Création de liens éditeur html

2 - Création de liens éditeur html
Création de liens éditeur html
4 - Enregistrez cette même page sous par exemple: test_liens_page_2.html (ou un autre nom si ce fichier existe déjà). Création de liens éditeur html
Même images que ci-dessus mais enregistrez sous
test_liens_page_2.html

Nous avons maintenant 2 pages identiques enregistrées sous test_liens_page_1.html et test_liens_page_2.html
Nous allons maintenant pouvoir créer des liens d'une page vers l'autre.
La page en cours d'édition est test_liens_page_2.html, vous pouvez le vérifier en cliquant sur l'icône Enregitrer sous. Ce qui affichera le nom du fichier en cours d'édition.
Ceci est toujours valable pour connaître le fichier de la page en cours d'édition.
Création de liens éditeur html
Nous allons créer un lien de cette page vers la page test_liens_page_1.html  
Dans le cadre des liens internes à votre site écrivez Page 1 Création de liens éditeur html
Sélectionnez le texte (ici: Page 1) Création de liens éditeur html
Cliquez sur l'icône insérer/modifier lien Création de liens éditeur html
Cliquez sur le bouton "parcourir le serveur" Création de liens éditeur html

Cliquez sur le fichier (donc la page) vers lequel le lien enverra l'internaute
(ici: page test_liens_page_1.html)

Création de liens éditeur html

Cliquez sur l'onglet "Avancé" pour donner un titre à votre lien, et cliquez sur le bouton "OK"

Création de liens éditeur html
  Création de liens éditeur html
Enregistrez la page Création de liens éditeur html
Test du lien qui vient d'être créé. Création de liens éditeur html
Cliquez sur le lien et vous serez dirigé vers la page 1


Création de liens éditeur html

Création d'un lien de la page 1 vers la page 2, ce qui permettra de naviguer de la page 1 vers la page 2 et vice versa.

Cliquez sur l'icône "Ouvrir Fichier"

Création de liens éditeur html
Cliquez sur "Parcourir le serveur"

Note: Si un message d'erreur apparaît fermer puis re-ouvrir
Création de liens éditeur html
Cliquez sur le fichier test_liens_page_1.html Création de liens éditeur html
Cliquez sur le bouton "OK" Création de liens éditeur html
Dans le cadre des liens internes à votre site écrivez Page 2 Création de liens éditeur html
Sélectionnez le texte (ici: Page 2) Créer un lien avec l'éditeur html
Cliquez sur l'icône insérer/modifier lien

Faire la même procedure mais en rapport au fichier test_liens_page_2.html
Création de liens éditeur html
Comme les pages sont identiques vous ne verrez pas beaucoup de différences, modifiez les pages couleur, texte et recommencez le test de prévisualisation ou enregistrez vos pages aprés les avoir modifiées et regardez le résultat dans votre navigateur habituel à l'adresse de
www.votre-site.tld/ test_liens_page_1.html
Note:
Pour supprimer un lien existant, placez le curseur sur le lien désiré et cliquez sur l'icône "Supprimer le lien"
Création de liens éditeur html

 


Liens internes à une page


Ces liens permettent d'afficher un endroit précis d'une page
En exemple nous allons créer un lien qui envoie vers le bas de la page
Ecrivez Lien vers le bas de la page Création de liens éditeur html
Placez le curseur dans le pied de page Création de liens éditeur html
Cliquez sur l'icône Insérer/modifier ancre
Création de liens éditeur html

Ecrire le nom de l'ancre par exemple PiedDePage ou Pied_De_Page (pas d'espaces).
Cliquez sur le bouton "OK"

Création de liens éditeur html

Une icône jaune apparaît, elle ne sera pas visible lors de la navigation. Création de liens éditeur html
Sélectionnez le texte en haut de page Création de liens éditeur html
Cliquez sur l'icône insérer/modifier lien Création de liens éditeur html

Sélectionnez Type de lien: Ancre dans cette page

Création de liens éditeur html

Sélectionnez vers quelle ancre le lien doit pointer (ici: PiedDePage)
Cliquez sur le bouton "OK"

Création de liens éditeur html

Test du lien créé

Note:
Le test de prévisualisation ne fonctionne pas pour les ancres.
Il faut regarder le résultat dans votre navigateur habituel à l'adresse de
http://www.votre-site.tld/ test_liens_page_1.html
Création de liens éditeur html
 
Note:
Pour supprimer un lien existant, placez le curseur sur le lien désiré et cliquez sur l'icône "Supprimer le lien"
Création de liens éditeur html







Description des icônes | Notes utiles | Création à partir d'un modèle | Ouvrir un fichier | Gestionnaire de fichiers | Propriétés page |
Enregistrement et mise en ligne d'une page | Les tableaux | Insérer une image | Manipulation d'image | Création de liens |