Hvordan lage en enkel knapp i Fireworks

March 2

Tegn et rektangel i Fyrverkeri som fremhever en annen farge for å lage en enkel knapp. En enkel knapp har to forskjellige farger "tilstander". De viktigste fargeendringer i en annen farge når musepekeren beveger seg over det. Du bruker en enkel knapp på nettsteder for å dirigere nettleser til en annen side på nettstedet, eller til en annen nettside adresse. Design din egen enkel knapp med fargevalget på din personlige nettside.

Bruksanvisning

1 Start "Fireworks" program. Klikk på "File" og velg "New" for å starte en ny fil. I "Nytt dokument" dialogboksen, skriv "300" i "Bredde" tekstboksen og velg "piksler". Skriv "100" i "Høyde" tekstboksen og velg "piksler". Klikk på "White" for å velge "Canvas Color." Klikk på "OK".

2 Klikk på firkantede ikonet under "Vector" kategorien i verktøylinjen, velg "rektangel Tool" og klikk og dra et rektangel form på "lerret" skjerm. Klikk på firkanten for å velge det.

3 Klikk på "Properties" for å gjøre en "Properties" vinduet vises. Skriv "200" i tekstboksen til høyre for "W." Skriv "50" i tekstboksen ved siden av "H." Skriv "50" i tekstboksen ved siden av "X" Skriv "25" i tekstboksen ved siden av "Y." Klikk på "OK".

4 Klikk på "Fyll Color" maling-boks formet ikonet for å lage en fargeprøve meny vises. Klikk på den fargen du vil ha på knappen. Klikk på firkanten for å bruke fargen.

5 Klikk på "Text Tool" eller "A" -kategorien. Klikk på lerretet, og skriv inn teksten du vil skal vises på knappen.

6 Klikk på "Properties" -fanen øverst på skjermen for å åpne "Properties" vinduet. Klikk på rullegardinmenyen ved siden av "Skrift" og velg ønsket skrifttype. Klikk på "Skriftstørrelse" og velg "30" fra rullegardinmenyen. Klikk på "Skrift Color" og velg ønsket farge.

7 Klikk på blyantikonet. Kryss av i ruten med en linje gjennom det å deaktivere tekstens slag farge.

8 Klikk på "Rammer og History" på høyre side av vinduet. Klikk på "Alternativer" øverst i høyre hjørne og velg "Duplicate Frame". Dette skaper to rammer på skjermen merket "Frame 1" og "Frame 2."

9 Klikk på "Frame 2" for å velge den andre rammen og klikk på rektangel form. Klikk på "Fyll Color" -ikonet og klikk på fargen i fargekartet menyen du ønsker for den andre rammen. Klikk på rektangel form for den andre rammen for å bruke fargen. Knappen endres til denne fargen når en musepekeren svever over det.

10 Klikk på "Rediger" fanen på toppen av skjermen. Klikk på "Sett inn" i drop-down "Edit" -menyen. Klikk på "Rectangular Slice" i "Sett inn" drop-down menyen. En rød firkant boks vil danne rundt andre rammens rektangel.

11 Klikk på den røde "Rectangular Slice" rundt knappen for å velge det. Klikk på fanen "Windows". Klikk på "forløp" å gjøre "atferd" drop-down menyen vises. Klikk på "+" og velg "Simple Rollover" i rullegardinmenyen.

12 Klikk på "Preview" -fanen øverst på skjermen. Flytt musepekeren over knappen. Det bør endres fra en farge til en annen farge. Klikk på "OK".

1. 3 Klikk på den røde "Rectangular Slice" rundt knappen for å velge det. Klikk på "Properties" -kategorien. Sett inn lenke til "Link Field" for å legge til en nettside eller web side kobling til knapp.

14 Klikk på "optimalisere Panel" -kategorien. I "Optimaliser" drop-down menyen vil du se et topp utvalg menylinjen og en annen rett under til venstre. Klikk på pilen til venstre valgmenyen. Klikk på "GIF". Lagre knappen fil.

15 Klikk på "File" og velg "Export". Bla til mappen der du lagret din knapp. Velg "HTML og bilder" som "Export Format". Velg "Export HTML Fil" og "Export Slices" alternativer i rullegardinmenyene. Klikk "Export" for å lage HTML-filen som skal brukes med websiden.

Hint

Lagre knappen som en .png-fil, slik at du senere kan oppdatere eller endre det.