Aftësitë e gjuhës së shënjimit - HTML - dhe fletët e stilit kaskadë - CSS - ju lejojnë të vendosni një imazh brenda një tjetri në shumë mënyra. Sigurisht, kjo kërkon disa aftësi në paraqitjen e faqeve në internet, dhe ju duhet të zgjidhni një metodë specifike bazuar në kodin ekzistues. Sidoqoftë, në disa raste, mund të bëni pa redaktuar kodin burimor.
Udhëzimet
Hapi 1
Ekziston një mënyrë për të vendosur një imazh në një tjetër pa ndonjë ndryshim në faqet e faqes. Për ta bërë këtë, mjafton të redaktoni imazhin e sfondit të ruajtur në server - përdorni ndonjë redaktor grafik për të vendosur imazhin e planit të parë në të. Nëse kjo metodë funksionon për ju, filloni duke përcaktuar vendin e ruajtjes dhe emrin e skedarit të imazhit në sfond. Kjo mund të bëhet duke e gjetur atë në kodin burimor të faqes ose duke e hapur atë në një skedë të veçantë dhe duke parë rrugën e plotë në shiritin e adresave të shfletuesit.
Hapi 2
Duke përdorur menaxherin e skedarëve të sistemit të menaxhimit të përmbajtjes ose klientit FTP, shkarkoni skedarin e kërkuar në kompjuterin tuaj dhe hapeni në çdo redaktor grafik - për shembull, në aplikacionin Paint të instaluar me Windows.
Hapi 3
Vendosni fotografinë në plan të parë mbi sfond - në Paint për këtë ju duhet të zgjidhni artikullin "Fut nga" nga lista zbritëse "Fut" në skedën "Home" dhe të gjeni skedarin e kërkuar në dialogun që hapet. Pastaj rregulloni pozicionin e imazhit të futur në sfondin ekzistues (tërhiqeni atë me miun) dhe ruani rezultatin (Ctrl + S).
Hapi 4
Vendosni përsëri foton e redaktuar, duke mbishkruar atë të vjetër. Kjo përfundon procedurën.
Hapi 5
Metoda e përshkruar është e papërshtatshme në rastin kur fotografitë e futura duhet të ndryshohen herë pas here. Pastaj përdorni aftësitë e gjuhës HTML - për shembull, bëni që imazhi i sfondit të jetë sfondi i elementit të faqes në të cilën do të vendoset imazhi i planit të parë. Një element i tillë i kontejnerit mund të jetë, të themi, një shtresë (div). Për të bërë një pjesë të madhe të fotografive sfondin e saj, duhet të përdorni përshkrimin e stilit - atributin e stilit të etiketës div. Një kontejner i zbrazët në kodin HTML mund të duket kështu:
Në kllapa, tregoni adresën dhe emrin e skedarit të imazhit në sfond në faqen tuaj.
Hapi 6
Krijoni një etiketë të imazhit në plan të parë (img), duke përdorur të njëjtin atribut të stilit për të vendosur sasinë e mbushjes nga skajet e kontejnerit të sfondit. Për shembull:
Këtu, atributet e gjerësisë dhe lartësisë vendosin përmasat e figurës dhe katër numrat pas mbushjes tregojnë mbushjen në pixel nga skajet e kontejnerit, duke filluar nga lart (50) dhe më tej në drejtim të akrepave të orës (60 - djathtas, 70 - fund, 80 - majtas).
Hapi 7
Vendoseni etiketën img në një enë:
Hapi 8
Shtoni linjat e krijuara në kodin burimor të faqes dhe më pas, duke ndryshuar indentet, rregulloni pozicionin e imazhit të futur në sfondin e imazhit të sfondit.
