Geavanceerd Flash websites integreren verschillende functies , zoals flash effecten , manipulatie van objecten en elementen op het podium via ActionScript en een laad- flash animatie die de voortgang van een laad- website toont . Als een vuistregel , functionaliteit voorrang boven esthetiek . Bovendien moeten deze functies van de website te verbeteren in plaats van af te leiden van de bezoeker . De toevoeging van deze functies maakt praktische zin als ze onnodig lange laadtijden veroorzaken . Flash functies moeten met mate worden gebruikt op elke website voor de bovengenoemde reden . Instructies
Preloading
1 Maak een nieuwe laag op de tijdlijn en noem deze " Preloader . "
Klik 2 op frame 2 van de " Preloader " laag en typ de tekst " laden " , terwijl het formatteren van de tekst zoals gewenst .
3 Zet de tekst op een filmclip door op F8 te drukken en te benoemen " Loader " .
4 Dubbelklik op het " Loader " filmclip en typ een tweede tekstveld aan de rechterkant met de tekst " 99 % " als volgt :
Laden 99 %
5 Go terug naar de wortel mainline en klik op de " Loader " filmclip
Druk op F9 6 en typ de code hieronder : . onClipEvent
( load ) { totaal = _root.getBytesTotal ( ) ;} onClipEvent ( enterFrame ) { loaded = _root.getBytesLoaded ( ) ; stroom = int ( geladen /totaal * 100 ) ; p = " " + huidige + " % " ; if ( geladen == totaal ) { _root.gotoAndStop ( 2 ) ; }
7 Maak een nieuwe laag
Klik 8 op frame 1 en druk op F8 "Acties . " . Typ de code hieronder : Stop ( ) op ;
Animated Interactiviteit
9 Maak een nieuwe "Knoppen " laag op de tijdlijn
.
10 Sleep een knop van de grafische bibliotheek en plaats het op het hoofdpodium .
11 Druk op F8 om de afbeelding naar een filmclip te zetten . Noem het " ButtonMC . "
12 Druk op F8 opnieuw en te converteren naar een andere clip genaamd
13 Geef de " about_mc " een instantienaam " AboutMC . " ; Plaats " about_mc " onder het tabblad "Eigenschappen " .
14 Dubbelklik op het " AboutMC " en voeg 2 extra lagen op de tijdlijn , " Effect " en " tekst . "
15 Dubbelklik op het " AboutMC " en druk op F8 opnieuw om te zetten naar een knopsymbool .
16 Dubbelklik op het " AboutMC " knop symbool en stel de juiste " Up" " Over" " Down " en " Hit " staten . Gebruik een ontwerp of afbeelding uit de bibliotheek om te bepalen hoe de knop wordt weergegeven wanneer de muis wordt geplaatst over de knop en vice versa .
17 Voeg de onderstaande code voor elke knop door op F9 op frame 1 van de "Acties " layer : About_mc.onRelease = function ( ) [ getURL
( " http://www.aboutus.com " , " _blank " ) op Twitter
Pas elke link om te verwijzen naar de juiste pagina wanneer erop wordt geklikt .
18 Voeg de pagina-inhoud en afbeeldingen door ze op het hoofdpodium voor elk exemplaar knop te slepen .
19 Press Ctrl + Enter om te testen .
|
