Creëren van een web-pagina special effect waardoor het lijkt alsof een afbeelding of video is "walking" in of op de webpagina is vaak een loutere illusie waarbij de animatie van de flits programmering. U kunt toveren dit stukje web magie unidirectioneel is door het creëren van een Flash Intro film die wordt geladen wanneer een bezoeker op de homepage van uw website komt.
Wat die u nodig hebt
- Flash-Intro animatiesoftware
Maken van de Flash diabeelden
Maak een statische kopie van de GIF-afbeelding van het echte homepage van uw website met behulp van uw favoriete web authoring programma zoals Dreamweaver of MS FrontPage. Open het bestand van uw introductiepagina en sla het werk als een afbeelding in GIF-indeling, in plaats van als een HTML-document. Voordat u dit Image-bestand opslaat, stelt u de resolutie van deze foto op 600 dpi. Dit bestand is een mere "momentopname" van uw web Home Page, niet een echte Home Page. U wilt dit slot stoot te scherpe (vandaar de instelling van 600 dpi) dus het lijkt identiek aan een echte web-pagina. Kijkers moeten niet zitten kundig voor zeggen het verschil tussen de echte Home Page en dit beeld van uw startpagina. Naam van dit afbeeldingsbestand "Home_Page_Background."
Maak een nieuw project van de GIF-afbeelding. Kies uw "Home_Page_Background"-afbeelding als het achtergrondontwerp voor de nieuwe web-pagina. Sla dit bestand op als een GIF-bestand met de naam "dia 1.gif."
Een andere nieuwe GIF-afbeelding pagina bouwen. Kies uw "Home_Page_Background"-afbeelding als achtergrond voor de pagina weer. Ditmaal een afbeelding op de top van deze achtergrond, een klein gedeelte van de afbeelding die u wilt "lopen" op de website toevoegen. Als uw afbeelding "walk on" van een doos van de video-viewer is, bijvoorbeeld een GIF-afbeelding van slechts een splinter van de rechterkant van het vak van de video-viewer te maken. Plaats deze "Splinter" van de afbeelding veel links wijzer zijde van de achtergrondafbeelding van de webpagina als de video-viewer-vak net "" op de webpagina gluren is. Sla dit bestand op als een GIF-afbeeldingsdocument met de naam "dia 2.gif."
Bouwen van een andere dia met GIF-afbeelding, deze keer een beetje meer bewegen van het beeld van de video-viewer-vak op de webpagina-achtergrond. Sla dit bestand op als een GIF-document met de naam "dia 3.gif."
Blijven maken nieuwe GIF 'dia's,' zo veel als u wellicht effectief animeren het beeld van de video-viewer vak komst "op" de web-pagina, verhuizen naar het midden van de pagina, en dan stoppen. Naam van al deze dia's nauwkeurig, "Dia 4.gif," "Dia 5.gif," "Dia 6.gif" en zo verder. De meer dia's die je maakt, hoe soepeler het vak video weergave zal lijken te "walk over" de webpagina.
Open het oorspronkelijke bestand met echte HTML-Home Page. Maak een kopie van deze HTML-pagina, noem deze "VideoBox.html" en sla dit bestand op.
Open de "Video Box" HTML-projectbestand. De actieve code invoegen in de web-pagina die uw voorkeur video zienswijze vak java applet zal verschijnen in het midden van de webpagina. Zoek deze video-viewer-vakken op de webpagina precies waar het zich bevindt in de afbeelding van de laatste dia die u eerder hebt gemaakt.
Programma de video-viewer-applet zodat de video die u wilt spelen in deze video-viewer doos inderdaad wordt gestart wanneer de bezoeker op de "play" pijl klikt of de pagina wordt geladen. Een definitieve opdracht toevoegen aan uw applet van de video-viewer, zodat het schakelt dan automatisch naar uw originele echte Home Page URL (bijvoorbeeld: http://mywebsite.com/homepage/index.html) wanneer de videoclip is voltooid. Dit werk op te slaan.
Dit "Video vak HTML" bestand uploaden naar uw web server directory. Laden van de werkelijke videoclip naar uw server als goed.
Het maken van de Flash Intro
Een animatie van de flits van de standaard "Intro" film maken met alle dia's die u hebt aangebracht, geprogrammeerd in de juiste volgorde. Als u geen Flash Intro software voor websiteontwikkeling eigen, kopen en downloaden van een programma zoals Amara of SwishZone, van het Internet en leren hoe de software te gebruiken. De meeste Flash Intro softwaretoepassingen zijn snel om te overmeesteren. De laatste opdracht in deze Flash animatie Intro film wijs"" naar het programmabestand van de "Video vak HTML" besproken in de vorige stap. Uw Flash reeks script zal zoiets als dit uitvoeren: Slide1/Slide2/Slide3/Slide4/Slide5/Slide6/VideoBoxHTML.
Het programma van deze Flash Intro film op het eerste wat dat een web-bezoeker ziet na aankomst op het URL-adres van de website. Flash Intro-programma toepassingen zal u helpen om te maken van een dergelijke instelling. Deze Flash Intro animatiefilm opslaan met een naam zoals "VideoWalkOnIntro."
Dit Flash Intro animatiebestand, "VideoWalkOnIntro", en alle afbeeldingen van de dia die gaan met haar, naar uw webserver uploaden. Plaats het in de juiste map volgens de instructies voor uw specifieke toepassing van de Flash Intro. In de meeste gevallen zal u het laden van dit bestand naar de "root"-map voor uw website.
Test uw werk. Ga naar uw website met behulp van uw Browser. Wanneer u op de site URL-adres aankomt, beginnen de Flash Intro film zelfgemaakt onmiddellijk te spelen. U ziet uw reguliere website Home Page (hoewel het is echt alleen een GIF-afbeelding van een Home Page) voor een seconde of twee. Het vak van de video-viewer moet dan kijken alsof het is begonnen met het invoeren van de web-pagina aan de linkerkant van de webpagina. Het vak video-speler moet kijken alsof het "over" de webpagina naar het midden van de pagina lopen is. Het vak van de video-viewer moet dan beginnen met het afspelen van uw gekozen videoclip (de VideoBox HTML-pagina is nu actief). Wanneer de videoclip is voltooid, wordt de webpagina moet onmiddellijk overschakelen naar de echte website Home Page bestand. U moet nu kunnen zijn om te navigeren naar andere gekoppelde pagina's op de website normaal.
Tweak en oplossen van problemen met instellingen of grafische afbeeldingen om de meest vloeiende effect te bereiken. De kijker moet weinig besef dat ze, a kijken naar een foto van een home page op het eerste, (b) vervolgens kijken naar een Flash-animatie-film, en, (c) ten slotte worden omgeleid naar de echte website Home Page. De illusie moet dat ze zijn aangekomen op een normale website, de video-viewer-vak wandelingen over de pagina en de video speelt, en dan de hele website ervaring voor hen beschikbaar is.
- Zorg ervoor dat elke Flash Intro trucs als dit niet veel tijd om te laden of te voltooien: 30 seconden van start tot finish zou de maximale hoeveelheid tijd toegestaan voor deze truc om te spelen. Bezoekers van uw website zijn gemakkelijk verveeld of geërgerd door dergelijke Intros en kunnen Klik buiten uw site als ze wachten voor de "trucs moeten" om te beëindigen. Zorg ervoor dat de videoclip die u wilt laten zien belang, iets dat een bezoeker zien moet ten volle waarderen de website. Zorg dat u de video-inhoud is geschikt als zij geen andere keuze of Bekijk de video hebben of niet: niet hinderlaag bezoekers met onsmakelijk video's dat ze worden gedwongen om naar te kijken.
