Configurare la navigazione tra le pagine web. Collegare file e documenti, aggiornare, modificare e testare collegamenti in Dreamweaver.
Prima di creare dei collegamenti, è necessario comprendere a fondo il funzionamento dei percorsi assoluti, dei percorsi relativi ai documenti e dei percorsi relativi alla cartella principale. In un documento potete creare diversi tipi di collegamento:
- Un collegamento con un altro documento o file (ad esempio, un file grafico, un filmato, un PDF o un file audio).
- Un collegamento con un ancoraggio con nome, che consente di passare a una posizione specifica all'interno di un documento.
Un collegamento e-mail, che crea un messaggio e-mail vuoto con l'indirizzo del destinatario già compilato.
Un collegamento nullo o un collegamento a script, che consentono rispettivamente di applicare dei comportamenti a un oggetto e di creare un collegamento che esegue un codice JavaScript.
Potete utilizzare la finestra di ispezione Proprietà e l'icona Scegli file per creare i collegamenti da un'immagine, da un oggetto o da un testo a un altro documento o file.
Dreamweaver crea i collegamenti ad altre pagine del sito utilizzando percorsi relativi ai documenti, Potete anche impostare Dreamweaver in modo che i nuovi collegamenti siano creati mediante percorsi relativi alla cartella principale del sito.
Prima di creare un percorso relativo a un documento, salvate sempre un nuovo file, poiché un percorso di questo tipo non è valido senza un punto di inizio definito. Se create un percorso relativo a un documento prima di salvare il file, Dreamweaver utilizza temporaneamente un percorso assoluto che inizia con file:// fino a quando il file non viene salvato. Quando si salva il file, Dreamweaver converte il percorso file:// nel percorso relativo.
Associare comportamenti JavaScript ai collegamenti
Potete applicare un comportamento a qualunque collegamento in un documento. Quando inserite elementi collegati in un documento, potete utilizzare i comportamenti seguenti:
Imposta testo barra di stato
Determina il testo di un messaggio da visualizzare nella barra di stato presente nella parte inferiore sinistra della finestra del browser. Ad esempio, potete utilizzare questo comportamento per visualizzare la destinazione di un collegamento anziché l'URL.
Apri finestra browser
Apre un URL in una nuova finestra. Potete specificare le proprietà della nuova finestra, tra cui il nome, le dimensioni e gli attributi (se è ridimensionabile, se è provvista di una barra dei menu e così via).
Menu di collegamento
Consente di modificare un menu di collegamento. Potete modificare l'elenco dei menu, specificare un file collegato diverso o modificare la posizione del browser in cui viene aperto il documento collegato.
Creare collegamenti ai documenti mediante la finestra di ispezione Proprietà
Potete utilizzare l'icona della cartella della finestra di ispezione Proprietà o la casella Collegamento per creare collegamenti da un'immagine, un oggetto o un testo a un altro documento o file.
Per individuare e selezionare un file, fate clic sull'icona della cartella
situata a destra della casella Collegamento.Il percorso del documento collegato viene visualizzato nella casella dell'URL. Utilizzate il menu a comparsa Relativo a nella finestra di dialogo Seleziona file per specificare se il percorso è relativo al documento o alla cartella principale, quindi fate clic su OK. Il tipo di percorso selezionato vale solo per il collegamento corrente. Potete modificare l'impostazione predefinita della casella Relativo a per tutto il sito.
Nella casella Collegamento, digitate il percorso e il nome di file del documento.
Per creare un collegamento con un documento del sito, inserite il percorso relativo al documento o alla cartella principale del sito. Per creare un collegamento con un documento al di fuori del sito, inserite un percorso assoluto che includa il protocollo (ad esempio, http://). Potete utilizzare questo approccio per inserire un collegamento per un file che non è ancora stato creato.
Dall'elenco a discesa Destinazione, scegliete la destinazione in cui deve essere visualizzato il documento collegato.
- _blank Carica il documento collegato in una nuova finestra del browser senza nome.
- _parent Carica il documento collegato nel frame superiore o nella finestra superiore del frame che contiene il collegamento. Se il frame in cui si trova il collegamento non è nidificato, il documento collegato verrà caricato nella finestra del browser a grandezza piena.
- _self Carica il documento collegato nello stesso set di frame o nella stessa finestra in cui si trova il collegamento. Questo collegamento è l'impostazione predefinita e quindi non è generalmente necessario specificarlo.
- _top Carica il documento collegato nella finestra del browser a grandezza piena, eliminando tutti i frame.
- _new Carica il documento collegato in una nuova finestra.
Collegare documenti mediante l'icona Scegli file
Trascinate l'icona Scegli file
(icona a forma di mirino) alla destra della casella Collegamento nella finestra di ispezione Proprietà e selezionate un ancoraggio visibile nel documento corrente, un ancoraggio visibile in un altro documento aperto, un elemento a cui è assegnato un ID univoco o un documento nel pannello File.Trascinate il puntatore del mouse tenendo premuto il tasto Maiusc e selezionate un ancoraggio visibile nel documento corrente, un ancoraggio visibile in un altro documento aperto, un elemento a cui è assegnato un ID univoco o un documento nel pannello File.
potete stabilire un collegamento a un altro documento aperto solo se i documenti non sono ingranditi nella finestra del documento. Per affiancare le finestre dei documenti, selezionate Finestra > Disponi > Sovrapponi oppure Finestra > Disponi > Affianca. Quando scegliete un documento aperto, questo viene portato in primo piano mentre effettuate la selezione.
Aggiungere un collegamento mediante il comando Collegamento ipertestuale
Il comando Collegamento ipertestuale consente di creare un collegamento di testo a un'immagine, un oggetto oppure a un altro documento o file.
Per visualizzare la finestra di dialogo Collegamento ipertestuale, effettuate una delle seguenti operazioni:
Selezionate Inserisci > Collegamento ipertestuale.
Nella categoria Comune del pannello Inserisci, fate clic sul pulsante Collegamento ipertestuale.
Nel campo Testo, inserisci il testo del collegamento.
Dal menu a discesa Collegamento, seleziona il nome del file da collegare. Potete anche fare clic sull'icona della cartella
per sfogliare il file da collegare.
Nell'elenco a discesa appaiono i nomi di tutti i frame denominati nel documento corrente. Se il frame specificato non esiste, la pagina collegata viene caricata in una nuova finestra, a cui è assegnato il nome specificato dall'utente. Potete scegliere anche i seguenti nomi di destinazione riservati:
- _blank Carica il file collegato in una nuova finestra del browser senza nome.
- _parent Carica il file collegato nel set di frame o nella finestra superiore del frame che contiene il collegamento. Se il frame in cui si trova il collegamento non è nidificato, il file collegato viene caricato nella finestra del browser a grandezza piena.
- _self Carica il file collegato nello stesso frame o nella stessa finestra in cui si trova il collegamento. Questo collegamento è predefinito e quindi non è generalmente necessario specificarlo.
- _top Carica il file collegato nella finestra del browser a grandezza piena, eliminando tutti i frame.
- _new carica il documento collegato in una nuova finestra.
Creare un collegamento un documento Word o Excel
Potete inserire un collegamento a un documento Microsoft Word o Excel in una pagina esistente.
Nella vista Progettazione, aprite la pagina in cui desiderate visualizzare il collegamento.
Trascinate il file dalla posizione corrente alla pagina di Dreamweaver, nel punto in cui desiderate che venga visualizzato il collegamento. Viene visualizzata la finestra di dialogo Importa documento.
Selezionate Crea un collegamento, quindi fate clic su OK.
Se il documento per il quale state creando un collegamento è disponibile al di fuori della cartella principale del sito, Dreamweaver chiede di copiare il documento nella cartella principale del sito.
Copiandolo nella cartella principale del sito, il documento sarà disponibile quando si pubblicherà il sito Web.
Quando caricate la pagina sul server Web, assicuratevi di caricare anche il file Word o Excel. La pagina contiene ora un collegamento al documento Word o Excel. Il testo del collegamento è il nome del file collegato; potete modificarlo nella finestra del documento, se necessario.
Impostare il percorso relativo dei nuovi collegamenti
Per impostazione predefinita, Dreamweaver crea i collegamenti ad altre pagine del sito utilizzando percorsi relativi ai documenti. Per utilizzare i percorsi relativi alla cartella principale del sito, come prima cosa occorre definire una cartella locale in Dreamweaver scegliendo una cartella principale locale che replichi la cartella principale dei documenti su un server. Dreamweaver utilizza questa cartella per determinare i percorsi dei file relativi alla cartella principale.
Quando si fa clic dopo aver modificato questa impostazione, il percorso dei collegamenti esistenti non viene convertito; l'impostazione viene applicata solo ai nuovi collegamenti creati con Dreamweaver.
Il nuovo percorso impostato vale solo per il sito corrente.
Collegare un punto specifico di un documento
Potete utilizzare la finestra di ispezione Proprietà per creare un collegamento a una specifica sezione di un documento mediante la creazione di ancoraggi con nome. Gli ancoraggi con nome consentono di impostare degli indicatori in un documento e spesso vengono collocati in corrispondenza di un argomento specifico o nella parte iniziale del documento. È quindi possibile associare a questi ancoraggi con nome dei collegamenti che portino rapidamente il visitatore nella posizione specificata.
Le creazione di un collegamento a un ancoraggio con nome è un'operazione suddivisa in due fasi. Come prima cosa, si crea un ancoraggio con nome, quindi il collegamento ad esso.
Creazione di un ancoraggio
Nella finestra Documento selezionate ed evidenziate l'elemento da impostare come ancoraggio.
Aprire la finestra di ispezione Proprietà e verificate se l'elemento selezionato ha un ID. Se il campo ID è vuoto, aggiungete un ID. Ad esempio, Ancoraggio.
Una volta inserito l'ID, osservate la modifica nel codice. id="<nome ID> viene inserito nel codice alla selezione.
Collegamento a un ancoraggio
i nomi degli ancoraggi fanno distinzione tra lettere maiuscole e minuscole.
Creare un collegamento a un ancoraggio con nome mediante trascinamento
Se non vedete l'ancoraggio, dalla vista Progettazione, selezionate Visualizza > Opzioni vista Progettazione > Riferimenti visivi > Elementi invisibili per renderlo visibile.
Fate clic sull'icona Scegli file
(l'icona a forma di mirino) situata a destra della casella Collegamento nella finestra di ispezione Proprietà e trascinatela sull'ancoraggio di destinazione del collegamento all'interno dello stesso documento o di un altro documento aperto.Nella finestra del documento, tenendo premuto il tasto Maiusc, trascinate il cursore dal testo o dall'immagine selezionata all'ancoraggio di destinazione del collegamento, all'interno dello stesso documento o di un altro documento aperto.
Creare un collegamento e-mail
Quando fate clic su un collegamento e-mail vuoto, viene aperta una nuova finestra di messaggio (con il programma di posta elettronica associato al browser dell'utente), all'interno della quale la casella di testo del destinatario (A:) è già compilata automaticamente con l'indirizzo specificato nel collegamento.
Creare un collegamento e-mail mediante il comando Inserisci collegamento e-mail
Selezionate Inserisci > Collegamento e-mail.
Nella categoria Comune del pannello Inserisci, fate clic sul pulsante Collegamento e-mail.
Creare un collegamento e-mail mediante la finestra di ispezione Proprietà
Non inserite spazi tra i due punti e l'indirizzo e-mail.
Compilare automaticamente l'oggetto di un messaggio e-mail
La stringa completa avrà un aspetto simile al seguente:
mailto:qualcuno@vostrosito.com?subject=Messaggio dal nostro sito
Creare collegamenti nulli e collegamenti a script
Un collegamento nullo è un collegamento non definito. Utilizzate i collegamenti nulli per associare dei comportamenti agli oggetti o al testo di una pagina. Ad esempio, potete applicare un comportamento a un collegamento nullo, in modo che scambi un'immagine o visualizzi un elemento AP (con posizione assoluta) quando il puntatore viene spostato sopra il collegamento.
I collegamenti a script eseguono un codice JavaScript o richiamano una funzione JavaScript e sono utili per fornire ai visitatori maggiori informazioni su un elemento senza uscire dalla pagina Web corrente. Questi collegamenti possono essere utilizzati anche per effettuare calcoli, convalide di moduli e altre attività di elaborazione quando il visitatore fa clic su un oggetto specifico.
Creare un collegamento nullo
Creare un collegamento a script
Aggiornare automaticamente i collegamenti
Dreamweaver consente di aggiornare i collegamenti da e verso un documento ogni volta che questo viene spostato o rinominato all'interno di un sito locale. Questa funzione produce i migliori risultati quando un intero sito (o un'intera sezione indipendente di un sito) si trova sul disco locale. Dreamweaver non modifica i file della cartella remota fino a quando i file locali non vengono caricati o depositati sul server remoto.
Per rendere più rapido il processo di aggiornamento, Dreamweaver può creare un file di cache in cui vengono archiviate le informazioni su tutti i collegamenti della cartella locale. Il file della cache viene aggiornato in maniera invisibile quando si aggiungono, modificano o eliminano i collegamenti all'interno del sito locale.
Abilitare gli aggiornamenti automatici dei collegamenti
Sempre
Tutti i collegamenti da e verso un documento selezionato vengono aggiornati automaticamente da quando il documento viene spostato o rinominato.
Mai
I collegamenti da e verso un documento selezionato NON vengono aggiornati automaticamente quando il documento viene spostato o rinominato.
Richiedi
Consente di visualizzare una finestra di dialogo che elenca tutti i file interessati dalla modifica. Fate clic su Aggiorna per aggiornare tutti i collegamenti relativi a questi file oppure su Non aggiornare per lasciare i file inalterati.
Creare un file di cache per il sito
La prima volta che, dopo avere avviato Dreamweaver, modificate o eliminate dei collegamenti ai file della cartella locale, Dreamweaver richiede la conferma del caricamento della cache. Se fate clic su Sì, Dreamweaver carica la cache, e tutti i collegamenti al file appena modificato vengono aggiornati automaticamente. Se fate clic su No, la modifica viene registrata nella cache, ma Dreamweaver non carica la cache e non aggiorna i collegamenti.
Per i siti di grandi dimensioni, il caricamento della cache può richiedere alcuni minuti perché Dreamweaver deve stabilire se la cache è aggiornata, confrontando la data e l'ora dei file del sito locale con quelle registrate nella cache. Se non avete modificato alcun file in un programma diverso da Dreamweaver, potete tranquillamente fare clic sul pulsante Stop quando viene visualizzato.
Ricreare la cache
Modificare un collegamento in tutto il sito
In aggiunta all'opzione di aggiornamento automatico da parte di Dreamweaver dei collegamenti in caso di spostamento o ridenominazione di un file, potete scegliere di modificare manualmente tutti i collegamenti (compresi quelli di tipo e-mail, FTP, nulli e a script) cambiandone la destinazione.
Questa opzione è particolarmente utile quando è necessario eliminare un file a cui altri file sono collegati, ma può anche essere utilizzata per altri scopi. Ad esempio, supponi di collegare le parole "i film di questo mese" a /movies/july.html in tutta la sede. e di cambiare i collegamenti il 1° agosto specificando la destinazione /film/agosto.html.
Se modificate un collegamento e-mail, FTP, nullo o a script, non è necessario selezionare un file.
Selezionate Sito > Opzioni sito > Cambia tutti i collegamenti del sito.
Cambia tutti i collegamenti a
Fate clic sull'icona della cartella
per cercare e selezionate il file di destinazione per cui desiderate interrompere il collegamento. Se modificate collegamenti e-mail, FTP, nulli o a script, digitate il testo completo del collegamento da modificare.
In Collegamenti a
Fate clic sull'icona della cartella
per cercare e selezionare il nuovo file di destinazione del collegamento. Se modificate collegamenti e-mail, FTP, nulli o a script, digitate il testo completo del collegamento sostitutivo.
I documenti collegati al file selezionato vengono aggiornati da Dreamweaver in modo che la destinazione corrisponda al percorso del nuovo file. Il formato del percorso è quello già utilizzato nel documento (ad esempio, se il vecchio percorso era relativo al documento, anche il nuovo percorso sarà relativo al documento).
Dopo che un collegamento è stato modificato in tutto il sito, il file selezionato diventa “isolato” (cioè, non associato ad alcun altro file presente sul disco locale) e può essere eliminato senza il rischio di interrompere alcun collegamento sul sito Dreamweaver locale.
Poiché le modifiche interessano il sito locale, sarà necessario eliminare manualmente il file isolato corrispondente sul sito remoto e posizionare o controllare i file in cui sono stati cambiati i collegamenti, altrimenti i visitatori non potranno visualizzare gli aggiornamenti.
Provare i collegamenti in Dreamweaver
In Dreamweaver, i collegamenti non sono attivi, vale a dire che facendo clic su un collegamento nella finestra del documento, non potete aprire un documento collegato.
Fate clic con il pulsante destro del mouse sul collegamento e selezionate Apri pagina collegata.
Tenendo premuto il tasto Ctrl (Windows) o Comando (Macintosh), fate doppio clic sul collegamento.
il documento collegato deve trovarsi sul disco locale.
Altri contenuti simili
- Esercitazione video: Come aggiungere collegamenti ipertestuali a un'intera immagine o parte di essa
- Percorsi assoluti, relativi al documento e relativi alla cartella principale del sito
- Esercitazione sulla creazione di collegamenti
- Applicazione di comportamenti JavaScript incorporati
- Operazioni con i siti di Dreamweaver
- Correggere i collegamenti interrotti
- Applicare un comportamento
- Cercare collegamenti interrotti, esterni e isolati
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.