Hvordan lenke til en boks på siden i Dreamweaver CS5

Når du klikker på en link og nettleseren tar deg til en ny plassering i samme webside, blir du vitne til HTML "anker" tag i aksjon. Dreamweaver utviklere bruker ankerkoder for å gi brukerne muligheten til å hoppe til forskjellige steder på en side raskt. For eksempel kan du ønsker å vise et nettsted besøkende en tekstboks nederst på siden din mens de er plassert på toppen. Ved hjelp av Dreamweaver visuelle utformingsmodus grensesnitt, kan du lage et slikt anker tag uten å skrive noen HTML-kode.

Bruksanvisning

1 Start Dreamweaver og klikk på "HTML" for å lage en ny webside dokument. Klikk på "Design" -fanen øverst i brukergrensesnittet. Dreamweaver går Design modus.

2 Type "Gå til Box" på dokumentet. Klikk på plass under denne teksten for å plassere markøren der. Hold nede "Enter" -tasten slik at Dreamweaver legger ca 40 blanke linjer under teksten du skrev.

3 Skriv "Skriv inn navn her," klikk "Sett inn". Klikk på "Form" for å åpne en meny med alternativer. Klikk på "Text Box". En pop-up vindu åpnes som lar deg lage en ny tekstboks. Klikk "OK" for å legge tekstboksen til skjemaet ved siden av ordene "Skriv inn navn her."

4 Klikk på "Sett inn" knappen igjen, og klikk "Named Anchor" for å vise Named Anchor pop-up vindu. Skriv "Anchor1" i "Ankernavn" tekstboksen som vises, og klikk deretter "OK". Et anker markør vises ved siden av tekstboksen. Denne markøren fungerer som et anker tag for tekstboksen.

5 Klikk på "Window" knappen for å vise en rullegardinmeny. Finn "Properties". Klikk at menyvalget for å plassere en hake ved siden av det hvis det ikke finnes. Vinduet Egenskaper åpnes nederst i Dreamweaver.

6 Klikk "HTML" for å vise sidens HTML egenskaper. Rull til toppen av siden, og markere ordene "Gå til Box." Skriv "# Anchor1" - uten anførselstegn - i "Link" tekstboksen lokalisert i vinduet Egenskaper. Dette knytter teksten til den navngitte anker. Å gjøre dette konverterer teksten til en link som peker til ankerkoden ligger ved siden av tekstboksen.

7 Trykk "F12". Dreamweaver viser siden i din standard nettleser. Den "Gå til Box" link. Nettleseren ruller ned og hopper til tekstboksen.

Hint

• Gi navn til ankerkoder noe du liker. "Anchor1" er navnet som brukes i dette eksemplet.
• Hvis du ikke ser den grønne ankermerket etter å legge den til på siden, klikk på "View" og deretter "Visual Aids." Klikk på "Invisible Elements" for å gjøre anker markør synlig.
• Du kan ikke inkludere mellomrom i navnet når du skriver inn et navn for den navngitte anker i boksen.