Kung mayroon kang isang banner, ngunit walang handa na html-code upang maipasok ito sa pahina, pagkatapos ay ang pagdaragdag ng link na kailangan mo ay hindi napakahirap. Kahit na ang banner ay ginawa gamit ang flash technology. Ang mga posibleng pagpipilian para sa pag-aayos ng mga link sa mga banner sa mga graphic at flash format sa source code ay inilarawan sa ibaba.
Panuto
Hakbang 1
Kung ang banner ay nasa isa sa mga graphic format (gif, jpg, png, bmp), sapat na upang mailagay ang tag ng imahe sa loob ng link tag. Una, buuin ang tag ng imahe. Sa markup na wika ng mga web page (HTML - HyperText Markup Language - "hypertext markup language"), ang pinakasimpleng bersyon nito ay ganito: Narito ang "kamag-anak na address" ng imahe ay tinukoy sa katangian ng src. Sa bersyon na ito, ipapalagay ng browser na ang larawan ay nasa parehong folder sa iyong server kung saan ang pahina mismo ay kung saan ipinasok ang banner. Ngunit mas mahusay na tukuyin ang isang "absolute address":
Hakbang 2
Mayroong ilang higit pang mga katangian upang idagdag sa tag na ito. Dalawang katangian ang magpapahiwatig ng mga sukat ng banner (taas at lapad). Ito ang mga opsyonal na katangian - ang imahe ay ipapakita nang wala ang mga ito kung maayos ang lahat kapag na-load ang pahina mula sa server patungo sa browser. Ngunit kung ang larawan para sa ilang kadahilanan ay hindi na-load, kung gayon ang kakulangan ng mga sukat ay maaaring humantong sa ang katunayan na ang lahat ng iba pang mga elemento ng disenyo ay wala sa lugar. Ganito ang magiging hitsura ng laki ng tag:
Hakbang 3
Bilang default, gumuhit ang browser ng isang asul na hangganan sa paligid ng mga imahe ng link. Upang maiwasan ito, magdagdag ng isang katangian ng hangganan na may null na halaga sa banner tag:
Hakbang 4
Magdagdag ng isa pang katangian (pamagat), na maglalaman ng teksto para sa tooltip kapag ipinatong mo ang cursor ng mouse sa banner:
Hakbang 5
Inihanda mo ang tag ng imahe na may pinakamahalagang mga katangian, ngayon kailangan mo itong ilagay sa loob ng link tag. Ang bawat hyperlink ay nabuo ng dalawang mga tag - pagbubukas at pagsasara: Naglalaman ang tag ng pagbubukas ng katangiang href, na naglalaman ng address para sa pagpapadala ng kahilingan. Sa pagitan ng dalawang mga link tag na ito at ipasok ang banner tag: Ang HTML code ng banner na may link ay handa na, huwag kalimutang palitan: - sa href na katangian: "https://kakprosto.ru" gamit ang address ng iyong link para sa banner; - sa katangian ng src: "https://kakprosto.ru/banner.gif" sa address ng imahe para sa banner; - sa lapad na katangian: "468" para sa lapad ng iyong banner; - sa katangiang nasa taas: "60" para sa taas ng iyong banner; - sa katangian ng pamagat: "Ito ay isang banner!" pop-up na teksto para sa iyong banner;
Hakbang 6
Ang lahat ng nasa itaas ay tumutukoy sa mga banner ng imahe, ngunit mayroon ding mga banner na ginawa gamit ang flash technology. Upang maglagay ng isang link sa isang flash film sa isang karaniwang paraan, kailangan mong magkaroon hindi lamang ng banner mismo, kundi pati na rin ang source code. Bilang karagdagan, maaari mong i-edit ang source code at pagkatapos ay ipagsama ang Flash na pelikula lamang sa isang dalubhasang editor - ang isang regular na text editor ay hindi angkop para dito. Gayunpaman, mayroong isang paraan upang makaligtas sa lahat ng mga paghihirap na ito, nililimitahan ang iyong sarili sa pag-edit lamang ng HTML at CSS (Cascading Style Sheets - "cascading style sheet"). Ginagamit ang wikang CSS para sa isang mas detalyadong (kumpara sa HTML) na paglalarawan ng hitsura ng mga elemento ng pahina. Sa tulong nito, maaaring maitayo sa mga pahina ang mga kumplikadong istrakturang multilayer. Gagamitin namin ito sa pamamagitan ng paglalagay ng Flash banner sa ilalim na layer, at paglalagay ng layer na may link sa itaas nito. Magiging ganito ang HTML code ng banner:
Huwag kalimutang palitan ang mga katangian ng lapad at taas dito (sa dalawang lugar), ang banner name banner.swf (sa dalawang lugar) at ang link address na https://kakprosto.ru (sa isang lugar). At ang SCC code naaayon sa HTML code na ito ay dapat maging ganito:
div.linkedFlashContainer {posisyon: kamag-anak; z-index: 1; hangganan: 0px; lapad: 468px; taas: 60px}
a.flashLink {posisyon: absolute; z-index: 2; lapad: 468px; taas: 60px; background: url (spacer.gif) walang ulit;}
Ang isang transparent na imahe (ng anumang laki) na tinatawag na spacer
