Ogni volta che si fa clic su un link e il vostro browser vi porta in una nuova posizione all'interno della stessa pagina Web, si stanno testimoniando l'etichetta di "ancoraggio" HTML in azione. Gli sviluppatori di Dreamweaver utilizzano tag di ancoraggio per dare agli utenti la possibilità di passare a diverse posizioni all'interno di una pagina rapidamente. Ad esempio, si potrebbe voler mostrare un visitatore del sito una casella di input nella parte inferiore della pagina, mentre essi sono posizionati nella parte superiore. Utilizzando l'interfaccia in modalità progettazione visiva di Dreamweaver, è possibile creare un tag di ancoraggio senza digitare alcun codice HTML.

Istruzioni

1

Avviare Dreamweaver e fare clic sul pulsante "HTML" per creare un nuovo documento di pagina Web. Fare clic sulla scheda "Design" nella parte superiore dell'interfaccia utente. Dreamweaver entri in modalità progettazione.

2

Digitare "Jump al Box" sul documento. Fare clic sullo spazio sotto quel testo per posizionarvi il cursore. Tenere premuto il tasto "Enter" in modo che Dreamweaver aggiunge circa 40 righe vuote sotto il testo digitato.

3

Digitare "Nome entra qui", quindi fare clic su "Inserisci". Fare clic su "Form" per aprire un menu di opzioni. Fare clic su "Casella di testo." Una finestra a comparsa che consente di creare una nuova casella di testo. Fare clic su "OK" per aggiungere la casella di testo al form accanto alle parole "Inserisci nome qui."

4

Fare nuovamente clic sul pulsante "Inserisci" e scegliere "Denominato ancora" per visualizzare la finestra di pop-up denominata ancoraggio. Tipo "Anchor1" nella casella di testo "Nome dell'ancoraggio" che viene visualizzata, quindi fare clic su "OK". Un indicatore di ancoraggio viene visualizzata accanto alla casella di testo. Questo marcatore è funge da un tag di ancoraggio della casella di testo.

5

Fare clic sul pulsante "Finestra" per visualizzare un menu a discesa. Individuare "Proprietà". Fare clic su tale voce di menu per inserire un segno di spunta accanto ad essa, se non esiste già. Viene visualizzata la finestra di proprietà nella parte inferiore di Dreamweaver.

6

Fare clic su "HTML" per visualizzare le proprietà della pagina HTML. Scorrere fino all'inizio della pagina ed evidenziare le parole "Jump to Box." Digitare "#Anchor1"..--senza le virgolette, nella casella di testo "Link" si trova nella finestra Proprietà. Questo collega il testo per l'ancoraggio con nome. Questo converte il testo in un link che punti al tag di ancoraggio situati accanto alla casella di testo.

7

Premere "F12". Dreamweaver visualizza la pagina nel browser predefinito. Il link "Salta alla casella". Il browser scorre verso il basso e salta alla casella di testo.

Consigli & Avvertenze

• I tag di ancoraggio un nome qualsiasi. "Anchor1" è il nome utilizzato in questo esempio.
• Se non Vedi l'indicatore di ancoraggio verde dopo averlo aggiunto alla tua pagina, fare clic su "Visualizza" e quindi fare clic su "Visual Aids." Fare clic su "Elementi invisibili" per rendere visibile l'indicatore di ancoraggio.
• Non è possibile includere spazi nel nome, quando si digita un nome per l'ancoraggio con nome nella casella.