Mogućnosti jezika za označavanje - HTML - i kaskadni listovi stilova - CSS - omogućavaju vam da na više načina smjestite jednu sliku u drugu. Naravno, to zahtijeva neke vještine u izgledu web stranice i trebate odabrati određenu metodu na osnovu postojećeg koda. Međutim, u nekim slučajevima možete i bez uređivanja izvornog koda.
Instrukcije
Korak 1
Postoji način da se jedna slika stavi u drugu bez ikakvih promjena na stranicama stranice. Da biste to učinili, dovoljno je urediti pozadinsku sliku pohranjenu na serveru - upotrijebite bilo koji grafički editor da biste na nju postavili sliku u prvom planu. Ako vam ova metoda odgovara, započnite s definiranjem mjesta za pohranu i imena datoteke pozadinske slike. To se može učiniti pronalaženjem u izvornom kodu stranice ili otvaranjem na zasebnoj kartici i gledanjem pune staze u adresnoj traci pregledača.
Korak 2
Pomoću upravitelja datoteka sistema za upravljanje sadržajem ili FTP klijenta preuzmite potrebnu datoteku na svoj računar i otvorite je u bilo kojem grafičkom uređivaču - na primjer, u aplikaciji Paint instaliranoj u sustavu Windows.
Korak 3
Postavite sliku u prvi plan preko pozadine - u Paint-u za to trebate odabrati stavku "Insert from" sa padajućeg popisa "Insert" na kartici "Home" i pronaći potrebnu datoteku u dijaloškom okviru koji se otvori. Zatim prilagodite položaj umetnute slike na postojeću pozadinu (povucite je mišem) i sačuvajte rezultat (Ctrl + S).
Korak 4
Učitajte uređenu sliku, prepisujući staru. Ovim je postupak dovršen.
Korak 5
Opisana metoda je nezgodna u slučaju kada umetnute slike treba povremeno mijenjati. Zatim upotrijebite mogućnosti HTML jezika - na primjer, napravite pozadinsku sliku pozadinom elementa stranice u koju će se postaviti slika u prvom planu. Takav element kontejnera može biti, recimo, sloj (div). Da biste veliku sliku učinili pozadinom, trebate koristiti opis stila - atribut style oznake div. Prazan spremnik u HTML kodu može izgledati ovako:
U zagradama navedite adresu i ime datoteke pozadinske slike na vašoj web lokaciji.
Korak 6
Stvorite oznaku slike u prednjem planu (img), koristeći isti atribut stila za postavljanje količine obloga s rubova pozadinskog spremnika. Na primjer:
Ovdje atributi širine i visine postavljaju dimenzije slike, a četiri broja nakon umetanja označavaju uvlačenje u pikselima od ivica spremnika, počevši od vrha (50) i dalje u smjeru kazaljke na satu (60 - desno, 70 - dolje, 80 - lijevo).
Korak 7
Stavite img oznaku u spremnik:
Korak 8
Dodajte kreirane linije u izvorni kod stranice, a zatim, mijenjajući uvlake, prilagodite položaj umetnute slike u odnosu na pozadinu pozadinske slike.
