Hvordan lage en enkel navigasjon Bar i Dreamweaver

Hvordan lage en enkel navigasjon Bar i Dreamweaver


En navigasjonslinjen er en meny som vanligvis strekker seg over toppen av en webside og gir brukere med linker å navigere en nettside. Du kan opprette navigasjonsfelt på flere måter i Adobe Dreamweaver, en ledende web-utvikling-programmet. En av de mer populære metodene blant webdesignere er å importere en navigeringslinje grafisk, og deretter brukt Dreamweaver bildesøk Map-funksjonen for å definere meny lenker.

Bruksanvisning

1 Åpne en eksisterende HTML-side i Dreamweaver hvor du vil sette inn et navigasjonsfelt, eller starte en ny HTML-side ved å klikke på "File" -menyen og velge "New". Dette viser dialogboksen Nytt dokument. Velg "HTML" i Type-listen, og velg deretter ønsket layout i Layout-listen. Klikk på "Create" -knappen.

2 Klikk på "Insert" -menyen og velg "Image". Dette åpner Velg Image Source dialogboksen. Naviger til navigasjonsfeltet grafikk, velger det, og klikk deretter "OK". Du kan opprette et navigasjonsfelt i Photoshop, en ledende grafikk redigering program, eller Adobe Fireworks, en ledende skjerm grafikk redigering program, eller du kan laste ned et navigasjonsfelt fra flere steder på Internett. Mange nettsteder tilbyr gratis navigeringslinjer. Den typiske navigasjonsfeltet viser etikettene, for eksempel Home, Produkter, Tjenester, og støtte for å navigere til sider på nettstedet.

Dreamweaver viser bilde Tagg Accessibility attributter dialogboksen.

3 Klikk på "OK". Dreamweaver setter navigasjonsfeltet grafikken på siden din.

4 Gå til Egenskaper-panelet, og klikk på "rektangel Hotspot Tool."

5 Hold museknapp og dra musepekeren over den første etiketten på navigasjonslinjen. Dreamweaver viser et rektangel rundt etiketten. Dette er klikkbare området.

6 Klikk på "Link" feltet i Properties panelet og skriver inn URL for dette menyvalget.

7 Gjenta trinn 5 og 6 til du har definert alle menyelementene.

8 Klikk på "File" -menyen og velg "Lagre som". Dette åpner dialogboksen Lagre som. Navn og lagre filen.

Hint

  • Når du laster opp denne siden til webserveren, ikke glem å laste opp navigasjonsfeltet grafikken. Ellers vil navigasjonslinjen ikke vises riktig.