Welkom!

Deel je kennis met anderen in deze Flashgemeenschap!
Aanmelden / registreren
Gebruikersnaam:
Wachtwoord:
Wachtwoord opslaan?
Wachtwoord vergeten?

TUTORIALS / Actionscripting / Beginnen met actionscript

Maak je eigen Flashsite!
397 downloads, 46829 keer gelezen
(April 9, 2003)
Waardering: 212 keer gestemd 
 3.6 van de 5
Eigenschappen
Flash Versie  Flash MX
Moeilijkheidsgraad  Beginners

Formaat:   49 KB

Een tutorial over het maken van je eigen Flashsite met bepaalde functies en links naar tutorials op FlashFreaks.nl.
Nu moet het zeker lukken je eigen Flashsite op te zetten. Ook goed geschikt voor beginners!

 

 
Intro

Er zijn veel beginners hier op flashfreaks.nl die een eigen website in flash willen maken. Er zijn genoeg tutorials die dit mogelijk maken, alleen moet je ze nog ff combineren. Hierbij dus een overzicht van de nuttige tutorials en aanvullingen voor een eigen website, moet je al deze tutorials nog doen dan moet je er wel even voor gaan zitten . Ik neem aan dat je al wel een beetje thuis bent in flash, ik ga dus niet uitleggen hoe je buttons moet maken en hoe je met layers moet werken. Verder houd ik het design simpel, dit laat ik allemaal aan jullie eigen fantasie over, ik zal er aan het eind, nadat de basis gemaakt is, links neerzetten om je site mooier te maken.. Veel succes en natuurlijk plezier!

Even mijn principe

Er zijn verschillende manieren om een site te maken. Ik maak het liefst gebruik van verschillende movies die ik vervolgens inlaadt. Dit houdt in, komt er een achtergrondmuziekje, doe deze in een aparte movie(misschien met play en stop knop), heb je tekst en plaatjes door elkaar, dan maak ik deze ook in een aparte movie, omdat je hierbij geen dynamic tekst kunt gebruiken. Heb je een fotoalbum, deze ook in een aparte movie, enz enz. Verder gebruik ik voor alleen tekst, een txt bestandje.
Het voordeel van zo'n 'modulaire' site, houdt in dat je niet steeds weer helemaal je index.swf hoeft up te loaden en natuurlijk houdt je ook stukken beter overzicht bij het wijzigen van gegevens.

Tip: Gebruik voor elke .swf die je maakt een preloader in de 1ste Scéne, doe dit door modify>scene, hier kun je de scene's van naam veranderen en van volgorde. Ik heb zelf een template gemaakt, dus gewoon een kale movie met 2 scene's en in de eerste scene een preloader. Sla deze dan op als template(save as template) en geef hem een goede naam+plek. Als je dit weer nodig hebt, kies je "new from template" en je bent al weer een eind op weg.
Tutorials voor preloaders vind je hier:
Fijne preload tut.
Zelfde als hierboven, maar zonder balkje.
Kort en krachtig! goeie tut, niet grafisch

Lay-out

We beginnen met het maken van een lay-out van je site, waar komen de knoppen, de informatie, een titelplaatje/animatie enz enz. Ik houd bij deze tut de gebruikelijke indeling van een website aan. Menu links, aan de bovenkant een sitenaam animatie. En dan op de resterende ruimte, de ruimte voor de nuttige informatie. Denk ook aan de resolutie van de site, veel beeldschermen zitten al op 1024*768 pixels, maar er zijn nog genoeg gebruikers van 800*600. Voor de eerste resolutie, met standaard IE gebruikersinstellingen, is een resolutie van 1020 * 590 mooi(dan moet je wel de scrollbalk verwijderen. Later hier meer over) wil je 800*600, gebruik dan een resolutie van 792 * 450. Doe dit meteen! Zo voorkom je veel problemen. Een movie van een 800*600 beeld wordt wel goed weergegeven op hogere resoluties, maar andersom niet!
Hieronder mijn lay-out, let bij je eigen ontwerp op de layers!

Ik ga ervan uit dat je zowel gewone tekst gebruikt alswel andere movies, voor bijvoorbeeld een fotoboek. Dus teken ik 2 tekstvakken, instellingen dynamic, de ene heeft de variabelen 'mainvak' & 'main'(instance name & variabele) en de ander 'movievak' & 'movie'.
Voor tekstbestanden inladen ga naar die tutorial hier. Daar leer je hoe je tekst in moet laden op je site via buttons, ik neem dus aan dat je zelf nu buttons(met actionscript) en tekstvakken op je site kunt maken.

