Collegamenti Ipertestuali

In questo capitolo vedremo come fare ad inserire dei collegamenti ipertestuali su testo o immagini. Scopriremo inoltre come creare delle ancore in un documento web e come mappare un'immagine per definire delle aree sensibili. Inutile dire che gli strumenti che Dreamweaver mette a nostra disposizione risultano essere semplici nell'utilizzo e alquanto intuitivi.

Inserire un collegamento ipertestuale su testo - Per inserire un collegamento ipertestuale su testo opereremo attraverso la finestra 'proprietà' riferita al testo. Questo è solo un modo poichè, mediante il menù 'elabora', è possibile fare la stessa cosa. Per prima cosa bisogna selezionare il testo su cui vogliamo creare il link. Dopo aver fatto questo ci sposteremo sulla finestra 'proprietà', precisamente sul campo 'collegamento'. Qui digiteremo l'indirizzo del sito o il percorso del file che vogliamo collegare al testo selezionato. Tramite la piccola cartella gialla affiancata alla casella 'collegamento' possiamo esplorare il disco fisso alla ricerca di un file in particolare. In alternativa utilizzeremo il mirino, trascinandolo su un file della finestra 'mappa del sito'.

Inserire un collegamento ipertestuale su immagine - Anche per inserire un collegamento ipertestuale su immagine opereremo attraverso il pannello 'proprietà' riferito, stavolta, a un'immagine. La prima cosa che dobbiamo fare è cliccare sull'immagine per selezionarla. Dopo aver fatto questo ci sposteremo sulla finestra 'proprietà', precisamente sul campo 'collegamento'. Qui digiteremo l'indirizzo del sito o il percorso del file che vogliamo collegare al testo selezionato. Mediante la piccola cartella gialla affiancata alla casella 'collegamento' potremo esplorare l'hard disk alla ricerca di un file in particolare. In alternativa utilizzeremo il mirino, trascinandolo su un file della finestra 'mappa del sito'.

I bordi di un'immagine - Una volta realizzato il collegamento, ci renderemo conto che perimetralmente all'immagine sono apparsi dei bordi. Essi ci indicano che 'sotto' quell'immagine si trova un link. Per eliminare i bordi, sempre dal pannello 'proprietà', precisamente sul campo 'bordi' che si trova subito prima le tre opzioni di allineamento, impostiamo il valore numerico '0' (zero). Questo valore esprimerà lo spessore dei bordi in pixel e potrà essere modificato in ogni momento.

Realizzare immagini mappate - La mappatura di un'immagine è una pratica molto frequente nel web. Essa consiste nel delineare alcune aree dell'immagine stessa sulle quali applicare collegamenti ipertestuali. In questo modo una sola immagine potrà fungere, ad esempio, da menù di navigazione per il nostro sito. Dal pannello 'proprietà' riferito a un'immagine (cioè dopo averla selezionata), nel campo 'mappa' (nella parte inferiore sinistra del pannello) inseriamo un nome univoco per la mappa che vogliamo realizzare. Subito sotto il campo 'mappa' sono presenti tre tasti che rappresentano figure geometriche di colore azzurro. Selezioniamo una delle tre forme, attiviamo la freccetta che si trova appena a sinistra rispetto ai pulsanti e spostiamoci sull'immagine con il puntatore del mouse. In questo modo saremo in grado di definire un'area sensibile che avrà la stessa forma della figura geometrica selezionata in precedenza. Una volta selezionata l'area dell'immagine, nella finestra proprietà compariranno i campi 'collegamento', 'destinazione' e 'testo alternativo'. Modificandoli in modo opportuno assegneremo all'area che abbiamo definito un collegamento ipertestuale, una destinazione per il collegamento (target) e un testo alternativo.

Destinare un collegamento ipertestuale - Dopo aver creato un collegamento ipertestuale è possibile sceglierne la destinazione, che può essere nella stessa finestra della nostra pagina web, in una nuova finestra ecc... Per impostare la destinazione di un collegamento, sia esso su testo o su immagine, dalla finestra 'proprietà' e precisamente dal campo 'destinazione', possiamo definire l'opzione più indicata alle le nostre esigenze (_blank, _parent...). 

Destinare un collegamento in un frame - Se la nostra pagina contiene dei frame, quando visualizzeremo le opzioni del campo 'destinazione', tra esse appariranno anche i nomi dei frame che fanno parte del documento. In questo modo potremo decidere di far aprire una pagina in un determinato frame.

Creare un ancoraggio con nome - Per creare un ancoraggio con nome si utilizza la categoria 'invisibili' del pannello 'oggetti'. Possiamo sia selezionare un termine (che fungerà da etichetta) e poi cliccare sull'icona rappresentante l'ancora gialla, o cliccare direttamente sul tasto impostando successivamente il nome per l'ancoraggio dalla finestra che si aprirà. Dopo aver fatto ciò dobbiamo creare un collegamento che punti proprio all'etichetta creata e che ci permetta di raggiungere rapidamente la sezione del documento dove essa si trova. Per farlo opereremo come per la creazione di un semplice link. Selezioniamo la parola, la frase o l'immagine desiderata e nel campo 'collegamento' digitiamo il nome esatto dell'ancoraggio preceduto dal simbolo cancelletto (#).

Inserire un collegamento ad un indirizzo email - Per inserire un collegamento ad un indirizzo di posta elettronica si opera dalla categoria 'comuni' del pannello 'oggetti'. Qui è presente un'icona che rappresenta una lettera postale bianca (è la quarta icona della colonna di destra sendendo verso il basso) sulla quale dovremo cliccare per determinare il testo del link e l'indirizzo di posta elettronica ad esso associato. Infatti basterà riempire in modo opportuno i campi della finestra di dialogo che si aprirà dopo il click per determinare il collegamento. Questo apparirà nella posizione in cui si trovava il prompt (cursore) nel momento che abbiamo cliccato sull'icona.

Lezione successiva ->