Hvordan lage en usammenhengende Roll
En usammenhengende roll er en knapp som bytter fra et bilde til et annet på en nettside når musen beveges over det eller klikk på den. Du kan spesifisere hvordan usammenhengende rollknappefunksjoner og punkt folk til en bestemt kobling. Opprette koden for en usammenhengende roll kan være tidkrevende, men du trenger ikke å lage det selv. Programmer som Fyrverkeri og Dreamweaver kan hjelpe deg å lage usammenhengende velt mer raskt og enkelt.
Bruksanvisning
Opprette Images løsrevne Roll
1 Lag usammenhengende rollover bilder i din favoritt bilderedigeringsprogrammet.
2 Lag to knapper: en som viser usammenhengende roll knappen i normal tilstand (når det er ingen mouse), og ett som viser under mouse (når noen ruller over bildet eller klikk på den).
3 Endre farge og tekst av de to usammenhengende rollover-knapper, men holde dem i samme størrelse. Når du er fornøyd med hvordan de ser ut, lagre hvert som web-vennlig bildefiler i JPG, GIF eller PNG-format.
4 Lag noen ekstra bildene du ønsker å bruke for usammenhengende roll knapper.
Putting usammenhengende Velt til handling
5 Åpne HTML-dokument i Dreamweaver. Klikk i området der du ønsker å legge den usammenhengende roll bildet skal vises.
6 Velg "Sett inn bilde" fra verktøylinjen for å sette bildet inn i Dreamweaver siden. Finn bildet du ønsker å bruke i "Select Image Source" i dialogboksen, og dobbeltklikk på den. Dette vil være bilde av usammenhengende roll i normal tilstand. Legg til en alternativ tekst og lang beskrivelse for bildet (valgfritt), og klikk "OK."
7 Gå til "Properties" vinduet og navn til bildet i navneboksen, slik at du kan peke på bildet lettere når du setter opp sin atferd (hvordan den usammenhengende roll fungerer på nettet).
8 Legg noen ekstra bildene du ønsker å bruke, og gjenta trinn 3 for å nevne bildene.
9 Åpne høyre panel hvis det er skjult ved å trykke F4 eller ved å klikke på rulle pil for panelet. Velg "atferd" panelet for å åpne den.
10 Klikk på "Legg Behavior" -knappen eller plusstegnet for å åpne den. Velg "Swap Image" fra rullegardinlisten.
11 Velg det første bildet du ønsker å bytte fra listen, og klikk på "Browse". Naviger for å finne det andre bildet du opprettet i "§ 1, Trinn 3" og åpne den. La "forspenning image" og "gjenopprette bilder på mouseout" sjekket med mindre du ønsker å sette dem manuelt.
12 Sett konkrete overgangstilstander til bildet ved å klikke på rullegardinmenyen ved siden av "Swap Image" eller "Bytt bilde Roll" eller la dem som er.
1. 3 Gjenta trinn 6-8 for ytterligere usammenhengende roll bildene du ønsker å lage.
14 Lagre nettside i Dreamweaver og forhåndsvise det i nettleseren. Deretter teste ut din usammenhengende roll knappen for å se hvordan det fungerer. Gratulerer! Du har nettopp opprettet en usammenhengende roll knapp.