Նշման լեզվի `HTML- ի և կասկադային ոճի թերթերի` CSS- ի հնարավորությունները թույլ են տալիս շատ պատկերներով մեկ պատկեր տեղադրել մյուսի մեջ: Իհարկե, սա պահանջում է որոշ հմտություններ վեբ էջի դասավորության մեջ, և դուք պետք է ընտրեք որոշակի մեթոդ ՝ հիմնվելով առկա կոդի վրա: Այնուամենայնիվ, որոշ դեպքերում դուք կարող եք դա անել առանց աղբյուրի կոդը խմբագրելու:
Հրահանգներ
Քայլ 1
Կա մի եղանակ մեկ պատկեր տեղադրելու համար `առանց կայքի էջերում փոփոխությունների: Դա անելու համար բավական է խմբագրել սերվերում պահված ֆոնային պատկերը `օգտագործելով ցանկացած գրաֆիկական խմբագիր` դրա վրա նախապատկեր նկարը տեղադրելու համար: Եթե այս մեթոդը ձեզ համար հարմար է, սկսեք սահմանել ֆոնային պատկերի ֆայլի պահպանման վայրը և անունը: Դա կարելի է անել ՝ այն գտնելով էջի սկզբնաղբյուրում կամ այն բացելով առանձին ներդիրում և դիտելով զննարկչի հասցեի տողի ամբողջական ուղին:
Քայլ 2
Օգտագործելով բովանդակության կառավարման համակարգի կամ FTP հաճախորդի ֆայլերի կառավարիչ, ներբեռնեք պահանջվող ֆայլը ձեր համակարգչում և բացեք այն ցանկացած գրաֆիկական խմբագրում, օրինակ `Windows- ով տեղադրված Paint ծրագրում:
Քայլ 3
Նախադրյալ նկարը դրեք հետին պլանի վրա. Paint- ում դրա համար հարկավոր է «Տուն» ներդիրի «Ներդիր» բացվող ցուցակից ընտրել «Տեղադրել» կետը և բացված երկխոսության մեջ գտնել անհրաժեշտ ֆայլը: Դրանից հետո տեղադրեք տեղադրված պատկերի դիրքը առկա ֆոնի վրա (քաշեք այն մկնիկի միջոցով) և պահեք արդյունքը (Ctrl + S):
Քայլ 4
Վերադարձեք խմբագրված նկարը `վերագրանցելով հին նկարը: Սա ավարտում է ընթացակարգը:
Քայլ 5
Նկարագրված մեթոդը անհարմար է այն դեպքում, երբ տեղադրված նկարները պետք է ժամանակ առ ժամանակ փոխվեն: Դրանից հետո օգտագործեք HTML լեզվի հնարավորությունները. Օրինակ ՝ ֆոնային պատկերը դարձնել էջի տարրի ֆոն, որի մեջ կտեղադրվի առաջին պլանի պատկերը: Նման տարայի տարրը կարող է լինել, ասենք, շերտ (div): Նկարներից մեծ մասը իր ֆոնը դարձնելու համար հարկավոր է օգտագործել ոճի նկարագրությունը `div պիտակի ոճի հատկանիշը: HTML կոդում պարունակվող դատարկ տարան կարող է նման լինել հետևյալով.
Փակագծերում նշեք ձեր կայքում ֆոնային պատկերի ֆայլի հասցեն և անունը:
Քայլ 6
Ստեղծեք առաջին պլանի պատկեր (img) պիտակ ՝ օգտագործելով նույն ոճի հատկանիշը ՝ ֆոնային տարայի եզրերից լցոնման քանակը սահմանելու համար: Օրինակ:
Այստեղ լայնության և բարձրության հատկանիշները սահմանում են պատկերի չափերը, և լիցքավորումից հետո չորս համարները նշում են լցոնումը պիքսելներով տարայի եզրերից, սկսած վերևից (50) և հետագա ժամացույցի սլաքի ուղղությամբ (60 - աջ, 70 - ներքևում, 80 - ձախ):
Քայլ 7
Տեղադրեք img պիտակը տարայի մեջ.
Քայլ 8
Ստեղծված տողերը ավելացրեք էջի սկզբնաղբյուրին, այնուհետև փոխելով ցուցիչները, կարգավորեք տեղադրված պատկերի դիրքը ֆոնային պատկերի ֆոնի վրա:
