Hvordan lage en navigasjonsfelt i Fireworks

Fyrverkeri hjelper deg å lage websider oppsett for hele siden eller en bestemt del. Navigasjonsstriper kan inkludere en kombinasjon av bilder og tekst. Du kan innlemme nettstedets farger og skrifter i din bar design. Menylinjen kan vises øverst eller nederst på banneret. Adobe Fireworks lagrer filen som en PNG som standard, i tilfelle du trenger å endre det i fremtiden. Du kan også eksportere filen som HTML-kode og grafikk for web.

Bruksanvisning

1 Klikk "Fil" og "Ny" fra hovedmenyen i Fireworks. Den dialogboksen Nytt dokument åpnes. Gå til "bredde" tekstfeltet og skriv inn bredden på lerretet, for eksempel "900." Gå til "Høyde" tekstfeltet og skriv inn en høyde på lerretet, for eksempel "70." Lerretet størrelse bør være stor nok til å holde navigasjonslinjen du oppretter. Velg "White" under "lerret farge" for å sette bakgrunnsfarge på lerret til hvit. Klikk på "OK". Dokumentet laster i fyrverkeri.

2 Gå til Verktøy-panelet og klikk på "Rektangel" verktøy fra "Vector" -delen. Gå til "Properties" inspektør i den nederste ruten for å endre rektangel egenskaper. Klikk på "Color" -knappen. En fargevelgeren vises. Klikk på bakgrunnsfargen du ønsker å bruke for navigasjonslinjen.

3 Klikk og dra musen over lerretet for å lage navigasjonslinjen. Slipp musen når det er den størrelsen du ønsker.

4 Gå til Verktøy-panelet, og klikk på "Text" -verktøyet fra "Vector" -delen. Gå tilbake til "Properties" inspektør for å tilpasse teksten. Klikk på "Skrift Family" drop-down listen og velg en font. Gå til "Size" tekstfeltet og skriv inn en skriftstørrelse. Klikk på "Color" velgeren og velge en farge fra fargevelgeren som dukker opp.

5 Klikk i navigasjonsfeltet på lerretet. Skriv inn teksten for menyelementer, som for eksempel "Home", "Om", "Spørsmål" og "Kontakt", ved hjelp av mellomromstasten på tastaturet for å plass dem ut på bar. For å flytte teksten på navigasjonslinjen, gå til Verktøy-panelet og klikk på "Pointer" verktøy fra "Velg" -delen. Dra menyelementene der du vil at de skal gå.

6 Klikk på "Slice" verktøy fra "Web" i verktøypanelet for å velge det.

7 Klikk og dra musen over det første menyelement og slipp den for å lage en skive. Gjenta dette trinnet for å opprette flere skiver for de andre menyelementene.

8 Gå til hovedmenyen og klikk på "Fil" og "Lagre" for å lagre en rå versjon av navigasjonslinjen. Lagre som dialogboks åpnes. Skriv inn navnet på filen i "Lagre som" tekstfeltet, og klikk "Lagre".

9 Gå tilbake til hovedmenyen og klikk på "File" og "Export" å eksportere navigasjonslinjen for websiden. The Export dialogboks åpnes. Sett "Export" til "HTML og bilder." Kryss både "omfatter områder uten Slices" og "Sett bilder i undermappen." Skriv inn navnet på den eksporterte filen i "File name" tekstfeltet, og klikk "Lagre".