Hvordan lage et navigasjonsfelt for Fyrverkeri CS3 å importere til Dreamweaver CS3

Fyrverkeri og Dreamweaver er Adobe-produkter som er integrert slik at du kan lage dine webgrafikk og sider mer effektivt. Fyrverkeri inneholder verktøy for å bygge en grafisk navigasjonsfelt og genererer den nødvendige koden ved eksport for websiden inkludering. Importere det resulterende HTML og Javascript-kode inn i Dreamweaver sider for å sette navigasjonslinjen.

Bruksanvisning

1 Start Fyrverkeri, og åpne et nytt prosjekt.

2 Klikk på "Edit", "Insert" og "ny knapp." Klikk "Importer en knapp", og velg en knapp. For dette eksempelet, velger du en to-stats rektangulære knappen som viser tekst. Klikk "Importer". De to knappe stater er "Up" og "Over" og refererer til bildet som vises når musen er av eller over knappen. Klikk på "Ferdig" for å lukke knappen editor.

3 Høyreklikk på knappen på scenen, og velg "Edit" og "Clone" fra menyen. Flytt ferdige kopi på plass den første knappen ved siden av. Gjenta dette til du har tre knapper stilt opp ved siden av hverandre.

4 Trykk "Ctrl" og "F3" for å vise "Properties" panel om det ikke er synlig. Klikk på den første knappen og skriv etiketten for knapp til "Text" feltet. Skriv målwebsiden for knappen i "Link" feltet. Gjenta dette for knapper to og tre.

5 Klikk "Fil" og "Export". Set "Export" til "HTML og Bilder", "HTML" feltet til "Export HTML Fil" og "skiver" feltet til "Export Slices." Velg et sted på nettstedet ditt mappebanen. Gi filen navnet "nav.htm" for dette eksemplet, og klikk "Lagre". Firework genererer bilder og HTML som inneholder Javascript koding og bilde referanser for navigasjonslinjen.

6 Start Dreamweaver, og åpne websiden. Plasser innsettingspunktet der du vil at navigasjonsfeltet skal vises. Klikk "Sett inn", "Bilde Objects" og "Fireworks HTML." Klikk på "Browse" -knappen, og dobbeltklikk på "nav.htm" filen du opprettet. Klikk "OK" for å sette navigasjonslinjen.

7 Trykk "F12" for å forhåndsvise siden og teste navigasjonslinjen.