Hvordan lage en meny i Dreamweaver 8

Hvordan lage en meny i Dreamweaver 8


Dreamweaver menyer gir navigasjons linker til sider på nettstedet ditt eller andre nettadresser på Internett. Du kan lage menyer på flere måter i Dreamweaver. To av de enklere og mer vanlige metoder omfatter plassere tekstlenker i tabellceller øverst, side eller nederst på websiden, og skape bildekart med flere klikkbare, "hot", områder på samme bilde.

Bruksanvisning

Opprette en tekst Menu

1 Åpne Dreamweaver filen der du ønsker å lage en meny.

2 Plasser markøren på siden der du vil sette inn en meny. Klikk "Sett inn" på menylinjen og velg deretter "Table". Dette åpner dialogboksen Tabell. Bruk "rader" og "kolonner" felt for å definere antall celler for din meny. Du trenger en celle for hvert menyvalg. For eksempel, hvis du trenger fem menyelementene i en rad øverst på websiden, skriv "1" i feltet Rader og "5" i Kolonner-feltet.

3 Dekk bordet bredde i "Table bredde" -feltet. For eksempel, hvis din meny vil spenne øverst eller nederst på siden, gjør tabellen bredde av samme størrelse i piksler som siden din. (Du kan finne sidens bredde ved å klikke på "Endre" på menylinjen, og deretter velge "dokument" for å åpne dialogboksen Dokumentegenskaper. Sidens pixel bredde er i "Bredde" -feltet.) Hvis du vil at menyen har grenser, satt en grense vekt i "Border tykkelse" -feltet.

4 Sett celle padding (mellomrom mellom celleinnholdet og kanten av tabellen cellen) og celleavstand (mellomrom mellom hver celle). Klikk på "OK".

5 Skriv inn menyelement i hver celle (klikk i cellen, og begynner å skrive). For eksempel kan du skrive "Hjem", "Tjenester", "Kontakt oss," og så videre, én oppføring per celle. For å sentrere teksten i cellene, velger du alle cellene, og klikk deretter på "Horz" drop-down i "Properties" panel og velg "Center".

6 Velg det første menyelement. Gå til "Properties" panel og skriv målwebadressen i "Link" feltet. Gjenta dette trinnet for hvert menyoppføringen.

Opprette en meny med et bildekart

7 Opprett en menylinje i bilderedigeringsprogram programvare. Den bør inneholde en knapp for hvert av menyelement, slik som "Home", "Tjenester", og så videre. Lagre det som en JPEG (.jpg) i Images sub-katalogen på ditt nettsted rot.

8 Åpne Dreamweaver siden der du vil opprette en meny.

9 Plasser markøren på siden der du vil sette inn din meny. Klikk "Sett inn" på menylinjen og velg deretter "Image". Naviger til menylinjen bildefil, velger du den og velg deretter "OK". Velg bildet på siden. Gå til Properties panel og navngi kartet i "Map" -feltet. For eksempel, den navnet "menu_bar."

10 Klikk på rektangel-knappen (rektangel ikonet) under Map feltet. Tegn et rektangel rundt det første menyelementet i bildet. Dette skaper en klikkbar hot spot på bildet. Gå til Egenskaper-panelet og skriver målwebadressen i "Link" feltet. Skriv inn alternativ tekst (teksten brukeren ser når han eller hun svever musen over hot spot) i "Alt" feltet. For "Home" linken, for eksempel, kan du skrive "Gå til vår hjemmeside."

11 Gjenta trinn 4 for hvert menyoppføringen.

Hint

  • Du kan også plassere grafikk knapper, i stedet for tekst, i tabellen. For å få knappene klikkbare, velger du knappen og deretter inn målet URL i Properties panelet Link-feltet.
  • Disse prosedyrene fungerer i alle versjoner av Dreamweaver.