Nëse keni një banderolë, por nuk ka asnjë kod të gatshëm html për ta futur atë në faqe, atëherë shtimi i lidhjes që ju nevojitet nuk është aq e vështirë. Edhe nëse banderola është bërë duke përdorur teknologjinë flash. Opsionet e mundshme për organizimin e lidhjeve me banderola në formate grafike dhe flash në kodin burimor janë përshkruar më poshtë.
Udhëzimet
Hapi 1
Nëse banderola është në një nga formatet grafike (gif, jpg, png, bmp), atëherë do të jetë e mjaftueshme për të vendosur etiketën e imazhit brenda etiketës së lidhjes. Së pari, formoni etiketën e imazhit. Në gjuhën e shënjimit të faqeve të internetit (HTML - Gjuha e Shënimit HyperText - "gjuha e shënimit të hipertekstit"), versioni i tij më i thjeshtë duket kështu: Këtu "adresa relative" e figurës specifikohet në atributin src. Në këtë version, shfletuesi do të supozojë se fotografia është në të njëjtën dosje në serverin tuaj ku është faqja në të cilën është futur banderola. Por është më mirë të specifikoni një "adresë absolute":
Hapi 2
Ka disa atribute të tjera për t'i shtuar kësaj etiketimi. Dy atribute do të tregojnë dimensionet e banderolës (lartësia dhe gjerësia). Këto janë atribute opcionale - imazhi do të shfaqet pa to nëse gjithçka shkon mirë kur faqja ngarkohet nga serveri në shfletues. Por nëse fotografia për ndonjë arsye nuk është e ngarkuar, atëherë mungesa e dimensioneve mund të çojë në faktin se të gjithë elementët e tjerë të dizajnit do të jenë jashtë vendit. Etiketa e madhësisë do të duket kështu:
Hapi 3
Si parazgjedhje, shfletuesi tërheq një kufi blu rreth imazheve të lidhjes. Për të shmangur këtë, shtoni një atribut të kufirit me një vlerë null në etiketën e banderolës:
Hapi 4
Shtoni një atribut (titull) tjetër, i cili do të përmbajë tekstin për këshillën kur vendosni kursorin e miut mbi banderolë:
Hapi 5
Ju keni përgatitur etiketën e imazhit me atributet më të rëndësishme, tani duhet ta vendosni brenda etiketës së lidhjes. Çdo hiperlidhje formohet nga dy etiketa - hapja dhe mbyllja: Etiketa e hapjes përmban atributin href, i cili përmban adresën për dërgimin e kërkesës. Midis këtyre dy etiketave të lidhjes dhe futni etiketën e banderolës: Kodi HTML i banderolës me lidhjen është gati, mos harroni të zëvendësoni: - në atributin href: "https://kakprosto.ru" me adresën e lidhjes suaj për banderolën; - në atributin src: "https://kakprosto.ru/banner.gif" në adresën e figurës për banderolën; - në atributin e gjerësisë: "468" për gjerësinë e banderolës suaj; - në atributin e lartësisë: "60" për lartësinë e banderolës suaj; - në atributin e titullit: "ashtë një banderolë!" teksti pop-up për banderolën tuaj;
Hapi 6
Të gjitha sa më sipër iu referuan banderolave të imazheve, por ka edhe banderola të bëra duke përdorur teknologjinë flash. Për të futur një lidhje në një film flash në një mënyrë standarde, duhet të keni jo vetëm vetë banderolën, por edhe kodin burimor të tij. Për më tepër, mund të modifikoni kodin burimor dhe më pas të përpiloni filmin Flash vetëm në një redaktues të specializuar - një redaktues i rregullt i tekstit nuk është i përshtatshëm për këtë. Sidoqoftë, ekziston një mënyrë për të kapërcyer të gjitha këto vështirësi, duke u kufizuar në redaktimin e vetëm HTML dhe CSS (Cascading Style Sheets - "fletët e stilit kaskadues"). Gjuha CSS përdoret për një përshkrim më të hollësishëm (krahasuar me HTML) të pamjes së elementeve të faqes. Me ndihmën e tij, struktura mjaft komplekse shumë shtresore mund të ndërtohen në faqe. Ne do ta përdorim këtë duke vendosur banderolën Flash në shtresën e poshtme dhe duke vendosur shtresën me lidhjen sipër saj. Kodi HTML i banderolës do të duket kështu:
Mos harroni të zëvendësoni atributet e gjerësisë dhe lartësisë në të (në dy vende), emrin e banderolës banner.swf (në dy vende) dhe adresën e lidhjes https://kakprosto.ru (në një vend). Dhe kodin SCC që korrespondon me këtë kod HTML duhet të jetë kështu:
div.linkedFlashContainer {pozicioni: relativ; indeksi z: 1; kufiri: 0px; gjerësia: 468px; lartësia: 60px}
a.flashLink {pozicioni: absolut; indeksi z: 2; gjerësia: 468px; lartësia: 60px; sfondi: url (spacer.gif) pa përsëritje;}
Këtu përdoret një imazh transparent (i çfarëdo madhësie) i quajtur spacer.gif. Dhe këtu gjithashtu, mos harroni të ndryshoni madhësinë e gjerësisë dhe lartësisë (në dy vende).
