Flash-teknologier er allestedsnærværende på nettsteder i dag, og til og med aspirerende webmastere prøver å legge til flash-elementer på nettstedet. For eksempel vil menydesignet som bruker denne teknologien være funksjonelt og vakkert. Som et eksempel vil vi beskrive hvordan du lager en praktisk flash-knapp i Adobe Flash CS4 som kan plasseres på nettstedet ditt, og lage en menyblokk basert på slike knapper.
Bruksanvisning
Trinn 1
Forbered to grafiske filer med et bakgrunnsbilde av knapper uten tekst i Jpg-format, forskjellige i et par fargefragmenter. Åpne deretter Adobe Flash, opprett et nytt dokument, og velg Action Script 2.0 fra listen.
Steg 2
Åpne innstillingsdelen og sett bredden til 273 piksler og høyden til 54 piksler. Klikk på Importer-knappen på Fil-menyen og velg Importer til bibliotek for å importere de to gjengitte bildene til databiblioteket.
Trinn 3
Dra de nedlastede bildene til arbeidsområdet, trykk F8, gi nytt navn til et av bildene og velg Filmklipp i Type-delen.
Trinn 4
Dra deretter det andre bildet til arbeidsområdet, gi det også nytt navn og spesifiser den samme parameteren i Type-delen.
Trinn 5
Skriv inn teksten du vil ha på hver knapp, og trykk Ctrl + F8 for å opprette en ny knapp. Vinduet Nytt symbol åpnes. Gi navnet på den fremtidige knappen, og velg knappen Type. Kopier det første redigerte bildet ovenfor til arbeidsområdet til den opprettede filmklipp-knappen.
Trinn 6
Lag et nytt filmklipp, trykk også på Ctrl + F8, og kopier det resulterende til arbeidsområdet. Lag et nytt lag og kopier filmklippet med det andre bildet.
Trinn 7
På det første laget lager du en ramme ved å gå litt tilbake og velge alternativet Sett inn ramme fra høyreklikkmenyen. Gjenta det samme på neste lag ved å velge Sett inn nøkkelramme fra hurtigmenyen. Velg den opprettede nøkkelrammen og åpne innstillingene.
Trinn 8
I Style Effect-delen velger du Style Alpha og setter verdien til 0%. I den første rammen av det samme laget, sett verdien til Classic Motion Tween.
Trinn 9
På scenen velger du knappobjektet og åpner Handlinger. Lim inn følgende kode i det frie feltet: on (release) {
getURL ("aboutme.htm", "_self", "GET");
}
Trinn 10
I innstillingene, gi knappen ønsket navn. Gå tilbake til den første scenen og kopier filmklippet, velg det og åpne Handlinger igjen. Skriv inn en annen kode der sim_btn er navnet på knappen din: onClipEvent (enterFrame) {
hvis (gå) {
nesteFrame ();
} annet {
prevFrame ();
}
}
onClipEvent (last) {
var go;
Stoppe ();
sim_btn.onRollOver = funksjon () {
gå = sant;
};
sim_btn.onRollOut = funksjon () {
gå = falsk;
};
}
Trinn 11
Eksporter knappen ved å velge Eksporter film fra Fil-menyen.
