Atzīmēšanas valodas iespējas - HTML - un kaskādes stila lapas - CSS - ļauj daudzos veidos ievietot vienu attēlu citā. Protams, tas prasa dažas prasmes tīmekļa lapu izkārtojumā, un jums ir jāizvēlas konkrēta metode, pamatojoties uz esošo kodu. Tomēr dažos gadījumos jūs varat iztikt bez avota koda rediģēšanas.
Instrukcijas
1. solis
Ir veids, kā ievietot vienu attēlu citā, nemainot vietnes lapas. Lai to izdarītu, pietiek ar servera saglabātā fona attēla rediģēšanu - izmantojiet jebkuru grafikas redaktoru, lai tajā ievietotu priekšplāna attēlu. Ja šī metode jums darbojas, vispirms nosakiet fona attēla faila glabāšanas vietu un nosaukumu. To var izdarīt, atrodot to lapas avota kodā vai atverot to atsevišķā cilnē un pārlūkprogrammas adrešu joslā aplūkojot pilnu ceļu.
2. solis
Izmantojot satura pārvaldības sistēmas vai FTP klienta failu pārvaldnieku, lejupielādējiet nepieciešamo failu savā datorā un atveriet to jebkurā grafikas redaktorā - piemēram, programmā Windows instalētajā Paint lietojumprogrammā.
3. solis
Novietojiet priekšplāna attēlu virs fona - lai to izdarītu programmā Paint, cilnes Sākums nolaižamajā sarakstā "Ievietot" jāizvēlas vienums "Ievietot no" un atvērtajā dialoglodziņā jāatrod nepieciešamais fails. Pēc tam noregulējiet ievietotā attēla stāvokli uz esošā fona (velciet to ar peli) un saglabājiet rezultātu (Ctrl + S).
4. solis
Ielādējiet rediģēto attēlu, pārrakstot veco. Tas pabeidz procedūru.
5. solis
Aprakstītā metode ir neērta gadījumā, ja ievietotie attēli laiku pa laikam jāmaina. Pēc tam izmantojiet HTML valodas iespējas - piemēram, padariet fona attēlu par tās lapas elementa fonu, kurā tiks ievietots priekšplāna attēls. Šāds konteinera elements var būt, teiksim, slānis (div). Lai lielai daļai attēlu būtu fons, jums jāizmanto stila apraksts - div tag stila atribūts. Tukšs konteiners HTML kodā varētu izskatīties šādi:
Iekavās norādiet savas vietnes fona attēla faila adresi un nosaukumu.
6. solis
Izveidojiet priekšplāna attēla (img) tagu, izmantojot to pašu stila atribūtu, lai iestatītu polsterējuma daudzumu no fona konteinera malām. Piemēram:
Šeit platuma un augstuma atribūti nosaka attēla izmērus, un četri skaitļi aiz polsterējuma norāda polsterējumu pikseļos no konteinera malām, sākot no augšas (50) un tālāk pulksteņrādītāja virzienā (60 - pa labi, 70 - apakšā, 80 - pa kreisi).
7. solis
Ievietojiet tagu img konteinerā:
8. solis
Pievienojiet izveidotās rindas lapas avota kodam un pēc tam, mainot ievilkumus, noregulējiet ievietotā attēla pozīciju uz fona attēla fona.
