Hogyan tudok bannert/buttont készíteni?





Manapság bannereket inkább Flash szerkesztőkkel készítenek.
Ha csak egyszerűbb kell, ahhoz webes oldalszerkesztő kell, ahol behívsz egy grafikát és gyakorlatilag linkké alakítod. Így amikor rákattintanak, akkor behoz egy új oldalt.





Ennél egyszerűbben nemigen lehet. Ha ennyire nem értesz a weboldalak készítéséhez, akkor célszerű egy honlapkészítő programot használni. Ebben pedig úgy történik, ahogy az előző írta: valamely grafikai alkalmazás segítségével elkészíted a gombot/bannert olyanra, amilyennek szeretnéd, hogy kinézzen, majd a weboldal szerkesztőben beilleszted, és linkké alakítod. Ezekre programonként eltérő az eljárás, de mindnek van rá funkciója.
Illetve, ha nagyon elszánt vagy, javaslom, hogy tanuld meg a HTML-alapokat (egyáltalán nem bonyolult), és akkor már lesz egy általános rálátásod, hogy mik hogyan történnek a weboldalakon, és sokkal könnyebben boldogulsz velük.





Amikor egy bannert vagy képlinket szeretnél készíteni, akkor másold le és illeszd be az alábbi két szaggatott vonal közötti, „parancsos:” és „három kiegészítőpontos:” alcímekkel együtt a karaktereket a Microsoft Word vagy Open Office programba, s mentsd el:
-----------------------------------------------------------------------------------------------------------------
Parancsos:
<BR><CENTER><a href="http://...(a weboldal internetcíme; a www. előtag nem muszáj)" target="_blank" title="The best site around. Darn tootin. -- IMVUCODE.com">...(a kép URL-je a "Tulajdonságok" menüből; "<p style="text-align: left;">" előtag és "</p>" utótag nem kell)</a></center>
Három kiegészítőpontos:
<BR><CENTER><a href="http://..." target="_blank" title="The best site around. Darn tootin. -- IMVUCODE.com">...</a></center>
-----------------------------------------------------------------------------------------------------------------
Ezután lépj be a weboldaladba. Először töltsd fel a weboldaladba a bannerként felhasznált fotót vagy képet, majd kattints rá a feltöltött fotóra vagy a képre jobb egérklikkel, s válaszd a "Tulajdonságok" menüt, így megtalálod a fotó vagy kép URL-jét, ezt másold ki (az URL kijelölése elejétől végig, majd "Másolás" parancs).
Nyisd meg a Microsoft Word vagy Open Office programot, s illeszd be a "Három kiegészítőpontos:" alcím alatt levő karakterek három kiegészítőpontja helyébe, közben figyeld a „Parancsos:” alcím alatt levő karaktereket is, hogy pontosan oda illeszd, ahova kell, de töröld ki a három kiegészítőpontot is, ugyanakkor a zárójelben levő utasítást is kövesd, hogy még mit kell kitörölj, s mentsd el a dokumentumot.
Majd nyisd meg megint a dokumentumot, s írd be vagy másold ki annak a weboldalnak az URL-jét az internetről, amelyre szeretnéd, hogy a banner mutasson, s illeszd be, közben figyeld az zárójeles utasítással együtt elmentett karaktereket is, hogy pontosan oda illeszd, ahova kell, de töröld ki a három kiegészítőpontot, s mentsd el megint a dokumentumot.
Végül nyisd meg megint a dokumentumot, s másold ki azokat a karaktereket, ahova az előbb beillesztetted a kép URL-jét és annak a weboldalnak az Url-jét, ahova szeretnéd, hogy a banner mutasson, majd lépj vissza a weboldaladba, s a HTML szerkesztőbe illeszd be, s nyomj "Frissítés" gombot. Így már biztosan működni fog a banner a weboldaladon.
Egyszerűen szerkesztesz egy képet, amit csinálhatsz akár Photofiltre-vel is, ezt nagyon egyszerű kezelni azért mondom ezt, vagy keresel valami képet amit be szeretnél linkelni, a button-ok általában vagy 100*35 pixelesek.
Linkelni meg csak ennyi: <a href="http://oldalad.hu" target="blank" ><img border=0 src="keped.jpg"></a>
És ha rákattintanak a képre be is jön az oldalad. Bannert is ugyanígy kell csinálni, csak a kép mérete más. A bannerek nem gyakoriak mivel nagyobban, szét húzzák az oldalt stb.. Buttont ajánlanám, sokkal jobb.










Még valami. Mivel magam is végigjártam ezt az utat, tudom, hogy nemigazán lehet megtanulni a weboldalak készítését ilyen formában, hogy egy-egy kérdést beszúrok ide-ode.
Két lehetséges mód létezik. Ha nem érdekel különösebben, hogy hogyan készülnek az oldalak, csak szeretnél egyet magadnak, akkor vannak erre online szolgáltatások (pl. a Google-nek is van ilyen), ahol egy kész sablont szabsz személyre. Esetleg egy programmal készíted el és töltöd fel egy szerverre (pl. Microsoft Word is alkalmas erre, de én inkább a Microsoft Frontpage-t, ill. Adobe Dreamweavert használom).
Ha pedig szeretnéd megtanulni, hogyan készülnek az oldalak valójában, akkor a neten rengeteg dokumentációt találni róla (talán a legjobban dokumentált téma). Még egyszerűbb és hasznosabb, ha bemész egy könyvesboltba, kinézed a számodra legszimpatikusabb könyvet a témában (weboldalak szerkesztése vagyis HTML témában), és miután elolvasod a könyvet, ill. végigcsinálod belőle a példákat, tudni fogod.
Ez másként nem megy, sajnos.





És még valami. Bocsi, még nem vagyok túl az első kávémon, és picit szét vagyok esve..:))
Ha kiigazodsz angol nyelven, akkor a [link] oldalt tudom ajánlani, én gyakorlatilag mindent innen tanultam.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!