Märgistuskeele - HTML - ja kaskaadstiilide - CSS - võimalused võimaldavad teil ühe pildi mitmel viisil teise sisse panna. Muidugi nõuab see mõningaid veebilehtede paigutuse oskusi ja peate valima konkreetse meetodi olemasoleva koodi põhjal. Mõnel juhul saate siiski teha lähtekoodi muutmata.
Juhised
Samm 1
On võimalus panna üks pilt teise ilma saidi lehtedel muudatusteta. Selleks piisab serverisse salvestatud taustpildi muutmisest - esiplaani pildi asetamiseks kasutage mis tahes graafikatoimetajat. Kui see meetod teie jaoks töötab, määrake kõigepealt taustpildi faili salvestuskoht ja nimi. Seda saab teha, leides selle lehe lähtekoodist või avades selle eraldi vahekaardil ja vaadates brauseri aadressiribal täielikku teed.
2. samm
Sisuhaldussüsteemi või FTP-kliendi failihalduri abil laadige vajalik fail arvutisse ja avage see mis tahes graafikatoimetuses - näiteks Windowsi installitud rakenduses Paint.
3. samm
Asetage esiplaan taustale - selleks peate rakenduses Paint valima vahekaardi "Kodu" rippmenüüst "Lisa" üksuse "Lisa alates" ja avanevas dialoogiboksis leidma vajaliku faili. Seejärel reguleerige sisestatud pildi asukohta olemasoleval taustal (lohistage seda hiirega) ja salvestage tulemus (Ctrl + S).
4. samm
Laadige redigeeritud pilt tagasi, kirjutades vana üles. See lõpetab protseduuri.
5. samm
Kirjeldatud meetod on ebamugav juhul, kui sisestatud pilte tuleb aeg-ajalt muuta. Seejärel kasutage HTML-keele võimalusi - tehke näiteks taustapilt selle lehe elemendi taustaks, kuhu esiplaan asetatakse. Selline mahuti element võib olla näiteks kiht (div). Suure osa piltide tausta kujundamiseks peate kasutama stiilikirjeldust - div-sildi stiili atribuuti. HTML-koodi tühi konteiner võib välja näha järgmine:
Sulgudes märkige oma saidi taustpildifaili aadress ja nimi.
6. samm
Looge esiplaanil kujutise (img) silt, kasutades sama stiili atribuuti, et määrata taustakonteinerite servadest täidise suurus. Näiteks:
Siin määravad laiuse ja kõrguse atribuudid pildi mõõtmed ning neli numbrit pärast polstrit tähistavad mahuti servadest pikslitena alustamist ülaosast (50) ja edasi päripäeva (60 - parem, 70 - alumine, 80 - vasak).
7. samm
Pange img silt konteinerisse:
8. samm
Lisage loodud read lehe lähtekoodile ja seejärel, muutes taandeid, reguleerige sisestatud pildi asukohta taustpildi taustal.
