Deci, începem. Bannerele sunt de obicei următoarele formate: 468x60, 120x120, 100x100 sau 88x31. Pentru claritate, vă propun să faceți un banner de 468x60.
Vom crea în Photoshop. Fac acest lucru în versiunea 6.0, dar toate instrumentele despre care voi vorbi, există versiuni de mai sus 6.0.
1. Deschideți Photoshop-ul. Meniu orizontal superior -> Fișier -> Nou.
În fereastra care se deschide, introducem dimensiunile în pixeli: pentru cazul nostru, lățimea 468, înălțimea - 60, rezoluția 150 pixeli / inch, conținutul - transparența, apoi faceți clic pe "OK".
2. Pe banner introduceți un logo sau imaginea dorită, precum și textul necesar, de exemplu "cum să măriți traficul către site". Aceasta este ceea ce vom face acum.
În stânga în Photoshop există un meniu vertical (îl vedeți și pe blogul din stânga). Faceți clic pe butonul din stânga al mouse-ului pe fereastra din stânga a paletei de culori și alegeți, de exemplu, verde. Faceți clic pe "OK".
3. Selectați instrumentul "cupă". Dacă nu vedeți instrumentul despre care vorbesc, faceți clic dreapta pe locația instrumentului dorit și veți vedea întregul set de instrumente pentru acea fereastră. După selectarea "galetei", faceți clic pe banner cu butonul stâng al mouse-ului. Bannerul va deveni verde. Sa dovedit? Ar trebui să fie ca în imaginea de mai jos.
4. Acum vom pune imaginea pe banner. La mine o imagine, de exemplu, pentru abonament RSS cu imaginea unei figuri de sah sub forma unui cal. Are o extensie de jpg, dar puteți extinde și gif-ul. Deschideți fotografia în Photoshop. Ar fi mai bine să nu punem întreaga imagine, ci doar imaginea calului. Accesați: Meniu -> Imagine -> dimensiunea imaginii. Amintiți-vă de dimensiunea imaginii.
5. Top Meniu orizontal -> Fișier -> Nou. Pentru un nou document, scriem dimensiuni precum cel cu un cal (am 84x84), conținutul este "transparent".
6. Selectați instrumentul "Mutare" și trageți calul în noul document. Trebuie să trageți făcând clic pe instrumentul "mișcare" de pe cal pentru a face imaginea activă și apoi să o trageți în noul document.
8. Acum este necesar ca calul să se potrivească în banner. Apoi continuăm: meniul orizontal superior -> Imagine -> dimensiunea imaginii. Scrieți înălțimea de 60 (înălțimea bannerului nostru). Fiți atenți, că în partea de jos a fost o bifă "pentru a păstra proporțiile". Faceți clic pe "OK", iar imaginea trebuie redimensionată.
9. Și din nou, instrumentul "mișcare", faceți clic pe cavalerul cu dimensiunea redusă pentru a face fotografia activă și trageți-o pe banner. Plasați imaginea acolo unde este necesar. În cazul nostru, am pus-o în dreapta.
10. Rămâne să scrieți textul. Selectați instrumentul "Text" și culoarea textului, ca la pasul 2. În cazul nostru, acesta este alb. Noi scriem, de exemplu, "Abonați-vă la RSS-feed". Cu instrumentul "mișcare", puteți seta textul după cum aveți nevoie.
Felicitări. Bannerul nostru este gata! Cu mândrie, folosiți-vă creația. Data viitoare vă voi spune cum să faceți un banner animat.
Și mai mult: aici puteți descărca gratuit pentru bannere, imagini de fundal și butoane.
Navigare după înregistrări
Adresa URL poate fi pagina mea oricum?
Marina, mă bazez pe tine, înregistrându-mă pentru un partener de 50%, o să-l pun, nu uitați să vă ocupați de bannere, am chiar alți trei parteneri în proiect. deci ce să comand, este greșit în opinia mea, aici aveți dreptate, este mai ușor să nu depindeți de nimeni
Scuze, am scris o mulțime, am plătit găzduire, pot crea un blog separat acolo, pentru a stoca toate imaginile și de acolo pentru a lua link-uri. Apoi, bannerele vor fi afișate pe orice pagină din rețea. În general, întreaga problemă este că nu primesc nifiga și nu știu cum să întreb.
Iată ce am făcut pentru cod, dar nimic nu funcționează
După aceasta, din nou cu o linie nouă introduceți codul bannerului dvs., ceea ce se face după cum explică Marina ...
Acum ne vom ocupa de a doua întrebare. Obiectul gadget nu are nevoie de nimic ... Introduceți doar codul ca text simplu, dar nu unde să prescrieți NTML și unde este scris doar textul.
P.S: Dacă nu-mi explic bine, îmi pare rău ... Nu încerc să fiu profesionist în această afacere, eu nu sunt el, sper că Marina nu este împotriva mea că sunt aici pentru tine un pic răspuns?
Din păcate, nu a scris în comentariu:
tipul tipului de pagină, dimensiunea textului etc. apoi de la o nouă linie pe care o tastați:
După aceasta, din nou cu o linie nouă introduceți codul bannerului dvs., ceea ce se face după cum explică Marina ...
Este un păcat, dar nu am putere aici ... Nu voi putea să arăt echipa, nu încercați măcar ... Nu-mi dați poșta, o voi scrie din nou ...
Anna, întrebarea nu este clar până explicația pentru care nu se angajează un fel de „filtru“ ca mine, dar care încă el a venit, deși principala forță de împingere a fost acest site cu hozyaykoy.No lui până pas cu pas explicații meticuloasă și întrebările vor fi dalshe.Nu pentru a începe ceva ce acestea sunt numite servere - este de obicei pagina web sau site-ul sau blog-ul în care instrumentele de control au dostup.Vy ar trebui să înțeleagă că aceste locuri ar trebui să fie mai întâi dva.Obyasnyu pochemu.Na al paginii web pe introduceți fișierele pe care le faceți răniți de la Photoshop pentru a vedea HTML-discul în sine koda.Nu pentru a explica exact-spune lasa server pentru a insera un banner și obține codul pe care doriți blog-ul dvs. la livejournal.Zahodite în mod nou pagina zapis.Otkroetsya pentru două redaktirovaniya.Tam mod-html și obychnyy.vyberite imagini inserați obychnyy.Metodom încărcați un fișier (salvat de la Photoshop) .Banner zagruzilsya.Pereklyuchaete într-un modul HTML - a se vedea codul primul bannera.Menyaete http cod pentru cel pe care ar trebui să afișeze un banner și să inserați acest cod site-ul pe care tu și x hoteluri.Para de aceste site-uri poate fi orice așa cum ați înțeles ...
Și ce puteam să fac este să privesc aici - hvadimraz. LiveJournal. com
Vadim, mulțumesc pentru ajutorul și clarificarea instalării banner-ului pentru găzduirea gratuită, dar nu înșelați pe cititorii mei, o explicație a ceea ce este un server. Un server este, în termeni simpli, același computer, dar numai mult mai mare, care oferă un loc pentru stocarea informațiilor. Deci, atunci când se spune că banner-ul ar trebui să fie scris pe server, înseamnă că trebuie să aveți un loc pe unul dintre servere. Puteți scrie la un server radikal gratuit. ru, apoi compuneți codul HTML.
Și vă mulțumesc, dar spune-mi ce radical ca un server diferă de yandex (prin
esența), google.com, etc. Ei bine, poate fi mai structurat. De fapt, nu văd o diferență, ceea ce înseamnă că dacă nu există nici o diferență, de ce am înșelat.
Ei bine, da, blog-ul (site-ul) pe server nu este un server ... Aceeași procedură a fost făcută pe un domeniu plătit poluchilos.Marina toate, dacă doriți să plasați codul produs de LiveInternet și LiveJournal pe site-ul său și banner-ul va rabotat.Vybirat serverul nu trebuie fie că este vorba de un server sau nu, și de principiul duratei acestuia. Când serverul se închide (pe care au fost plasate fișierele banner), atunci banner-ul de pe site-ul dvs. devine cadre goale cu o întrebare în mijloc.
Și când toate serverele sunt închise, pentru că totul din lume nu durează pentru totdeauna, amintiți - stocați fișierele banner de pe calculatoarele dvs. pentru a repeta această procedură pe un alt server / site / blog ...
Mulțumesc, Vadim, toate fotografiile și bannerele pe care le pun pe site-ul în care se află blogul meu.
asa ca mi-am dat seama si se pare ca pui cum sa faci un banner, te rog sa ma sariti la mine si cu ajutorul unui Photoshop trebuie sa faci asta? Sau pot folosi orice photoshop? =)
Q-ItS, orice photoshop
Marina și nu sunt ceea ce sugerează că vă păstrați fișierele pe un alt hostinge.Ya oferit încerca să introduceți în codul de plătit de găzduire produs de hostinge.Vy liber, de asemenea, scrie aici, în necredință că procedura privind plătit și liber-otlichayutsya.A I fiind rezultate plictisitoare dar pragmatice obținute, așa că insist-odinakovaya.I procedură deoarece poate fi diferită în cazul în care codul inserați pe site-ul dvs. într-un hosting plătit este același ca și în liber și procedura de obținere a -opisannaya codului doar se întâmplă pe un site de navigare liberă și servere.Vash T e care folosesc hosting gratuit, astfel încât pentru ei, intrați în radicalul zabluzhdenie.Na are, de asemenea, un cabinet personal, (aceasta este, pagina web pe server), modul în care aceasta diferă de jurnalele, blogurile și t.p.kotorye sunt, de asemenea, pe servere și în complex, există un singur server de stocare a fișierelor. Dacă puteți vedea codul în fișierul postat, de ce să nu folosiți această pagină web ca server.
Totul este clar, dar puteți să-mi dați un link pentru a descărca photoshop? Și apoi unde nu am căutat doar pentru asta, toate prin SMS sau plătite: (
Aici este un .com.ua site-ul -www.artbanner în cazul în care există un designer de ambele bannere statice (simple) și două straturi ... Cu generator de cod instant ... și nu vă faceți griji mai mult ... Photoshop este bun, dar nu se bucură de simplu este treaba noastră ... Dacă aveți nevoie de ceva mai brusc (designeri hife, icoane, defilare de text, animat fotografiile, auto-înregistrare de texte), du-te la [email protected] meu inbox-ul (pentru blonde, si mi-a placut oamenii-free) ...
Marina Bună ziua, a facut banner-ul lecție, plasat în dosarul rădăcină de hosting, am intra în browser-ul dvs. drumul spre banner și pop-up-o fereastră vă cere să autentifice, Benner se poate vedea după ce introduceți un pseudonim și o parolă, deoarece poate fi ocolită, altfel Înțeleg că nimeni nu va putea să vadă bannerul meu fără un nume de utilizator și o parolă? și nu doresc să acorde acces la serverul gazdei.
Andrew, dar nu văd ghișeele pe pagina ta. Toate șabloanele WordPress diferă. Dar dacă este întrebat în fața tejghelei, atunci cel mai probabil nu este un fișier index, ci un subsol. Uite, unde este contorul în subsolul și pune-l în fața lui. Nu pot spune nimic mai mult fără să văd șablonul
Mulțumesc foarte mult, Marina!
O lecție minunată și ușor de înțeles. N-am crezut niciodată că pot să desenez banner-ul singur. Cu ajutorul dvs. sa dovedit.
Mulțumesc!
Cine sunt bannerele, vă rog să-mi explicați cum să faceți asta corect!
Am instrucțiuni, dar nu este clar pentru mine.
Ansamblul se face pe template-uri de la Templaitmononster. Acum am Zen-cart. Site-ul oficial nu merge deloc la contacte, trimite la forum și acolo americanii și totul în limba engleză.
Știu că bannerele se schimbă cu ușurință și se pun imediat, dar nu funcționează. Motorul este în limba engleză, salvez desenul în limba engleză, rezoluția este de 940x1002 pixeli. Greutatea totală a șabloanelor de bannere este de 87-90 Kb, am o greutate de 140-150kb. Acolo, ar trebui specificate unele legături, nu le pot înțelege. Poate din cauza legăturilor? În general, construiesc totul pe server prin găzduire.
Deschideți site-ul prin găzduire, iar în browser nu se deschide, tastez în moduri diferite - există o resetare. Poate că a trebuit să instalez șablonul de la început, nu prin găzduire, ci chiar în browser - în instrucțiunile de genul acesta, și este scris: scriem în linia browserului .... și efectuați instalarea. Dar la mine și prin panoul administratorul unei găzduiri este instalat bine. Desenele cu privire la bunuri au fost sortate, iar cu bannerele de pe pagina principală, nici una.
Marina, bună după-amiază. Am facut un banner pentru articolul dvs., dar am o versiune de 3 photoshop. Poate că nu poți muta imaginea în banner.
Articole similare
Trimiteți-le prietenilor: