Hvordan lage en enkel tostatsknapp i fyrverkeri - dummies

En to-state-knapp er standard fyrverkeri-knappen. Du lager grafikken og teksten for Stat 1, som det ser på når siden først laster. Deretter endrer du den samme grafikken for State 2, som brukeren ser når du svinger markøren over knappen. Den forskjellige grafikken er en død gave at noe vil skje når knappen klikkes.

Før du kan lage noen knapper i fyrverkeri, finne ut hvilken størrelse du skal gjøre. Når du bestemmer deg for å lage et nettsted, gjør du en slags planlegging. Uansett hvilken metode du bruker, vet du hvor mye område du delegerte for navigering.

Hvis du bare har noen få koblinger, kan du bruke en horisontal navigasjonsmeny. Hvis du har mange koblinger, trenger du en vertikal meny. Når du møter med og lager en mockup for din klient, bør du kjenne tittelen for hver knapp. Knappen din bør være litt større enn den lengste tittelen. Med alt som fant ut, er du klar til å lage en to-state-knapp som følger:

1Velg Rediger → Sett inn → Ny knapp.

Knappeditoren vises, med (alas) bare retningslinjer for å sette knappgrafikken. Ditt oppdrag, bør du bestemme deg for å akseptere det, er å fylle knapp symbolet med en form og tekst.

2Velg ønsket tegneverktøy og lag en form på dokumentet.

Det logiske valget er rektangulærverktøyet. Hvis du oppretter en ovalformet knapp, kan du velge rektangulærverktøyet og deretter bruke Rundhetsparameteren i Egenskapsinspektøren til å runde rektangelens hjørner.

3 I Egenskapsinspektøren angir du bredden og høyden på knappen og eventuelle andre parametere, for eksempel strekkfarge og fyllfarge.

Figuren viser en knapp under bygging.

4Center knappen.

For å sentrere knappen, dra knappen mot midten av dokumentet til du ser et vertikalt og horisontalt tverrsnitt vises i midten av grafikken.

5Velg tekstverktøyet. I Egenskapsinspektøren angir du parametrene for knappeteksten.

Verdana og Arial er begge gode valg for skriftfaget. Velg en farge som er harmonisk med designen din. Skriftstørrelsen avhenger av størrelsen på knappen din.

6Trykk inn ønsket tekst på knappen. Velg teksten og knappens grafikk, og velg deretter Vindu → Juster.

Justeringspanelet vises.

7Lig teksten til knappen ved å klikke på de ønskede ikonene.

I de fleste tilfeller vil du at teksten skal justeres til midten av knappen, som du også kan oppnå ved å velge teksten med pekepinnverktøyet og dra den mot midten av dokumentet til et vertikalt og horisontalt tverrhår vises.Det kan imidlertid være lurt å justere teksten til venstre, høyre, topp eller bunn i formen. For å oppnå dette resultatet, bruker du panelet Juster.

8Velg Velg → Velg alt.

Hvis du er som oss og liker snarveier, trykker du bare på Ctrl + A (Windows) eller Apple + A (Mac) i stedet. Hvis du velger alt, blir det enkelt å kopiere grafikk og tekst til en annen stat.

9Velg vindu → stater.

Statspanelet åpnes i paneldockeren.

10 Høyreklikk (Windows) eller Control-klikk (Mac) State 1 for å vise kontekstmenyen og velg deretter Kopier til stater.

Dialogboksen Kopier til stater åpnes. Som standard er alle stater valgt.

11Velg neste radioknapp og klikk deretter OK.

Du har en karbonkopi av formen og teksten i del 2, som er grafikken som brukerne ser når de pause musen over knappen.

12 Velg stat 2 og endre eller endre grafikken du kopierte fra Stat 1.

Selvfølgelig kan du gå med en annen form, men det er ikke praktisk for en konvensjonell navigasjonsmeny-knapp. Du endrer knappen ved å endre fargen og / eller teksten. For en konvensjonell side, endre fargen på teksten.

13Klikk på Tilbake-knappen for å gå tilbake til hovedvinduet.

Knappen er lagt til i designen din.