00 30/10/2004 16:30
--> Small Tutorial <-- Link interni/esterni


I link interni ed esterni


La vera nota interattiva dei siti web è data dal link, ovvero dal collegamento fra le varie pagine (link esterni) o fra parti di una stessa pagina (link interni).


I link esterni sono i più facili da memorizzare, grazie alla semplicità del tag:


<a href="nome_pagina.html">premi qui</a>



"premi qui" sarà quindi sensibile al tocco del mouse: se l'utente del sito cliccherà sul testo, si aprirà una nuova pagina.

Si possono includere alcuni attributi, quali ad esempio il target: includendo l'attributo nel tag, <... target = _new>, la pagina "nome_pagina.html" verrà aperta in una nuova finestra, non in quella corrente.


Per quanto riguarda i link esterni la situazione è un pò diversa. In questo caso non ci si deve collegare ad altre pagine, ma a sezioni ben definite della stessa pagina. Come fare?

Si deve innanzitutto definire la posizione della sezione:


<a name="menu">Menu</a>

"Menu" corrisponde a "nome_pagina.html" nei link esterni: è la nostra destinazione!


<a href="#menu">Torna al menu</a>

"Torna al menu" corrisponde a "premi qui" nei link esterni.

L'area sensibile nella pagina sarà quindi quella dedicata al testo "Torna al menu" che, se cliccato, ci visualizzerà subito la sezione dedicata al menu.


Aggiungo in questa sezione delle specifiche utili per la formattazione:i punti elenco sono molto semplici e di buon impatto grafico.


A punti:


<ul>

<li>prima sezione</li>

<li>seconda sezione</li>

<li>terza sezione</li>

<li>quarta sezione</li>

</ul>



A numeri:


<ol>

<li>prima sezione</li>

<li>seconda sezione</li>

<li>terza sezione</li>

<li>quarta sezione</li>

</ol>





Domande?

[Modificato da EricaLeda 30/10/2004 16.33]