Egy internetes projekt fejlesztésének egy bizonyos szakaszában szükség lehet saját bannerre. Például saját vagy partnerinformációs termékei eladásához (az ilyen típusú bevételekről a „” cikkben írtam), egy márka népszerűsítése, forgalom vonzása stb.
Első pillantásra úgy tűnhet, hogy egy teljes értékű, professzionális szintű banner elkészítéséhez tervezési készségekkel kell rendelkeznie, vagy legalább jól kell rajzolnia. A számítástechnika modern fejlődésének körülményei között erre nincs szükség. Még akkor is, ha a weboldal tulajdonosa csak az iskolában kapott rossz jegyeket rajzból, néhány perc alatt elkészíthet egy kiváló, személyre szabott, egyedi és vonzó web bannert. És ha egy kicsit több időt fordítasz rá, egy kézzel készített médiaplakát nem lesz rosszabb, mint a professzionálisan elvégzett tervezési munka.
Mit tartalmaz egy webes banner:
- Grafikus kép;
- Reklámszöveg;
- Hiperhivatkozás a hirdetett oldalra.
A legfontosabb, hogy a bannert úgy kell elkészíteni, hogy a felhasználó vonzódjon a gyönyörű képe, elolvassa a hozzá tartozó reklámszöveget, és inspirációt kapjon, hogy a felületére kattintva tájékozódjon. A szalaghirdetésre leadott kattintások száma és ennek megfelelően a hirdetett termék eladásainak százalékos aránya a miniplakát képének vonzerejétől és a kísérőszövegben rejlő intrikáktól függ.
A bannerek gyakori típusai
1. Statikus plakát
Egy egyszerű statikus banner létrehozásához egy webhelyhez elegendő bármilyen grafikus szerkesztő szöveg hozzáadásának lehetőségével. Ezután nincs más hátra, mint elhelyezni a képet a weboldalon, és hozzáadni egy hiperhivatkozást.
2. Csúszka
Ez egy automatikus képváltás sorozata. A látogató az előre és hátra gombok megnyomásával önállóan lapozhat a képek között.
Bármilyen méretű csúszka létrehozásához egy WordPress webhelyen javaslom a bővítmény használatát.
3. GIF animáció
Grafikus animált kép gif formátumban. Úgy néz ki, mint egy egyszerűsített animáció. A teljes értékű rajzfilmtől a gyűrűvé összeragasztott kis számú képben különbözik. Az egyik legnépszerűbb formátum webes bannerek készítésére.
4. Flash animáció
Az animáció közeledésének következő szakasza. Az Adobe által kifejlesztett Flash technológián alapuló animáció.
Egy Flash-videónak nagyon kicsi a súlya, és nem lassítja le a weboldalak betöltését. Ezért nagyon népszerű. Nagyon lenyűgözőnek és vonzónak tűnik. De van egy komoly probléma - sok vezető fejlesztő cég nem tartalmazza a Flash-támogatást termékeibe, ezért nem minden operációs rendszer képes ilyen formátumú fájlokat megjeleníteni. Ez azt jelenti, hogy a mobilfelhasználók jó része nem fog Flash-szalaghirdetéseket látni okostelefonján és táblagépén. De a mobileszköz-tulajdonosok a legtöbb konverziót generáló felhasználók.
1. Online szolgáltatások
A bannerek készítésére szakosodott online szolgáltatások szinte bármilyen formátumú miniposzterek félautomata létrehozását kínálják. A szolgáltatások minőségétől függően az ilyen szolgáltatások lehetnek abszolút vagy shareware-ek.
Bemutatok két ingyenes szolgáltatást, amelyek tetszettek.
Banner RAJONGÓK
A Bannerfans.com egy orosz nyelvre lefordított statikus bannerek létrehozására szolgáló szolgáltatás, amely kellemes és megkönnyíti a munkáját. Létrehozhat egy bannert a semmiből, vagy testreszabhatja az igényeinek megfelelően a megadott sablonokból.
Minden lapon számos lehetőség van, amelyeket nem lesz nehéz megérteni.
A szöveges hirdetésekhez gazdag betűkészlet áll rendelkezésre, de a cirill betűtípust csak a Stock család támogatja.
Kényelmes szolgáltatás, amely lehetővé teszi, hogy gyorsan létrehozzon egy egyszerű és nem sallangszerű bannert webhelyéhez.
Gifovina
Gifovina.ru - ez a szolgáltatás rendkívül egyszerűen használható, és az előzővel ellentétben animált is készíthet: bannert, avatart vagy diavetítést változó képekkel. Csak adjon hozzá képeket a sorhoz a " Keret hozzáadása ".
A szolgáltatás hátránya, hogy az animációhoz szükséges forrásképeket előre el kell készíteni.
2. Speciális szoftver
Az online szolgáltatások használata nem mindig kényelmes. Vagy a szolgáltatás túl drágának bizonyul, vagy a funkciói nem felelnek meg az Ön feladatainak, vagy valami más nem felel meg Önnek. Alternatív megoldás egy speciálisan bannerek fejlesztésére adaptált program letöltése.
Az ilyen programokban használhatja: lépésről lépésre varázslót, kész sablonok kiterjedt adatbázisait, különféle testreszabási eszközöket és így tovább.
Két olyan programot ajánlok figyelmükbe, amelyeket időnként magam is használok.
Ulead Gif Animator
Ez a program méltán népszerű világszerte. Miután megértette az egyszerű kezelőfelületet, könnyedén létrehozhat egy gyönyörű animált bannert a webhelyéhez, vagy akár egy kis bemutatót a termékről.
A rétegekkel való munka során (mint a Photoshopban) számos eszköz és effektus teszi ezt lehetővé.
Lecseréltem a program sablon banner ticker szövegét, és ezt kaptam:
Easy GIF Animator Pro
Ez a szoftver egyszerűbb, mint az előző.
A program elindítása után megnyílik egy varázsló ablak, amelyben néhány lépésben hozzon létre animált bannert vagy gombot. A rendszer kéri, hogy válassza ki a banner méretét, majd a színét vagy a háttérképét, és az utolsó lépésben adjon meg három szöveges hirdetést, amelyek a kiválasztott effektusnak megfelelően változnak.
Íme a szalaghirdetésem, amelyet az Easy GIF Animator Pro programban készítettem kevesebb mint egy perc alatt:
A bannerek mindkét programban automatikusan, minőségromlás nélkül optimalizálódnak, ami kétségtelenül nagy előnyt jelent számukra.
3. Rendeljen design stúdiót vagy szabadúszót
Ez a lehetőség olyan gazdag esztéták számára, akiknek világos elképzeléseik vannak arról, hogyan kell kinéznie a kész szalaghirdetésnek, és milyen fokú interaktivitása lesz.
Az eredményül kapott terméket a tervező képzeletei és az az összeg határozza meg, amelyet a vásárló hajlandó fizetni.
A szabadúszó tőzsdéken, például a frilans.ru oldalon gyorsan találhat jó rendelés teljesítőt.
4. Manuálisan egy grafikus szerkesztőben
A felhasználó gyakran egyszerűen nem veszi észre, hogy a számítógépére telepített grafikus program már rendelkezik beépített lehetőségekkel a bannerek létrehozására, beleértve az animáltakat is.
Számos oktatóvideót mutatok be a figyelmedbe, hogyan hozhatsz létre bannert a weboldaladhoz különböző grafikus szerkesztőkben, és kiválaszthatod a legmegfelelőbb lehetőséget.
Photoshop
A legerősebb szerkesztő bármilyen feladat elvégzéséhez, de egyben a legbonyolultabb és legdrágább is. Ha telepítve van a program, és követi a bemutató videóban szereplő vizuális példát, akkor különösebb gond nélkül elkészítheti saját bannerét.
Microsoft Power Point
A Microsoft Office telepítőcsomagjában található program. Nagy a valószínűsége annak, hogy már telepítve van a Microsoft Office Word mellett.
A videó világosan bemutatja a banner létrehozásának folyamatát a sok sablon egyikével. A felhasználónak ki kell választania a kívánt mintát, majd ki kell töltenie a módosítható űrlapokat a kívánt anyaggal.
Paint.net
Ingyenes és nagyon népszerű grafikus szerkesztő. Kiváló helyettesítője a grafikus képekkel való munkavégzéshez szükséges fizetős programoknak.
Meglehetősen egyszerű feladat, de sok kezdő webmester nehezen tudja megoldani.
A letöltés után a fájl megjelenítési beállításainál a " Link» válassz « Egyéni URL ", és illessze be a linket az alábbi mezőbe.
Miután beszúrt egy szalaghirdetést a bejegyzésbe, a „ szöveg"Megkapja a HTML kódját, amelyet elhelyezhet a webhely vagy az adományozó webhely bármely részében.
Frissítve: 2017. április 25-én: Roman Vakhovsky
Az internet népszerűségének növekedésével egyre több hirdetési felület jelenik meg a hálózaton belül, a verseny pedig folyamatosan kiéleződik. Ahhoz, hogy látogatókat és potenciális ügyfeleket vonzzon webhelyére, fejlett hirdetési módszereket kell alkalmaznia. Manapság az egyik legegyszerűbb és legnépszerűbb módszer a bannerhirdetés. Ezért, ha reklámozni szeretné termékét, nem nélkülözheti saját bannerét.
- A banner reklám előnyei
- Banner készítése
- A bannerek hatékonyságáról és a társult programokról
A banner reklám előnyei
A weboldal reklámszalagja egy webhely oldalára mutató hiperhivatkozás kis szöveg vagy grafikus kép formájában. Helyezzen el bannereket a hirdetési vagy partnerforrások oldalain. Néha azért helyezik el őket a webhelyük oldalain, hogy növeljék egy bizonyos oldal vagy rész forgalmát.
A bannerek használatának előnyeiről szólva érdemes hangsúlyozni, hogy az ilyen típusú reklámok alacsony költségekkel járnak. A transzparens elkészítéséhez nincs szükség mélyreható tudásra; A bannerek nem feltűnést keltenek, így a potenciális ügyfelek szűk és széles köre egyaránt megcélozható.
Banner készítése
Javasolunk egy tanfolyamot az internetes pénzkeresésről: Ismerje meg az online pénzkeresés több mint 50 módját, többek között a teaser hirdetésekkel való bevételszerzés módjait
Miután meggyőződött a bannerreklám szükségességéről és hasznosságáról, felmerül a kérdés, hogyan készítsünk bannert? A legegyszerűbb, ha felveszi a kapcsolatot egy speciális tervezővel, aki hatékonyan elvégzi a munkát, és megtakarítja az ügyfél személyes idejét. A jelenlegi technológiák azonban lehetővé teszik, hogy saját maga készítsen bannert, sőt akár online is.
Számos webhely kínál ingyenes bannerkészítést a megadott sablonok használatával. Közülük a legnépszerűbb és legkényelmesebb a bannerovich, az artbanner és a Banner Fans.
A legegyszerűbb, ugyanakkor funkcionális és a kezdő tervezők számára érthető a Banner Fans. A forrás orosz nyelven érhető el, a fordítás talán kissé irodalmatlan, de a felület továbbra is intuitív. Regisztráció nem szükséges, az elkészített bannert elmentheti anélkül is.
A banner online készül. A generátor úgy készült, hogy a felső részén mindig látható legyen a már befejezett létrehozási folyamat eredménye. A szerkesztő alján pedig egy panel található a beállításokkal. Számos alapvető rész áll a felhasználó rendelkezésére:
- Elrendezés. A szekció felelős a hátterekért és a szalaghirdetések méretéért. A tervező opcionálisan automatikusan beállíthatja a kiválasztott kép méretét, vagy megadhatja ezt a lehetőséget a szalaghirdetés készítőjének (manuálisan vagy a sablonméretek listájából). A felhasználó számára elérhető hátterek szilárd és színátmenetre vannak osztva. Ezenkívül a tervező saját képeit használhatja a háttérhez, vagy választhatja a javasolt háttereket.
- Szöveg. Ebben a részben legfeljebb 6 sornyi szöveget adhat hozzá a szalaghirdetéshez, amelyek mindegyike egymástól függetlenül szerkeszthető. Az erőforrás több száz betűtípus közül választhat.
- Hatás. Felelős a szövegeffektusokért (árnyék, szín, átlátszóság, körvonal stb.).
- Határ. Ez a szakasz lehetőséget kínál a szalaghirdetés keretének kiválasztására. Teljesen keret nélkül hagyhatod, vagy választhatsz a standard opciók széles választékából, különböző színekben és méretekben.
- Formátum. Lehetővé teszi a felhasználónak a szalaghirdetés bármely webhelyen történő további elhelyezéséhez szükséges bővítmény kiválasztását.
A feldolgozás minden szakasza után a banner menthető és használható. Az online bannerkészítés más népszerű forrásai is hasonló elven működnek.
Nézze meg a videót a témában:
A statikus banner készen áll, de animálható, így észrevehetőbbé és vonzóbbá válik. Erre van egy kényelmes forrás, a Gifovina. Először hozzon létre több különböző képet a Banner Fans webhelyen, majd töltse fel GIF formátumban a Gifovina webhelyére. Az erőforrás számos beállítást kínál, amelyekben beállíthatja az animáció sebességét, kiválaszthatja a szükséges háttereket, hozzáadhat néhány effektust, amely után az animált banner menthető.
Az egész folyamat meglehetősen egyszerű még a kezdők számára is, és kevés időt vesz igénybe. Igen, a minőség rosszabb lesz, mint a professzionális tervezőké, akik bonyolult grafikus szoftvereket használnak, de az eredmény elfogadható a webhely népszerűsítésének első lépéseihez.
A bannerek hatékonyságáról és a társult programokról
Amikor elkészült a grafikus komponens, továbbra is felmerül a kérdés: hogyan lehet a bannert hatásossá tenni? A sikeres hirdetéshez fontos megjegyezni néhány árnyalatot:
- A bannerre leadott kattintások gyakoriságát befolyásolja annak elhelyezkedése, azaz jól látható helyen (az oldal tetején), lehetőleg az oldal főoldalán legyen.
- A banner jobban fog kinézni egy üres szöveget tartalmazó oldalon, mint egy tisztán reklámforráson, ahol elveszhet a többi hivatkozás között.
- A bannerben a fő dolog a szöveg, ez az, ami jobban vonzza a jövőbeli vásárlókat, mint bármely animációs effekt.
- Honlapod tartalmát hasonló témájú forrásokon kell hirdetned, hogy megnyerd a célközönséget, és ami a legjobb az egészben, megfelelő affiliate programot találj.
Egy affiliate program lehetőséget ad arra, hogy ügyfeleket vonzzon kevéssé ismert cégekhez, pénzt takarítson meg saját webhelyük teljes körű promóciójával. A lényeg az, hogy megfelelő partnerprogramot találjunk.
Minden ilyen program típusokra oszlik, az információszolgáltatás módjától és a szolgáltatásaik fizetésétől függően. Lehet, hogy kattintásonként, megjelenítésenként vagy műveletenként, valamint eladásonként számítunk fel díjat.
Így az a vásárló, aki elhelyezte weboldala bannerét az affiliate programon, pontosan tudja, hogy mennyit és mire fizet. A kattintások és az átállások a legolcsóbbak, de az ilyen hirdetések megtérülése minimális. Hatékonyabb befektetésnek tekinthető a műveletenkénti díj (értsd: regisztráció, hírlevél feliratkozás stb.), hiszen a potenciális ügyfél sokkal jobban bevonódik a folyamatba. Ez a fajta hirdetés alkalmas szolgáltató oldalakra és online játékokra.
Ha a webhely fizikai termékeket árusít, akkor a legjobb megoldás egy olyan társult program használata, amely vállalja, hogy az eladások bizonyos százalékára bannert hirdet.
Léteznek többszintű, fejlett ajánlói hálózattal rendelkező affiliate programok is, ahol a fizetések a hierarchia szerint történnek.
Összefoglalva azt mondhatjuk, hogy a bannerhirdetés még mindig a legnépszerűbb és leghatékonyabb a RuNet felhasználók körében. Annak ellenére, hogy ez a fajta reklám egyáltalán nem újdonság, bevált, és továbbra is kereslet van rá. Ezért tudnia kell, hogyan készítsen bannert saját maga, szakemberek segítsége nélkül.
Bármely webhely népszerűsége az interneten való népszerűsítésétől függ. A látogatottságot nemcsak a keresőmotorokban elfoglalt pozíciók határozzák meg, hanem a reklámkampányok is. Az egyik legnépszerűbb reklámtípus, amely jóval az internet megjelenése előtt keletkezett, a banner volt - egy grafikus poszter, némi képpel. A World Wide Web kölcsönözte ezt az ötletet, és most a bannerek gyakran megtalálhatók a hálózat virtuális tereiben - webhelyeken.
A banner az egyik legelterjedtebb hirdetési forma, de egy reklámcég indításához még létre kell hozni. Ez a cikk megvitatja, hogyan készíthet normál vagy animált szalaghirdetést egy webhelyhez online (webhelykészítők segítségével) vagy programok használatával.
Banner (angol banner - banner) – reklám jellegű grafikai kép. Az internetes szférában a banner egy speciális hirdetési formátum, amely a hirdetett oldalra mutató hivatkozást tartalmaz.
Tévhit egy banner egyetlen feladatának tekinteni a felhasználók vonzását. A bannerreklámnak van egy másik szerepe is: egy felismerhető márka kialakítása és pozitív imázs kialakítása róla. És erre kiváló példa a népszerű mobilszolgáltatók internetes bannerjei. Számos reklámtípus használja logójukat, amelyeket a reklámok aktívan népszerűsítenek. De a transzparensek nagyobb mértékben járulnak hozzá ehhez az ügyhöz.
A bannerek használata nagyon hasznos bármilyen fizetős áru vagy szolgáltatás reklámozására, ami segít az online áruház tulajdonosának.
1.1 Banner formátumok
Mindenekelőtt felmerül a kérdés a banner geometriai méreteivel kapcsolatban. Végül is a tervek szerint különféle internetes oldalakon közzéteszik. Valójában bármilyen méretet használhat saját belátása szerint, majd kereshet olyan webhelyeket, amelyek hajlandóak elhelyezni egy ilyen szalaghirdetést. A szabványosítás azonban nagymértékben leegyszerűsíti ezt a kérdést. Például sok webes forrás kezdetben statikus területeket tartalmaz (bizonyos méretű) szalaghirdetésre.
Az interneten leggyakrabban a következő szabványos szalagméreteket használják (a rács a Google Adsense hirdetési kampányból származik):
Jegyzet: A méretek (vízszintes X függőleges) pixelben (px) vannak megadva.
Megnézheti, hogyan néznek ki az ilyen formátumú bannerek.
1.2 A bannerek típusai
A formátumon kívül még egy jellemzőt kell figyelembe venni. A banner a megvalósítás módja szerint három típusba sorolható:
- Statikus banner- a legegyszerűbb lehetőség. Ebben az esetben a banner egy statikus kép (egy változatlan kép). Előnyök: könnyű kivitelezés, alacsony fájlsúly. Hátrány: minimális kifejezőképesség; Az ilyen bannerek általában kevésbé hatékonyak, mint a többi típus.
- Animált banner több képet ábrázol, amelyek idővel felváltva változnak. Az ilyen fájl formátuma „.gif”. Előnyök: nagy hatékonyság, jó kifejezőképesség. Hátránya, hogy a banner meglehetősen nehéz az előző verzióhoz képest.
- Flash banner (Java banner)– a megvalósítás szempontjából a legnehezebb lehetőség. Adobe Flash technológiával készült. Funkcióinak köszönhetően (vektorgrafika használata rasztergrafika helyett) a fájl mérete jelentősen lecsökken, de további szolgáltatások jelennek meg (hangeffektusok, egyenletes keretváltások stb.). Egyes bannerek lehetőséget biztosítanak interaktív műveletek végrehajtására (a szalaghirdetés gombjainak megnyomása, minijátékok lejátszása stb.). A reklám pedig bent van, és nem látható a felhasználó számára. Lényegében ez a banner egy program. Előnyök: Legnagyobb hatékonyság, kiváló kifejezőképesség, kis fájlméret. Hátrány: további követelmények a webhelyekkel (Java támogatás szükséges) és a böngészőkkel szemben (lehet, hogy nem működnek a Flash-animációt nem támogató böngészők régebbi verzióinál).
2. Hogyan készítsünk bannert online
Az animált banner online készítésének egyik módja a bannerfans.com szolgáltatás. Előnye, hogy a bannerkészítési funkcionalitás felülmúlja a hasonló erőforrásokat. Lehetőség van a nyelv megváltoztatására (az orosz támogatott).
Mielőtt elkezdené a banner készítését, több megfelelő sablont is letölthet, amelyek alapján az elrendezés megtervezésre kerül. Az a tény, hogy nagyon nehéz gyönyörű bannereket létrehozni egyedül anélkül, hogy webtervező lennél. És a sablonok teljesen készen állnak a használatra, csak szöveget kell hozzáadnia hozzájuk (és esetleg szerkesztenie kell a színsémát).
Több gyönyörű banner sablont is használhat. És a Photoshopban való munkához használhatja ezeket.
Ezzel a szolgáltatással nem csak bannereket, hanem logókat, faviconokat és esetleg saját egyedit is készíthet az oldalhoz.
Most beszéljünk arról, hogyan készítsünk bannert egy webhelyhez bannerfanok. Ez 5 lépésben történik.
2.1 Első lépés: elrendezés létrehozása
Tehát először el kell mennie az online bannerkészítőhöz - itt a link. Miután a felület nyelvét oroszra váltotta (a webhely jobb felső sarkában), válassza a „ Elrendezés» ( a képernyő első területe ). Itt jön létre a háttér a jövőbeli bannerhez.
Ezt követően ki kell választani a képméretet (saját, fix vagy sablon). Ha sablont használ, válassza ki az első elemet ( második terület).
Most kiválaszthatja a kép hátterét ( harmadik régió). Képedet a harmadik lehetőség kiválasztásával töltheted fel. Ha nincs sablonja, válassza az első lehetőséget (egyszínű) vagy a másodikat (átmenetes kitöltés). A képernyőképen az opció színátmenettel látható.
A negyedik területen A színátmenet kezdeti színe és a végső szín kiválasztásra kerül.
Az ötödik területen a színátmenet típusa (módja) ki van választva.
2.2 Második lépés: felirat létrehozása
Ebben a szakaszban akár 6 különböző feliratot is létrehozhat. De először el kell mennie a " Szöveg" Az alábbi képernyőképen a terület hét részre van osztva.
Első terület– előnézet, ahol megnézheti, hogyan fog kinézni a banner. Ez a terület arról nevezetes, hogy a feliratokat közvetlenül rajta lehet „mozgatni”, megváltoztatva a háttérben elfoglalt helyzetüket. A bannerkészítési szolgáltatás hátránya, hogy az Ön által végrehajtott változtatások nem online történnek (ehhez kattintson a „ Banner módosítása»).
Második terület– közvetlenül a feliratok. Legfeljebb 6 különböző lehetőséget hozhat létre. De a felirat hosszának olyannak kell lennie, hogy illeszkedjen a transzparens hátteréhez.
Harmadik terület– a felirat betűtípusának kiválasztása. Itt óvatosnak kell lennie - a választék hatalmas, de nem minden betűtípus támogatja a cirill betűtípust.
Negyedik régió - betűméret.
Ötödik régió– a felirat színe. Elég nagy választék áll rendelkezésre.
Hatodik régió– a felirat dőlése (a vízszinteshez képest).
Hetedik régió– „szalaghirdetés módosítása” gomb. A végrehajtott változtatások megjelenítésére szolgál.
Ebben a szakaszban olyan hatásokat hozhat létre, amelyek árnyékok megjelenéséhez vezetnek a feliratokból. Ez segít kifejezőbb bannerek létrehozásában. Először el kell mennie a " Hatás».
Árnyék– az árnyék helyzetének kiválasztása (jobbra, balra, felül, lent stb.)
Távolság– az árnyék távolsága a főfelirattól.
Szín– válassza ki az árnyék színét (alapértelmezés szerint a szürke van kiválasztva).
Fényerősség– válassza ki az árnyék fényerejét.
Tervszöveg– a feliratkeret vastagságának megválasztása (alkotáskor a szöveg további színnel körvonalazódik, ami térbelivé teszi a feliratot).
Virágok vázlatai– válassza ki a keret színét.
Ez a szakasz nagyon egyszerű. Itt szükség esetén keretet készíthet leendő banneréhez.
Az alábbi képernyőképen a keretbeállítások láthatók (hiányzó, tömör, pontozott, kettős szilárd és dupla pont).
A keretek alatt további beállítások találhatók - szín, méret, távolság a háttér határaitól és a vonal fényereje.
2.5 Ötödik lépés: a szalaghirdetés mentése
A végső szakasz. Nincs más hátra, mint kiválasztani a formátumot, amelyben a kép mentésre kerül, majd letölteni a kész bannert.
. PNG- olyan formátum, amely garantálja a kiváló képminőséget, de a mérete is nagy lesz.
. GIF– a „legkönnyebb” formátum. Gyenge minőség, de kis fájlméret is.
. JPG- valami a két előző lehetőség között.
3. Programok banner készítéséhez
Számos olyan program létezik, amely lehetővé teszi, hogy saját maga készítsen egyszerű animált bannereket a webhelyéhez. Nincs értelme mindegyiket megvizsgálni, de egyet érdemes részletesebben megvizsgálni.
3.1 Egyszerű GIF-animátor
A bannerek készítéséhez nagyon kényelmes program az Easy GIF Animator, amely erről a linkről ingyenesen letölthető (kb. 4 MB). Bár maga a program fizetős (körülbelül 30 dollárba kerül), az első 20 futtatás ingyenes (próba). A program egyszerű animált GIF bannereket készít az oldalhoz.
A program telepítése és indítása után válassza a „ Hozzon létre egy animált bannert».
Ezt követően megjelenik egy ablak a háttérkép létrehozásához. Megadhat szabványos bannerméretet a program által javasoltak közül, vagy megadhat nem szabványosat - sajátot (aminek köszönhetően akár saját animált is készíthet). Lehetőség van a banner sablon méreteinek meghatározására is a további feldolgozáshoz.
A következő ablakban adja meg a szalaghirdetés színparamétereit. Feltölthet saját sablont, vagy választhat egy egyszerű színt vagy színátmenetet.
Ezután jön a címkekészítő ablak. A szövegek (legfeljebb 3 darab) egymás után következnek a kiválasztott késleltetéssel. A felirathoz választhat betűtípust, méretet és színt. Meg van adva a megjelenő/eltűnő szövegek igazítása és hatásai is.
Ez az utolsó lépése egy animált banner létrehozásának egy weboldalhoz ezzel a programmal. A banner természetesen egyszerűnek bizonyul, de kezdetnek ez megteszi. Íme, mire juthat:
3.2 Egyéb bannerek készítésére szolgáló programok
- Banner Maker Pro– egy másik kis program (kb. 6 MB), amely lehetővé teszi animált egyszerű bannerek, mini logók vagy gombok készítését. Nagyon egyszerű és könnyen használható, de lehetőségei korlátozottak.
Üdvözletem, barátaim, a „“ blognak! A mai cikk azt tárgyalja, hogyan készíthet reklámszalagot saját kezűleg ingyenes programok segítségével.
Hogyan készíts magadnak reklámszalagot
Az információs üzletágban nem lehet pénzt keresni az interneten keresztül reklám nélkül, beleértve a bannerhirdetéseket is. Reklám bannereket telepítenek saját és mások blogjaira, valamint különféle banner hirdető oldalakra. Erre a célra különböző méretű és különböző kivitelű reklámszalagokat használnak.
Ha affiliate programokból vagy viszonteladókból keres pénzt, akkor ezekhez a termékekhez általában különböző méretű reklámszalagok tartoznak, és a blogger csak reklámszalagot helyezhet el az oldalra, vagy helyezheti el a hirdetési platform cseréjére. De ha reklámozni szeretné a termékét, nem nélkülözheti saját bannerét. Hol kaphatom meg? Két módja van:
- bannert vásárolni (rendelni) szabadúszó tőzsdén;
- saját maga készít egy reklámszalagot.
Természetesen könnyű pénzzel vásárolni, de pénzbe kerül, és a munka kezdeti szakaszában nincs ilyen pénz, először pénzt kell keresni. Nem mindenki vállalkozik arra, hogy önállóan készítsen reklámszalagot, az ismeretlentől való félelem, a szükséges ismeretek hiánya megijeszt – bár ez nagyon egyszerű.
Voltak olyan esetek velem, amikor a Rotaban börzén kellett egy affiliate program reklámszalagjait elhelyezni, de ezt nem tudtam megtenni a szükséges méretű reklámszalagok hiánya miatt (más méretű bannerek is szerepeltek az anyagokban) . A Rotaban tőzsdén végzett munkáról a „“ cikkben írtunk. Kiderült, hogy ahhoz, hogy pénzt kereshessen a társult programokon, saját reklámszalagokra is szüksége van.
Hadd emlékeztesselek arra, hogy az oldalon található reklámszalagok lehetnek statikusak vagy animáltak. A statikus banner egy egyszerű kép, amelyen általában van valamilyen felirat, az animált pedig önmagáért beszél. Tehát egy statikus banner elkészítése ugyanolyan egyszerű, mint a körte héja minden kezdő számára, és ebben a cikkben ezt fogjuk megtenni. Nagyon sok lehetőség van statikus bannerek készítésére, de egy példán keresztül megnézünk egy meglehetősen egyszerű lehetőséget, ingyenes programok használatával.
Tehát egy egyszerű statikus reklámszalag elkészítéséhez szükségünk van egy grafikus szerkesztőre, ez olyan egyszerű lehet, mint a szokásos Paint program a jól ismert Photoshophoz. Esetünkben a Pixlr grafikus szerkesztőben készítünk reklám bannert, tetszik ez a program, lényegében online Photoshop, de sokkal könnyebben használható.
Tehát kezdjük! Először is el kell döntenünk, hogy milyen méretű bannerre van szükségünk. Ezután menjen a Pixlr online programhoz (hogyan kell ezt megtenni, részletesen a „” cikkben mutatjuk be. Bemegyünk a programba, és kattintson az „Új kép létrehozása” gombra. A megnyíló űrlapon állítsa be a jövőbeli szalaghirdetés méretét. , esetünkben 468x60, és kattintson az „Igen” gombra.
Most a leendő banner mezője kitölthető a számunkra szükséges színnel és feliratok is készülhetnek. Ennek módját részletesen tárgyaltuk az előző „“ cikkben, ahol képeket készítettünk a blogcikkekhez.
Ebben a cikkben megnehezítjük a dolgunkat, a bannermező szokásos kitöltése helyett a „Gradient” módot használjuk, a kitöltés változó színintenzitással történik, szebb lesz a kép. Ehhez a Pixlr program bal oldali eszköztárában válassza ki a „Gradiens” módot (lásd a képernyőképet) – 1. lépés. Az ablak tetején megjelenik egy „Gradient” csík, kattintson rá – 2. lépés, a színválasztás megnyílik az ablak, válassza ki a szükséges színátmenetet – 3. művelet.
Most az egérrel helyezze a kurzort a leendő szalaghirdetés középső részére, és mozgassa fel, le vagy jobbra, balra. Kísérletileg megkapjuk a kívánt színátmenetet.
Most átfedhet egy képet, valamint bármilyen színű és méretű szöveget írhat (ennek módja a "" cikkben látható).
Ahhoz, hogy reklámszalagot helyezzen el saját vagy valaki más blogján, létre kell hoznia egy másik html kódot a kapott bannerhez. Ez nagyon egyszerűen történik, akárcsak egy kép elhelyezése egy blogon (például egy oldalsávon). Tehát használjuk a kódsablont:
target="_blank"> A banner kép címe a blogon» width=”468″ height=”60″ border=”0″>
ahol a szélesség a létrehozott szalaghirdetés szélessége;
magasság – magasság;
Ezeket a paramétereket nem szükséges megadni, de célszerűbb megadni, ellenkező esetben hiba esetén előfordulhat, hogy a banner elemek nem jelennek meg megfelelően. Annak elkerülése érdekében, hogy kék szegély jelenjen meg a szalaghirdetés körül, meg kell jelenítenie a border=”0″ értéket.
Most a fenti sablonba illesszük be azt a hivatkozást, ahová a látogatót kell vezetnie. Az én példámban az.
Most meg kell szereznünk a kép címét a blogon. Ehhez a kapott bannert, ez egy kép, a blogon a médiafájlok mappájába helyezzük, és onnan vesszük a linket. Ha nem tudja, hogyan kell ezt megtenni, javaslom, hogy nézze meg a „” cikket, ott minden részletesen látható - kép közzététele és hivatkozás beszerzése.
target="_blank">
Amint látja, a reklámszalagok elkészítésének folyamata könnyű és egyszerű, ezt a munkát minden kezdő képes elvégezni, és ha meggazdagodik, szabadúszóként is megrendelheti. Bármilyen méretű reklámbanner 5-10 perc alatt elkészíthető. Ha egy affiliate programot reklámoz, de nincs megfelelő méretű banner, ez a módszer teljesen alkalmas új banner készítésére és meglévő reklámszalag más méretű átdolgozására.
Az affiliate termékeket egyébként több tucat, sőt több száz ember hirdeti, és mindenki ugyanazokkal a bannerekkel hirdeti az affiliate programot, hidd el, az ilyen bannerekből nagyon kevés a megtérülés. A bevételek növelése érdekében jobb, ha egyedi reklámszalagokkal rendelkezik. A reklámbanner elkészítésének folyamata egy rövid videóban megtekinthető, lásd itt:
A közeljövőben azon leszünk, hogy vonzóbb animált bannereket készítsünk. Iratkozzon fel a blogfrissítésekre, és ne maradjon le a hírekről. Ha kérdése van, forduljon hozzánk. Sok szerencsét!
Kaphat új blogcikkeket közvetlenül az e-mail címére. Töltse ki az űrlapot, kattintson a "Feliratkozás" gombra
Előbb-utóbb minden kezdő webdesigner vagy weboldal tulajdonos arra a gondolatra jut, hogy jó minőségű és szép weboldal reklámra van szüksége. Erre számos lehetőség és eszköz kínálkozik. De egy webhely ilyen reklámozásának (promóciójának) talán a leghagyományosabb és leghatékonyabb módja a bannerhirdetés. De itt felmerül a kérdés: hogyan készítsünk saját kezűleg bannert egy webhelyhez, mivel a kezdeti szakaszban a webhely költségvetése nagyon korlátozott, és ezért nem minden tulajdonos hajlandó fizetni a szabadúszóknak egy banner elkészítéséhez. Kiderült, hogy a banner elkészítése egy weboldalhoz nem is olyan nehéz dolog, és technológiájában nagyon hasonlít a weboldal fejlécének elkészítésének folyamatához, miközben statikus bannerről beszélünk.
Tehát kezdjük el, hogyan készítsünk bannert az oldalhoz. Ehhez szükségünk lesz a Photoshop programra, és nem kell a legmodernebb verziókat hajszolni, a 6-os verzió a mi célunknak megfelel. Egyébként, aki nem tudja, hogyan készítsen háttérképet egy weboldalhoz, valamint fejlécet a webhelyéhez, az is használhatja ezt a programot erre a célra.
Az oldal kérdésének megválaszolásához meg kell nyitnia a programot, hogy létrehozza a bannerünket, vagy inkább annak alapját. Emlékeztetni kell arra, hogy a szabványos bannereknek több szabványos mérete van. A webhelyek általában 468x60, 120x120, 100x100, valamint 88x31 méretű bannereket használnak. Tekintsük a 468x60 méretű banner készítésének lehetőségét.
A program megnyitása után kattintson a „fájl” - „új” fülre. Ezután a megnyíló ablakban adja meg a méreteket (magasság 60 és szélesség 468), ügyelve arra, hogy a mértékegységek pixelek legyenek. Állítsa a felbontást 150 pixel per hüvelykre, és válasszon átlátszó hátteret.
Ezután el kell helyeznie egy képet és szöveget a bannerünkre. Először azonban töltsük fel a bannerünket a kívánt színnel. Ehhez válasszuk ki az eszköztáron a bal oldali kitöltő eszközt, de előtte mindenképpen válasszuk ki a kívánt színt (bal gombbal kattintsunk a felső színnégyzetre, és a megnyíló palettán válasszuk ki a kívánt színt). De most már a kitöltés segítségével befestheti a szalagcím hátterét a kiválasztott színre.
Most helyezzük el a képet a banneren. Ehhez először döntse el, hogy milyen képet fog közzétenni. Kívánatos, hogy ne egy összetett figurát ábrázoljon, és ha nem is logó, de legalább a lehető leghasonlóbb legyen hozzá (bár sok múlik a transzparens előtt álló feladatokon). A kép kiválasztása után egyébként jpg vagy gif kiterjesztésűnek kell lennie, nyissa meg a Photoshopban. Ezt követően a kép méretét a bannerünkhöz igazítjuk. Ehhez a főmenüben válassza a „kép” - „képméret” fület. Ezt követően a megnyíló ablakban be kell állítani a kép magasságát 60 pixelre, és feltétlenül jelölje be az „arányok megőrzése” négyzetet. Ha a képnek saját háttere van, akkor először ki kell vágnia, és átlátszó hátterű új képbe kell beillesztenie. A méret beállítása, a mozgatási eszköz kiválasztása után húzzuk a képet a bannerünkre és helyezzük oda a kívánt helyre.
Most szövegre van szükségünk. Ehhez válassza ki a „szöveg” eszközt, írja be a kívánt kifejezést, és helyezze el úgy, hogy szükség szerint egyszerűen húzza a kép fölé. Ezek után nem kell mást tenni, mint a menüben kiválasztani a „mentés webre” (mentés másként) menüpontot, és mentéskor kiválasztani a jpg képformátumot.
De sok ember számára nem kívánatos, hogy egy szöveges banner link banner legyen. Hogyan készítsünk linket a banneredhez, és linkeld őket. Ehhez meg kell írni a következő kódot arra az oldalra, amelyik elhelyezi a bannert (ezt megteheti Dreamweaver típusban is)< а href="URL ВАШЕЙ СТРАНИЧКИ">< img srс=" URL БАННЕРА " >< /а>. a „BANNER URL” meghatározásához tudnia kell, hogyan és hol helyezhet el szalaghirdetést az oldalra.
Ez az, a bannered készen van, és most nem tedd fel magadnak azt a hülye kérdést, hogyan készíts bannert az oldalra. Egyébként a bannerek használatával, de nem statikusakkal, hanem a flash technológiára alapozva jelentősen diverzifikálhatja webhelye oldalait, és egy gyönyörű flash webhely megjelenését kölcsönözheti.
