Bien, soyez respectueux(ses) de ceux par qui TOUT est ARRIVE !!!

Bien avant Internet, l'HYPERTEXTE a existé !!

Et l'hypertexte c'est quoi ???

Bien c'était un texte (DOS à l'époque) qui présentait un dossier, un contenu, bref un document informatique, prévu pour être consulté sur un écran d'ordinateur...
La question s'est posée très vite, d'éviter à avoir à recharger "à la main" chaque nouvelle rubrique ou chaque sujet différent....
Certains se sont posés la question : comment faire ???

Ils ont vite trouvé la réponse :

Si un mot ou un titre représente, une autre partie du document, pourquoi pas, faire en sorte, qu'en cliquant dessus (ou bien en tapant sur entrée) aller directement à cette partie là...sans aucune autre manipulation !!!

L'HYPERTEXTE était né, et bien né !!!!!

DEMO :

Cliquez ici

Puis après RETOUR CLiquez ICI
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Vous vous retrouvez là !!! puis CLIQUEZ ICI
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

SUITE ......

Voilà un petit voyage intéressant...n'est ce pas ???

Moins à l'impression du document...mais sympa à l'écran....
Que s'est-il passé ?

Ben en fait, vous avez usé des LIENS INTERNES....
Revoyons çà... DEMO: puis la mention cliquez
En cliquant vous avez été à une autre partie de la page...
Vous vous retrouvez là !!! puis CLIQUEZ ICI
A ce moment là un petit écran est apparu...puis vous avez cliqué sur OK et en fait vous êtes revenu à votre point de départ...(çà c'est pas du lien mais du javascript....)

UN LIEN INTERNE est un lien hypertexte, qui vous fait aller d'un endroit appelé LIEN (en général un texte souligné ou une image et sur lesquels apparait une main à la place du curseur habituel) vers UNE CIBLE.

Le gros avantage de ce système, c'est que votre future page INTERNET peut être organisée et structurée, pour en faciliter la lecture et l'utilisation... 
Par exemple, un plan au début de la page et plus bas (hors écran visible) la suite et les développements....

A bien y réfléchir c'est quelquefois très pratique, parce que c'est très rapide !!!
La page est chargée UNE SEULE FOIS et reste en mémoire...même grosse (importante en taille d'octets) elle reste très performante..

Combien de BEAUX sites sont ch..... à cause de la vitesse de tortue à la lecture....?

Mais çà on en reparlera....

Etape 1 = créez une nouvelle page (un nouveau fichier) avec le COMPOSER de NETSCAPE.
Etape 2 = au début de la page écrivez : DEPART
Etape 3 = en bas de l'écran du nouveau fichier (faire ENTREE, ENTREE,etc..) écrivez ARRIVEE - Retour au DEPART
Etape 4 = faites ENTREE, ENTREE, jusqu'à ce que ARRIVEE se retrouve en haut de votre écran..
Ok ?
Vous vous retrouvez donc avec une page avec DEPART en début de page, puis ARRIVEE... en bas de page, et un certain nombre de lignes vides, après ARRIVEE...vu ?

Que voulons nous faire ?

Lorsque l'on cliquera sur le mot DEPART, on devra se déplacer sur ARRIVEE..
Puis lorsque l'on cliquera sur Retour au DEPART, on devra revenir en haut de la page, c'est à dire au point de départ.
Vu ?

On va donc procéder ainsi :

1 - on va créer une CIBLE sur le mot ARRIVEE, que l'on appelera ARR
2 - on va créer un lien sur le mot DEPART, pour rejoindre la cible (le mot ARRIVEE) ou ARR
3 - on va créer une CIBLE sur le mot (ou devant le mot) DEPART, que l'on appelera DEP
4 - puis on va créer un lien sur les mots Retour au DEPART qui pointe sur la CIBLE DEP.

Calmez vous tout cela est très logique...on va...on vient...that's all

1 -Dans votre nouveau fichier, positionnez votre curseur, juste devant le mot ARRIVEE..

Puis cliquez sur (insérer une cible):

Entrez au clavier : "ARR" pour le nom de la cible. Puis cliquez sur OK, cela met un symbole devant le mot ARRIVEE.

2 - sélectionnez le mot DEPART entièrement avec votre souris...

Puis cliquez sur (insérer un lien) :

Dans l'écran qui apparait, regardez dans la partie basse de cet écran, il y a une rubrique :

Sélectionnez une cible déterminée sur la page courante (facultatif)

Dans le cadre sous ce texte il y a ARR, cliquez simplement dessus..
Cela écrit #ARR dans la rubrique lier à :

Faites OK
Voilà , votre première cible et votre premier lien.....

Cliquez sur sauvegarde de votre fichier, 

puis sur Visualiser.... (La ROUE de Gouvernail de NETSCAPE dans la barre d'icônes...)

Regardez votre fichier, cliquez sur DEPART, normalement hop....vous vous trouvez sur ARRIVEE !!!
 

BRAVO !! vous voici délivré(e) de la pesanteur terrestre....

Revenez à la création avec le COMPOSER

Faites la même chose

avec la suite.....
Positionnez votre curseur avant le mot DEPART, créez une cible (DEP)
Sélectionnez le texte RETOUR au DEPART, puis créez un lien, puis cliquez sur DEP et ok,

Ensuite Sauvegardez le Fichier, visualisez et testez !!

BRAVO !! BRAVO !!

Vous venez de maitriser les LIENS INTERNES.....

Super Champion...je vous l'ai dit SUPER CHAMPION...
 

Si cela ne marche pas du premier coup, c'est que vous avez oublié quelque chose...ce n'est pas grave, relisez calmement mes indications....refaites le chemin, lentement, et hop cela fonctionnera !!!
 

Vous n'allez tout de même pas vous laisser impressionner par un tas de fils électriques ??? non !!!

Les LIENS EXTERNES !!!

Qu'avons nous fait ?
 

Nous avons ajouté dans un document HTML pour internet, un symbole appelé CIBLE...puis dans une autre partie du même document, nous avons ajouté un système simple appelé LIEN.

Nous avons précisé que ce lien devait "pointer" sur notre CIBLE...

Après avoir sauvegardé ce document, on le visualise sur le Navigateur, et là on s'aperçoit que la fonction prévue est remplie (ce qui est une bonne nouvelle non ?) Il y a un texte souligné qui lorsque l'on passe la souris dessus se transforme en main, et qui lorsque l'on clique dessus, nous envoie dans la page à un autre endroit...

Vous avez bien sûr vu des centaines de fois, cette fonction sur le NET, maintenant vous savez ce que c'est et comment çà marche....

Bon, et les liens externes .....quid ?? me direz-vous...

Et bien les liens externes, c'est presque la même chose....

A un gros détail près, au lieu d'aller vers un autre endroit DU MEME DOCUMENT, on charge dans le navigateur, UN AUTRE FICHIER......

La procédure est pratiquement la même, voyons cela :

1 - créez un fichier avec le COMPOSER, écrivez dedans un court texte du genre : CECI EST LA PAGE DEUX, sauvez le en le nommant page2.html
2 - créer un autre fichier, écrivez : CECI EST LA PAGE UN - Aller à la page 2

Sélectionnez (avec votre souris) le texte Aller à la page 2, puis cliquez sur "insérer un lien"...

Là au lieu de rechercher une cilbe intérieure, dans la deuxième case (la même que pour le lien interne) écrivez page2.html 
puis OK.

Sauvez cette page HTML en la nommant : page1.html.

Ensuite visualisez la page1.html...cliquez sur Aller à la page 1 et.....

oh !! surprise, la page2 se charge et REMPLACE la page 1.

Cela signifie qu'à partir de n'importe page (fichier html) vous pouvez "pointer" une autre page et la charger !!

MAGNIFIQUE !! le pied, çà y est !!! vous savez (presque) tout !!!
 

Les implications de tout çà sont simples et relativement évidentes !!

Vous savez maintenant faire que le visiteur se déplace dans vos pages à l'intérieur et à l'extérieur de celle ci....Cela signifie que vous n'avez plus d'entraves !!!

Imaginez que votre première page soit une page d'accueil, avec le sommaire de ce vous présentez sur VOS pages...

Ce sommaire peut être une série de liens internes, qui renvoient à la même page, plus loin, avec des rubriques et + d'explications....
Dans ces rubriques et ces explications, il peut y avoir des liens EXTERNES, qui appellent les pages internet qui contiennent les développements, textes, photos, etc...sur les rubriques voulues..

Ca y est !!! vous avez TOUT ce QU'il faut pour monter vos pages sur INTERNET...
 

BIENVENUE au CLUB !!!!

Ahhh !! c'est fini....

Vous savez créer des liens internes - externes..

Ca suffit pour aujourd'hui......vous pouvez vous amuser avec les autres boutons....
C'est la prochaine leçon....