Collegamenti e navigazione in Dreamweaver, i percorsi assoluti, relativi al documento e relativi alla cartella principale del sito.
Dopo aver configurato un sito Dreamweaver per archiviare i documenti del sito web e aver creato le pagine HTML, vuoi creare collegamenti dai tuoi documenti ad altri documenti.
Dreamweaver offre diversi modi per creare collegamenti a documenti, immagini, file multimediali o software scaricabili. Puoi creare collegamenti a qualsiasi testo o immagine in qualsiasi punto di un documento, inclusi testo o immagini in un'intestazione, elenco, tabella, elemento posizionato in modo assoluto (elemento AP) o fotogramma.
Esistono molti modi diversi per creare e gestire i collegamenti. Alcuni web designer preferiscono creare collegamenti a pagine o file inesistenti mentre lavorano, mentre altri preferiscono creare prima tutti i file e le pagine e poi aggiungere i collegamenti.Un altro modo per gestire i collegamenti è creare pagine segnaposto, in cui aggiungi e testi i collegamenti prima di completare tutte le pagine del sito.
Percorsi assoluti, relativi al documento e relativi alla radice del sito
Comprendere il percorso del file tra il documento da cui crei il collegamento e il documento o la risorsa a cui ti colleghi è essenziale per creare i collegamenti.
Ogni pagina web ha un indirizzo univoco, chiamato Uniform Resource Locator (URL).Tuttavia, quando crei un collegamento locale (un collegamento da un documento a un altro nello stesso sito), generalmente non specifichi l'intero URL del documento a cui ti stai collegando; invece, specifichi un percorso relativo dal documento corrente o dalla cartella radice del sito.
I tre tipi di percorso di collegamento sono i seguenti:
Percorsi assoluti (ad esempio, http://www.adobe.com/support/dreamweaver/contents.html).
Percorsi relativi ai documenti (ad esempio, dreamweaver/contents.html).
Percorsi relativi alla cartella principale del sito (ad esempio, /support/dreamweaver/contents.html).
Con Dreamweaver è facile selezionare il tipo di percorso da creare per i collegamenti.
è preferibile utilizzare il tipo di collegamento preferito e più comodo, sia che si tratti di collegamenti relativi alla cartella principale di un sito o a un documento. Per garantire la correttezza del percorso, è preferibile individuare i collegamenti mediante l'icona della cartella, anziché digitarne manualmente il percorso.
Percorsi assoluti
I percorsi assoluti forniscono l'URL completo del documento collegato, incluso il protocollo da usare (solitamente http:// per le pagine web), ad esempio, http://www.adobe.com/support/dreamweaver/contents.html. Per una risorsa grafica, l'URL completo potrebbe assomigliare al seguente: http://www.adobe.com/it/support/dreamweaver/images/image1.jpg.
Devi usare un percorso assoluto per collegarti a un documento o risorsa su un altro server.Puoi anche usare percorsi assoluti per collegamenti locali (a documenti nello stesso sito), ma questo approccio è sconsigliato: se sposti il sito su un altro dominio, tutti i tuoi collegamenti locali con percorso assoluto non funzioneranno più. Usare percorsi relativi per i collegamenti locali offre anche maggiore flessibilità se hai bisogno di spostare file all'interno del sito.
Quando inserisci immagini (non collegamenti), puoi usare un percorso assoluto a un'immagine su un Server remoto (cioè, un'immagine che non è disponibile sul disco rigido locale).
Percorsi relativi ai documenti
I percorsi relativi al documento sono solitamente i migliori per i collegamenti locali nella maggior parte dei siti web. Sono particolarmente utili quando il documento corrente e il documento o risorsa collegati sono nella stessa cartella e probabilmente rimarranno insieme. Puoi anche usare un percorso relativo al documento per collegarti a un documento o risorsa in un'altra cartella specificando il percorso attraverso la gerarchia delle cartelle dal documento corrente al documento collegato.
L'idea di base dei percorsi relativi al documento è omettere la parte del percorso assoluto che è uguale sia per il documento corrente che per il documento o risorsa collegati, fornendo solo la porzione del percorso che differisce.
Ad esempio, supponete di avere un sito con la struttura seguente:
Per collegarti da contents.html a hours.html (entrambi nella stessa cartella), usa il percorso relativo hours.html.
Per collegarti da contents.html a tips.html (nella sottocartella resources), usa il percorso relativo resources/tips.html. A ogni barra (/), scendi di un livello nella gerarchia delle cartelle.
Per collegarti da contents.html a index.html (nella cartella principale, un livello sopra contents.html), usa il percorso relativo ../index.html. Due punti e una barra (../) ti fanno salire di un livello nella gerarchia delle cartelle.
Per collegarti da contents.html a catalog.html (in una diversa sottocartella della cartella principale), usa il percorso relativo ../products/catalog.html. Qui, ../ ti fa salire alla cartella principale, e products/ ti fa scendere alla sottocartella products.
Quando sposti i file come gruppo, ad esempio quando sposti un'intera cartella in modo che tutti i file all'interno di quella cartella mantengano gli stessi percorsi relativi tra loro, non è necessario aggiornare i collegamenti relativi al documento tra questi file.Tuttavia, quando sposti un singolo file che contiene collegamenti relativi al documento, o un singolo file di destinazione di un collegamento relativo al documento, devi aggiornare questi collegamenti. (Se sposti o rinomini i file utilizzando il pannello File, Dreamweaver aggiorna automaticamente tutti i collegamenti pertinenti.)
Percorsi relativi alla cartella principale del sito
I percorsi relativi alla radice del sito descrivono il percorso dalla cartella radice del sito a un documento.Potresti voler utilizzare questi percorsi se stai lavorando su un sito web di grandi dimensioni che utilizza diversi server o un server che ospita diversi siti. Tuttavia, se non hai familiarità con questo tipo di percorso, potresti voler continuare a utilizzare i percorsi relativi al documento.
Un percorso relativo alla radice del sito inizia con una barra obliqua iniziale, che rappresenta la cartella radice del sito.Ad esempio, /support/tips.html è un percorso relativo alla radice del sito per un file (tips.html) nella sottocartella support della cartella radice del sito.
Un percorso relativo alla radice del sito è spesso il modo migliore per specificare i collegamenti se sposti frequentemente file HTML da una cartella all'altra nel tuo sito web. Quando sposti un documento che contiene collegamenti relativi alla radice del sito, non è necessario modificare i collegamenti poiché sono relativi alla radice del sito e non al documento stesso; ad esempio, se i tuoi file HTML utilizzano collegamenti relativi alla radice del sito per i file dipendenti (come le immagini), se sposti un file HTML, i collegamenti ai file dipendenti rimangono ancora validi.
Tuttavia, quando sposti o rinomini i documenti di destinazione dei collegamenti relativi alla radice del sito, devi aggiornare questi collegamenti, anche se i percorsi relativi dei documenti tra loro non sono cambiati. Ad esempio, se sposti una cartella, devi aggiornare tutti i collegamenti relativi alla radice del sito ai file in quella cartella. Se spostate o rinominate i file mediante il pannello File, Dreamweaver aggiorna automaticamente tutti i collegamenti necessari.
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
