Hogyan készítsünk egy banner a site, web design

Mik bannerek

  • Statikus banner - áll egy statikus képet. Vannak képek JPEG vagy PNG formátumban. Jellemző az alacsony súly, anélkül, hogy az oldal betöltését sebességet.
  • Animált - animáció segítségével létrehozott GIF. Ez áll több kép, amely követik egymást meghatározott frekvenciával. banner tömeg függ a képek számát ott.
  • Flash - animáció egy ilyen banner alapján készül a Flash. Meg lehet reagálni a felhasználói műveletekre.

Interaktív tartalom is képviselteti magát formában játszani vagy profilok hozzáadásával hang. Rajzok animáció segítségével létrehozott vektoros grafika.

  • 88 31 pixel;
  • 120 60 képpont;
  • 120 90 képpont;
  • 120 x 240 képpont;
  • 125 125 képpont;
  • 120 600 képpont;
  • 160 600 képpont;
  • 180 150 képpont;
  • 234 60 pixel;
  • 240 x 400 képpont;
  • 250 250 képpont;
  • 300 600 képpont;
  • 300 250 képpont;
  • 336 280 képpont;
  • 150 150 képpont;
  • 468 60 képpont;
  • 728 90 pixel.

A legtöbb bannerek kód megegyezik a minta:

De nem feltétlenül fejleszteni saját banner. Ehhez csak akkor veheti igénybe a speciális online generátorok. Generálni a kódot a banner a szolgáltatást, akkor ki kell töltenie néhány mezőket és kattintson a gombra:

Vagy akkor azért egy banner professzionális stúdióban. Akkor többe ... Íme néhány példa az árak:

  • Fejlesztése a hagyományos GIF banner - $ 25;
  • Létrehozása banner alapú Flash - 70-150 $;
  • Átméretezés - mintegy 50% -a az eredeti ár.

De ha egy kicsit pomudrit, akkor létrehozhat egy egyszerű banner magad. Ez az, amit a csoda után kiderül, tíz perccel a manipuláció a kódot html és kép Coreldraw:

Ha egy kicsit több pomudrit kódot, és adjunk hozzá egy pár eseménykezelőkkel, kapsz egy bannert a kép változik. A kép a zászló alatt megváltoznak fölé viszi azt.

Itt mi történt:

Tekintsük a példát, hogyan lehet egy animált banner segítségével Ulead GIF Animator programban.

A „Fájl” menüből válassza ki a tételt „Animáció varázsló.” A megjelenő ablakban adja meg a méret a banner a jövőben. Mi betölteni az elkészített kép a következő lépés:

Ezután állítsa be a sebességet változás képeket az animáció. A kis ablak, hogy a sebesség bizonyítja változó szám:

Ha szükséges, akkor adjunk hozzá animált képek mozgó szöveget. Egy speciális ablakban beírt szöveg és animáció beállítjuk (beállított sebességet és a mozgás iránya):

A lényeg nem az a felismerés, de az ötlet!