Come già accennato un collegamento ipertestuale è alla base della navigazione in Internet: la sua importanza è tale che il termine Hypertext presta l'iniziale alla sigla HTML.
Fondamentalmente esistono due tipi di collegamenti ipertestuali:
quelli assoluti e quelli relativi.
Un collegamento assoluto permette di raggiungere la pagina puntata
indipendentemente dalla posizione della pagina di origine. Al contrario il
collegamento relativo permette di raggiungere la pagina di destinazione in base
alla posizione della pagina di origine.
Possiamo voler inserite un collegamento assoluto ad esempio per creare, nella nostra pagina, un "ponte" verso un altro sito. In questo caso:
Abbiamo appena creato un Collegamento Ipertestuale assoluto.
Per verificarne il corretto funzionamento visualizziamo l'anteprima
della pagina cliccando sull'apposito pulsante nella barra degli strumenti Standard

Immaginiamo per un attimo quanto sarebbe complicato gestire un
sito Internet servendoci esclusivamente di collegamenti assoluti. Ogni
singolo collegamento ad una sottopagina dovrebbe incorporare l'intero dominio e
sottocartelle relative a quella pagina.
Il sistema funzionerebbe ma cosa succederebbe qualora cambiasse il dominio del
sito (e soprattutto come potremmo verificare il funzionamento dei collegamenti
in fase di preparazione del sito, quando questo si trovasse ancora nel nostro
hard disk?)
Fortunatamente l'HTML prevede un secondo tipo di collegamento che non indicizza una pagina partendo dalla radice http://...etc ma la individua in base alla posizione della pagina di partenza. Questo garantisce, quindi, il perfetto funzionamento del collegamento purché rimanga invariata la relazione tra la pagina di partenza e quella di destinazione.
Se ad esempio la pagina di partenza (partenza.htm) di trovasse nella cartella principale del sito mentre quella di di destinazione (destinazione.htm) si trovasse nella cartella alfa allora il collegamento annoterebbe che per "saltare" da partenza.htm a destinazione.htm deve:
Il
collegamento sarebbe scritto in questo modo "alfa/destinazione.htm".
In questo modo al collegamento non interesserebbe se il sito si trovasse in un
dischetto, in una remota cartella del nostro hard disk o su Internet.
FP2000 ci aiuta a creare collegamenti di tipo relativo tramite la comoda finestra Crea collegamento.
Abbiamo appena creato un collegamento relativo.
Carichiamo l'anteprima della pagina per verificarne il funzionamento.
Come abbiamo verificato l'utilità dei collegamenti relativi è alta. Ma cosa succede se decidiamo di rinominare o spostare il file a cui punta un collegamento relativo?
La soluzione più ovvia sembra quella di modificare di conseguenza il collegamento relativo in modo da ripristinarne il funzionamento.
Ma soluzione è ancora accettabile per un sito web di grandi
dimensioni (ad esempio 100 pagine)?
Sarebbe un lavoro titanico pensare di ricontrollare, ed eventualmente
correggere, i collegamenti presenti nelle altre 99 pagine.
Fortunatamente FP2000 risolve ottimamente questo problema correggendo
automaticamente tutti i collegamenti del web qualora noi decidessimo di
spostare o rinominare un qualsiasi file o cartella.
Non dobbiamo quindi preoccuparci del mantenimento dei collegamenti poiché FP2000 adatterà continuamente il web per renderlo coerente con le nostre modifiche. Nel momento in cui rinomineremo un file che è la destinazione di un collegamento FP2000 ci mostrerà la seguente finestra di dialogo. Scegliamo Si per confermare la modifica dei collegamenti ed al resto penserà il programma.

E' possibile sfruttare la finestra Crea collegamento anche per creare dei collegamenti ad indirizzi di posta elettronica. In questo modo qualora l'utente cliccasse sul collegamento vedrebbe automaticamente aprirsi il proprio programma predefinito di posta elettronica già pronto per inviare un e-mail all'indirizzo specificato nel collegamento.

Creiamo un collegamento ad un indirizzo di posta elettronica in questo modo:
Abbiamo appena creato un collegamento ad un indirizzo di posta elettronica. Carichiamo l'anteprima della pagina per verificarne il corretto funzionamento.
A volte le pagina HTML assumono lunghezze molto elevate. Basti pensare alle singole pagine che ospitano una relazione, un racconto, un articolo e così via.
Può capitare che si vuole creare un collegamento che da una pagina alfa punti ad un determinato paragrafo della pagina beta. E' possibile far in modo che il collegamento carichi la pagina beta e la faccia scorrere finché non ha raggiunto il paragrafo prestabilito?
Ovviamente si: tramite i segnalibri.
Prima di tutto è necessario creare un segnalibro nella pagina beta di destinazione (successivamente imposteremo i collegamento dalla pagina alfa in modo adeguato).
Noteremo ora che la porzione di testo selezionata è stata sottolineata da una linea tratteggiata. Questo è il linguaggio di FP2000 per informarci che quella porzione di testo è un segnalibro
Verifichiamo ora il corretto funzionamento del collegamento al segnalibro caricando la pagina tramite l'anteprima.
Nota: è possibile inserire un collegamento ad un segnalibro presente nella stessa pagina. La procedura è analoga.

Premendo il pulsante Cambia frame di destinazione appare la seguente finestra che ci permette di scegliere in quale frame (se stiamo usando questa tecnica) dovrà essere caricata la pagina puntata dal collegamento.

Possiamo scegliere dal menu in alto oppure digitare il nome del frame di destinazione nella casella in basso. (Per approfondimenti vedi : Proprietà frame)
Adobe Edge, la prima animazione HTML5Come creare una animazione HTML5 con Adobe Edge, esempio completo |
Adobe Edge, l'interfacciaEsaminiamo pannelli e menu del tool gratuito di Adobe per la... |
Trasformazioni XSLT in Dreamweaver 8Primo sguardo agli strumenti XML: trasformare un feed RSS |
Layout senza tabelle con Dreamweaver 8Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia |
Il nuovo Dreamweaver 8Panoramica delle principali novità dell'ultima release del popolare... |
Guida WebMatrixEntrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,... |
Guida Notepad++Un editor testuale che funziona perfettamente anche come editor HTML... |
Guida AptanaCreare siti Web o applicazioni con Aptana, l'editor open source,... |
Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base27 Febbraio 2012 a Milano |
|
|
Corso Webmaster base12 Marzo 2012 a Milano |
|
|
Corso Webmaster base20 Febbraio 2012 a Roma |
|
|
Corso Google AdWords Base28 Marzo 2012 a Roma |