Եթե դուք ունեք դրոշ, բայց չկա պատրաստի html- կոդ `այն էջում տեղադրելու համար, ապա ձեզ համար անհրաժեշտ հղումը ավելացնելն այնքան էլ դժվար չէ: Նույնիսկ եթե դրոշը պատրաստվել է ֆլեշ տեխնոլոգիայի միջոցով: Աղբյուրի կոդը գրաֆիկական և ֆլեշ ձևաչափերով բաներների վրա հղումներ կազմակերպելու հնարավոր տարբերակները նկարագրված են ստորև:
Հրահանգներ
Քայլ 1
Եթե դրոշը գրաֆիկական ձևաչափերից մեկում է (gif, jpg, png, bmp), ապա բավական կլինի պատկերի պիտակը տեղադրել հղման պիտակի մեջ: Նախ ՝ ձևավորեք պատկերի պիտակը: Վեբ էջերի նշման լեզվով (HTML - HyperText Markup Language - «հիպերտեքստի նշման լեզու») դրա ամենապարզ տարբերակն այսպիսի տեսք ունի. Այստեղ պատկերի «հարաբերական հասցեն» նշված է src հատկանիշում: Այս տարբերակում զննարկիչը ենթադրելու է, որ նկարը գտնվում է ձեր սերվերի նույն թղթապանակում, որտեղ էջն ինքն է, որտեղ տեղադրված է պաստառը: Բայց ավելի լավ է նշել «բացարձակ հասցեն».
Քայլ 2
Այս պիտակին ավելացնելու համար կան ևս մի քանի հատկանիշներ: Երկու հատկանիշները ցույց կտան պաստառի չափերը (բարձրություն և լայնություն): Սրանք ընտրովի հատկանիշներ են. Պատկերը կցուցադրվի առանց դրանց, եթե ամեն ինչ լավ է ընթանում, երբ էջը սերվերից բրաուզեր է բեռնվում: Բայց եթե ինչ-ինչ պատճառներով նկարը բեռնված չէ, ապա չափսերի բացակայությունը կարող է հանգեցնել այն փաստի, որ դիզայնի մյուս բոլոր տարրերն անտեղի կլինեն: Չափի պիտակն այսպիսի տեսք կունենա.
Քայլ 3
Լռելյայն, զննարկիչը կապույտ եզր է գծում հղման պատկերների շուրջ: Դրանից խուսափելու համար բանների պիտակի վրա ավելացրեք եզրային հատկանիշ ՝ զրոյական արժեքով.
Քայլ 4
Ավելացրեք ևս մեկ հատկանիշ (վերնագիր), որը պարունակում է գործիքի հուշման տեքստը, երբ մկնիկի կուրսորը սավառնում եք պաստառի վրա.
Քայլ 5
Դուք պատրաստել եք պատկերի պիտակը ամենակարևոր հատկանիշներով, այժմ անհրաժեշտ է տեղադրել այն հղման պիտակի ներսում: Յուրաքանչյուր հիպերհղում ձեւավորվում է երկու պիտակով ՝ բացում և փակում. Այս երկու հղումների պիտակների միջև տեղադրեք դրոշի պիտակը. Հղումով դրոշի HTML կոդը պատրաստ է, մի մոռացեք փոխարինել հետևյալը. - href հատկանիշում ՝ «https://kakprosto.ru» ձեր հղման հասցեով դրոշի համար; - src ատրիբուտում. «https://kakprosto.ru/banner.gif» պաստառի պատկերի հասցեին բարձրության հատկանիշով. «60» ձեր դրոշի բարձրության համար; - վերնագրի հատկության մեջ ՝ «Դա դրոշակ է»: pop-up տեքստ ձեր դրոշի համար;
Քայլ 6
Վերոհիշյալ բոլորը վերաբերում էին պատկերների գովազդային պաստառներին, բայց կան նաև ֆլեշ տեխնոլոգիաների միջոցով պատրաստված վահանակներ: Ֆլեշ ֆիլմում հղումը ստանդարտ եղանակով տեղադրելու համար հարկավոր է ունենալ ոչ միայն բաները, այլ նաև դրա սկզբնաղբյուրը: Բացի այդ, դուք կարող եք խմբագրել աղբյուրի կոդը և այնուհետև կազմել Flash կինոնկարը միայն մասնագիտացված խմբագրում. Սովորական տեքստի խմբագրիչը դրա համար հարմար չէ: Այնուամենայնիվ, այս բոլոր դժվարությունները շրջանցելու միջոց կա ՝ սահմանափակվելով միայն HTML և CSS խմբագրումներով (Cascading Style Sheets - «կասկադ ոճային թերթիկներ»): CSS լեզուն օգտագործվում է էջի տարրերի տեսքի ավելի մանրամասն (համեմատած HTML- ի հետ) նկարագրության համար: Նրա օգնությամբ էջերի վրա կարելի է կառուցել բավականին բարդ բազմաշերտ կառույցներ: Մենք կօգտագործենք սա ՝ Flash դրոշը տեղադրելով ներքևի շերտում, և շերտը դնելով դրա վերևում գտնվող հղումով: Հայտարարության HTML կոդը կունենա այսպիսի տեսք.
Մի մոռացեք դրանում փոխարինել լայնության և բարձրության հատկանիշները (երկու տեղ), պաստառի անունը banner.swf (երկու տեղում) և հղման հասցեն https://kakprosto.ru (մեկ տեղում): Իսկ SCC կոդը Այս HTML կոդին համապատասխանող պետք է լինի այսպիսին.
div.linkedFlashContainer {դիրքը: հարաբերական; z- ինդեքս: 1; եզրագիծը ՝ 0px; լայնությունը `468px; բարձրությունը ՝ 60 հատ
a.flashLink {դիրքը ՝ բացարձակ; z- ինդեքս: 2; լայնությունը `468px; բարձրությունը `60px; ֆոն ՝ url (spacer.gif) առանց կրկնելու;}
Այստեղ օգտագործվում է թափանցիկ պատկեր (ցանկացած չափի), որը կոչվում է spacer.gif: Եվ այստեղ նույնպես մի մոռացեք փոխել լայնության և բարձրության չափը (երկու տեղում):
