Come per il collegamento a una casella nella pagina di Dreamweaver CS5

February 15

Come per il collegamento a una casella nella pagina di Dreamweaver CS5


Ogni volta che si fa clic su un link e il browser ti porta in una nuova posizione all'interno della stessa pagina web, si sta assistendo il tag HTML "ancora" in azione. Gli sviluppatori di Dreamweaver utilizzano tag di ancoraggio per dare agli utenti la possibilità di saltare in posizioni diverse all'interno di una pagina in fretta. Ad esempio, si potrebbe voler mostrare un visitatore del sito una casella di immissione nella parte inferiore della pagina, mentre sono posizionati in alto. Utilizzando l'interfaccia modalità di progettazione visiva di Dreamweaver, è possibile creare un tale tag di ancoraggio senza digitare alcun codice HTML.

istruzione

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

2 Tipo "Vai a Box" sul documento. Fare clic sullo spazio di sotto di tale testo per posizionare il cursore. Tenere premuto il tasto "Enter" in modo che Dreamweaver aggiunge circa 40 righe vuote sotto il testo digitato.

3 Digitare "Inserire nome Ecco," quindi su "Inserisci". Fai clic su "Form" per aprire un menu di opzioni. Fai clic su "Casella di testo". Una finestra pop-up si apre, che consente di creare una nuova casella di testo. Fai clic su "OK" per aggiungere la casella di testo alla maschera accanto alle parole "Inserire nome Qui."

4 Fare clic sul pulsante "Inserisci" di nuovo, e fare clic su "Ancoraggio con nome" per visualizzare la finestra pop-up Ancoraggio con nome. Tipo "Anchor1" nella casella di testo "Anchor Nome" che appare, quindi fare clic su "OK". Un indicatore di ancoraggio appare accanto alla casella di testo. Questo indicatore serve come un tag di ancoraggio per la 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. La finestra Proprietà si apre in fondo Dreamweaver.

6 Fai clic su "HTML" per visualizzare le proprietà HTML della pagina. Scorrere fino alla parte superiore della pagina, ed evidenziare le parole "Vai a Box". Tipo "# Anchor1" - senza le virgolette - nella casella di testo "Link" che si trova nella finestra Proprietà. Questo collega il testo al ancoraggio con nome. In questo modo si converte il testo in un link che punta al tag di ancoraggio situato accanto alla casella di testo.

7 Premere il tasto "F12". Dreamweaver visualizza la pagina nel browser predefinito. Il link "Vai a Box". Il browser scorre verso il basso e salta alla casella di testo.

Consigli e avvertenze

  • Un nome al tag di ancoraggio qualcosa che ti piace. "Anchor1" è il nome utilizzato in questo esempio.
  • Se non vedi l'indicatore di ancoraggio verde dopo aver aggiunto alla tua pagina, clicca su "View", e quindi fare clic su "visivi". Fai clic su "Elementi invisibili" per rendere l'indicatore di ancoraggio visibile.
  • Non è possibile includere spazi nel nome quando si digita un nome per l'ancoraggio con nome nella casella.