Praktijk (video demonstraties)
Meer dan een uur video-demo's. Deze demo's zijn oorspronkelijk uitgegeven als onderdeel van de Dreambits Flash 8 cursus.
De praktijk van het werken met flash is wel veranderd, de principes voor het bouwen van
een site zijn nog zeker van toepassing.
Let op! Deze demo's behandelen het bouwen van een site op basis van de tijdlijn, en niet met Actionscript. De demo's zijn geschikt voor de beginnende gebruiker, in zoverre dat de gebruiker wel bekend moet zijn met alle basisbeginselen van Flash.
Globale Inhoud:
Banner deel 1
Nieuw document met een banner template, achtergrond rechthoek met afgeronde hoeken exact plaatsen, afbeelding met masker plaatsen, tekst plaatsen, opbreken en letter voor letter animeren.
Banner deel 2
Animatie kopieren, plakken en het tweede deel omkeren en fijnstemmen, symbool importeren en dit animeren over een pad, gehele animatie in een movieclip plaatsen.
Site opzet maken
Nieuw bestand maken, grootte instellen en framerate instellen, vector elementen tekenen, banner importeren en onder een masker plaatsen.
Tekst en buttons
Tekst plaatsen op de openingspagina, eerder gemaakte button importeren, effecten op de button toepassen. Abeeldingen importeren, de button dupliceren en de afbeeldingen van de button vervangen door de nieuw geimporteerde, om aldus nieuwe knoppen te maken. Nieuwe knoppen op de stage plaatsen.
Navigatie opzet maken
Knoppen goed uitlijnen, layers van goede namen voorzien, de Timeline verlengen en keyframes met labels aanmaken voor de verschillende categorieen, nieuwe layer met keyframes maken voor de in te laden foto's, acties op de knoppen plaatsen die naar de labels verwijzen, een stop actie in het eerste frame van de movie plaatsen, actie op de banner plaatsen zodat deze als "home button" fungeert.
Foto's inladen
Afbeeldingen importeren en deze plaatsen op een van de keyframes onder het framelabel van een categorie. Een onzichtbare knop maken en deze op de afbeeldingen plaatsen. Een nieuwe, lege movieclip maken die gaat dienen als container voor de in te laden foto's. Acties op de onzichtbare knoppen plaatsen die de foto's in de container movieclip laden. Publish settings aanpassen, zodat de foto's bij het testen ook correct ingeladen kunnen worden. Valstrikken en foutmeldingen doornemen.
Formulier plaatsen
Een nieuw keyframe met label plaatsen op de timeline. Movieclip container plaatsen. Tekst op de openingspagina plaatsen met een link dmv de onzichtbare knop. Actie aanbrengen om extern flashbestand met formulier in de movieclip te laden.
Tekstlink op de openingspagina plaatsen die rechtstreeks naar een emailadres verwijst (en dus het email-programma van de gebruiker zal openen)
Uiterlijk aanpassen
Afbeeldingen importeren om de getekende balken te vervangen, de banner verwijderen en vervangen door een tekst-kop met een slagschaduw. Link naar de homepage plaatsen op deze tekst, met een onderschrift dat verschijnt als de cursor erboven staat. Knoppen van de fotocategorieen hetzelfde soort uiterlijk geven als het hoofdmenu. Extra animatie in de knoppen aanbrengen. Kopje plaatsen bij categorie zodat het duidelijk is waar men zich in de site bevindt.
Geluid en Video
Een geluid importeren en dit onder de knoppen plaatsen, zodat dit te horen is bij het indrukken van een knop. Een video importeren en deze afspelen met behulp van de video component.
Publiceren
Een preloader importeren en instellen voor gebruik in het bestand. Publish instellingen aanpassen voor optimaal preloaden. Een size-report maken om de grootte van alle onderdelen en het totaal te controleren. Namen van de bestanden aanpassen en het publish template kiezen. Active Content Update publish template toepassen. Het gegenereerde HTML bestand aanpassen. Bestanden in de site controleren, cq overbodige bestanden verwijderen. Benodigde bestanden met FTP publiceren op een actieve website.
|