Een portfoliosite maken met
Flash CS4

In deze tutorials zie je hoe je met Flash CS4 een porfoliosite kunt maken. Het resultaat zie je als je hier klikt.

voorbereiding

Voor het portfolio moet eerst een achtergrond worden ontworpen in Photoshop, Illustrator of in Flash zelf.
Ook moeten de te gebruiken afbeeldingen in miniaturen op maat gemaakt worden.
Dat kan eenvoudig in iPhoto. (16:34)

tijdlijnnavigatie

De knoppen moeten ervoor zorgen dat er een andere inhoud komt als erop geklikt wordt. Dit gaat met de zogenaamde tijdlijn-navigatie. Het script is hier zo eenvoudig, dat het met de Scriptassistientie gemaakt wordt:
Klik hier...

08:10

 het script voor het navigatiemenu

submenu

Een submenu maak je eigelijk op dezelfde manier: de knoppen worden alleen pas zichtbaar, als je op de juiste knop geklikt hebt:
Klik hier...

10:58

 een submenu maken

grote afbeeldingen laden

Om nu de grote afbeeldingen in beeld te krijgen maak je gebruik van de component Loader. Het verdere principe lijkt op wat je tot nu toe al eerder gemaakt hebt. Je maakt weer gebruik van 'tijdlijnnavigatie'. Omdat je ook een 'verder-knop' en een 'terugknop' maakt, zet je alle hoofdframes naast elkaar.
Om nu niet een al te ingewikkelde tijdlijn te krijgen, maak je van de miniatuurknoppen eerst een filmclip (movieclip).
Klik hier...

16:03

 grote afbeelgingen inladen

animatie met scènes

Om in dit navigatiemenu ook te animeren, proberen we het animeren op de tijdlijn te voorkomen: er wordt een aparte Scène gemaakt waarin de animatie plaatsvindt.
Klik hier...

15:25

 werken met scenes

submenu animatie

Om ook het submenu te animeren, zet je de knoppen in een movieclip. Omdat ze nog wel moeten blijven werken, moet je wel het script aanpassen. Al is dat niet heel ingrijpend, we moeten wel afscheid nemen van de Scriptassistentie.
Klik hier...

13:31


 animatie van submenu

movie op webpagina zetten

In de laatste video zie je hoe je de flashmovie op een webpagina zet. Dit kan het best met Dreamweaver.
Ook zie je hoe de movie midden op de pagina geplaatst wordt.
Klik hier...

6:17

 op webpagina plaastn

Als je nog wilt zien hoe je een website op N@tschool moet zetten, klik dan hier.