Hur man skapar en flygande objekt över en webbsida

In Tech
Advertisement

Hur man skapar en flygande objekt över en webbsida


Lägga till specialeffekter till en webbplats, som det plötsliga uppdykandet av en UFO zippa över en webbsida kan vara en iögonfallande njutning för besökare. Lyckligtvis uppnå detta specialeffekt ofta är inte så svårt som det ser ut. Det verkliga tricket använder denna effekt på ett omdömesgillt sätt: Flash-animationer är irriterande för besökare som bara vill granska innehållet och inte vill bli störd av swooping UFO. Som sådan bör du bara sätta in en specialeffekt som detta om det är konstnärligt mycket bra och gör någon form av meningsfull uttalande.

Producera en statisk bild av ditt mål webbsida. Om det är en hemsida, producera en JPG eller GIF-bild på sidan. Se till att upplösningen av denna bild är ganska hög, såsom 300 eller 600 dpi. Ange storleken på bilden till samma omkrets din webbsida. Konceptet är att producera en statisk bild av en aktiv webbsida som kan vara substituerad i stället för själva webbsidan.

Spara denna statisk bild som webb bakgrundsbild i din webbdesign verktygslåda. Du måste kunna välja denna bild som den statiska stöd för en ny webbdesign.

Öppna en ny webbsida designprojekt. Välj statisk webbsida bild som bakgrund panelen. Du bör se en mycket bra representation av webbplatsen när bakgrunden fyller projektet skärm. Testa denna bakgrund i HTML verktyget för förhandsvisning: det nya projektet måste se ut som om det är en verklig, aktiv webbsida. Justera bakgrunden och projektets storlek som krävs för att uppnå detta perfekt stand-in effekt.

Spara denna bakgrundsbild med några ytterligare tillägg som den första "slide" i ett Flash-animation projekt. Detta är den första bilden i en multipel-slide projekt. Märk det "Step 1."

Öppna en ny sida projekt och tillämpa statisk webbsida bild som bakgrund. Nu lägga till en bild av ett föremål, som ett UFO, bara in utsikten från ett hörn eller sida av statisk webbsida. Denna bild kommer upp på den statiska webbsidans bakgrund. Spara detta projekt som en blixt anime slide, märkt "Steg 2."

Fortsätt att skapa nya projekt med webbsidans bakgrund, och "steg" UFO bilden när den rör sig över sidan. Du kan behöva skapa så många som 20 steg glider blixten för att uppnå effekten.

Sammanställa färdig Flash-filmen. Den första bilden bör vara av statisk webbsida. Den andra sliden bör avslöja en flisa av UFO in i sidan utrymme. Den tredje slide bör avslöja lite mer av UFO. De slutliga två bilder ska visa UFO bara lämna sidan, och resulterar i en slutlig glida av bara statisk webbsida igen. Spara denna som en Flash SWF-fil med ett namn som "ufoattack.swf."

Justera Flash-filmen så att den löper smidigt och snabbt. Låt statisk hemsida bild köra två eller tre sekunder innan UFO bilden börjar visas. Lägg koden till slutet av Flash-film, till exempel: ". Window.location =" http://www.yourdomain.com/homepage.html "Detta kommer i slutet av filmen, skapa en omedelbar omdirigera till verklig hemsidan på din webbplats.

Ladda Flash-animation film till din webbplats så att när besökare kommer till din webbadress blixten filmen börjar omedelbart att spela. När Flash-filmen avslutas, kommer besökaren att tas till den verkliga hemsidan för webbplatsen.

Tips

Om din webbplats statisk bild är lika skarp i upplösning och samma storlek som en riktig hemsida hemsida, bör betraktaren inte kan urskilja att du använder en "dubbel" i början av flash-animationer.

Öppning Flash-filmer och specialeffekter som detta håller på att sjunka i popularitet med webb besökare. Var noga med att "bang" är värt irritation "buck". Om din Flash-film går för lång eller laddar långsamt eller olyckligt, är dina besökare kommer att lämna.

You may also read!

Hur man skapar Shockwave Flash-objekt

Hur man skapar Shockwave Flash-objekt

Shockwave Flash-objekt är SWF-filer. SWF-filer är över hela Internet som snabb laddning animationer sett på många webbplatser. Om du är bekant med Adobe Flash, skapar en SWF-fil från animering är en enkel export av filformat. Annars, många gratis ned

Read More...
Hur man skapar en flygande Brick diagram i Excel

Hur man skapar en flygande Brick diagram i Excel

En flygande tegelsten diagram, även kallad ett vattenfall diagram, är en typ av stapeldiagram används för att visa en sekventiell uppsättning ändringar en kvantitet. Varje förändring visas i en ny kolumn av en stång, som börjar på den nivå föregående

Read More...
Hur man skapar Space Between bilder på en webbsida

Hur man skapar Space Between bilder på en webbsida

Såvida du inte uttryckligen lägga rätt HTML-kod, kommer en bild på din webbsida har ingen ränna avstånd mellan den och någon annan bild. CSS, eller Cascading Style Sheet, kommer marginal egendom lägga utrymme runt alla fyra sidor av en bild. Dessutom

Read More...
Hur man skapar en webbplats karta för en webbsida

Hur man skapar en webbplats karta för en webbsida

En webbkarta fungerar ungefär som en innehållsförteckning (se "Lägga till en innehållsförteckning till en webbsida). Använd en Site Map om du har en stor webbplats med många olika sidor och mål länkar (se "Lägga till ett mål Länka till en webbsi

Read More...
Hur man skapar en Print knapp på en webbsida

Hur man skapar en Print knapp på en webbsida

En "Print" -knappen på din webbsida gör att dina besökare att snabbt skriva ut innehållet på sidan. När knappen trycks in, dyker utskriftsdialog webbläsarens upp. Då allt användaren behöver göra är att välja sin skrivare i listan, ändra egenskap

Read More...
Hur man skapar en GIF Bakgrund för en webbsida

Hur man skapar en GIF Bakgrund för en webbsida

De flesta webbläsare har en vanlig vit eller grå bakgrund. Designers webbsida ersätta ofta detta med en GIF-bild, som visas om och om igen i en ändlös kakel mönster. Sätta bakgrunden är relativt lätt, men att hitta en bild eller ett mönster som inte

Read More...
Hur man skapar en punktlista i en HTML webbsida

Hur man skapar en punktlista i en HTML webbsida

Skapa en punktlista på din hemsida kommer att hjälpa att lägga vitt utrymme, organisera informationen lättare och förbättra din SEO (Search Engine Optimization) ranking, om du använder bra sökord i listan. Saker du behöver Grundläggande förståelse fö

Read More...
Hur man skapar en RSS-flöde från en webbsida

Hur man skapar en RSS-flöde från en webbsida

En webbplats som har Really Simple Syndication (RSS) ger dig en innehållssida (feed) som visar webbplatsens senaste uppdateringarna i en förkortad textvisning. Dessa RSS-flöden sedan visas i RSS-läsare (aggregator), som presenterar du den önskade inf

Read More...
Hur man skapar en bild bildspel på en webbsida

Hur man skapar en bild bildspel på en webbsida

Genom att skapa en bild bildspel för att visa bilder på din webbsida, du lägga till en extra bit av förbättring av övergripande utseendet på din sida. Förflyttningen av bilderna kan vara mer tilltalande visuellt till din webbplats publik än en stilla

Read More...