Voeg nu ook nog een titelbalkje toe en je hebt het volgende:

Animaties

We willen natuurlijk ook een fotoboek op onze website, hiervoor zijn er verschillende tutorials beschikbaar:
Bewegende foto's(veel werk).
Voor de iets meer gevorderde, niet erg duidelijk, wel kort.
Maak deze fotoboeken in een losse .swf file!
Houdt voor dit fotoboek een knop vrij! Actionscript volgt nog in deze tut.

We kunnen natuurlijk ook nog een losse animatie maken(dus nog een aparte swf) om tekst in te laten zien, gecombineerd met foto's, dit kan namelijk niet dynamisch. Maak gewoon op ieder frame een static tekstvak, typ hierin de nodige tekst, houdt enters vrij op de plekken voor foto's en zet deze er gewoon bij in. Maak knoppen om naar volgende/vorige frame te gaan.

Actionscript


Ok, je hebt nu al een site, die er goed uitziet, alleen zal ie af en toe nog bugs hebben, dingen die blijven staan en dergelijke. Gebruik het volgende actionscript voor iedere button die een tekstvak aanstuurt(dynamisch). Ervan uitgaande dat je 1 tekstvak, 1 scrollbar en 1 tekstvak als movievak hebt.

  1. on(release){
  2. unloadMovie(movievak);
  3. main = home;
  4. menu = "Home";
  5. mainScroll.setSize(mainvak._height);}
  1. Bekende actie, wanneer er op de knop gedrukt wordt.
  2. Wordt het het movievak leeggemaakt.
  3. Wordt de tekstvakvariabele verandert(dus bij dynamische tekst,zonder plaatjes)
  4. Een variabel vak voor menu aanduiding(op mijn site), komt later nog aan de orde, voor uitbreiding, kan dus weggelaten worden indien je hier geen gebruik van maakt
  5. De scrollbalk wordt aangepast aan de nieuwe tekst(bekent uit dynamisch tekstvak met scrollbalk tut)

Ok, nu actionscript voor buttons waarbij er een externe flashmovie wordt ingeladen, met natuurlijk weer on(release){:

  1. loadMovie("lichtmovie.swf", _root.movievak);
  2. main = "";
  3. mainScroll.setSize(_root.mainvak._height);
  1. er wordt nu een externe movie ingeladen in het movievak.
  2. de tekst in het mainvak wordt weggehaald, er staat dus geen tekst in.
  3. de scrollbalk kijkt welke content erin staat, geen dus, dus verdwijnt de scrollbalk(zit al in de balk zelf).
Dat kan mooier!

Zo, je site werkt, maar hij flasht nog niet voor de volle 100%?!? Nou, een paar tips om dit te verhelpen.

Nou, dat was het dan, niet zo moeilijk toch!?! Houdt het wel overzichtelijk en systematisch! Als het goed is heb je nu een aantal bestanden, een index.swf+fla en nog een aantal losse movies en een index.txt. Alleen de swf's, txt en foto's en geluid dat dynamisch ingeladen wordt hoef je up te loaden.

Graag feedback op mijn tut en wil je een tut over een bepaald onderwerp waar je niet uitkomt en ik misschien wel snap, laat het weten!

Geef hier je waardering: Matig 1 2 3 4 5 Geweldig!
  Waardering:
HELP!! windows vista (01 August 2009, 12:19)
ik snap er niks van! ik krijg telkens een error description: 1087: Syntax error: extra characters found after end of program source: on(release){ plzz help me
help!!!!!!!!!!!!!!!!!!!!!11 masja damen (07 February 2008, 10:54)
help! ik wil helemaal geen eigen site ofso ik wil gewoon een eigen cursor maken die ik op mijn computer kan gebruiken!
Flashsite Leo Kist de Ruijter (25 September 2005, 16:53)
Het zou prettig zijn als de links in je verhaal ook eindelijk eens werken! Niets maar dan ook niets werkt er naar behoren! Erg slordig en onprofessioneel ! Ik weet het is niet jouw schuld maar wel van de makers van deze site!
mijn site Xtreme 984 (13 October 2003, 10:05)
Ik ben mijn site aan et maken met i.p.v een movieclip als vak om in te laden de scrollpanel component. maar hoe krijg ik de inhoud nou gecentreerd in het scrollpanel?
1-4