Capacitățile limbajului de marcare - HTML - și foile de stil în cascadă - CSS - vă permit să plasați o imagine în alta în multe feluri. Desigur, acest lucru necesită anumite abilități în aspectul paginii web și trebuie să alegeți o metodă specifică bazată pe codul existent. Cu toate acestea, în unele cazuri, puteți face fără a edita codul sursă.
Instrucțiuni
Pasul 1
Există o modalitate de a pune o imagine în alta fără modificări în paginile site-ului. Pentru a face acest lucru, este suficient să editați imaginea de fundal stocată pe server - utilizați orice editor grafic pentru a plasa imaginea de prim-plan pe el. Dacă această metodă funcționează pentru dvs., începeți prin definirea locației de stocare și numele fișierului imagine de fundal. Acest lucru se poate face găsindu-l în codul sursă al paginii sau deschizându-l într-o filă separată și examinând calea completă din bara de adrese a browserului.
Pasul 2
Folosind managerul de fișiere al sistemului de gestionare a conținutului sau al clientului FTP, descărcați fișierul necesar pe computerul dvs. și deschideți-l în orice editor grafic - de exemplu, în aplicația Paint instalată cu Windows.
Pasul 3
Așezați imaginea din prim-plan deasupra fundalului - în Paint pentru aceasta trebuie să selectați elementul „Inserați din” din lista derulantă „Inserați” din fila „Acasă” și să găsiți fișierul necesar în fereastra de dialog care se deschide. Apoi reglați poziția imaginii inserate pe fundalul existent (trageți-o cu mouse-ul) și salvați rezultatul (Ctrl + S).
Pasul 4
Încărcați înapoi imaginea editată, suprascriind-o pe cea veche. Aceasta finalizează procedura.
Pasul 5
Metoda descrisă este incomodă în cazul în care imaginile inserate trebuie schimbate din când în când. Apoi utilizați funcțiile limbajului HTML - de exemplu, faceți din imaginea de fundal fundalul elementului de pagină în care va fi plasată imaginea din prim-plan. Un astfel de element container poate fi, să zicem, un strat (div). Pentru a face din fundal o mare parte din imagini, trebuie să utilizați descrierea stilului - atributul de stil al etichetei div. Un container gol în cod HTML ar putea arăta astfel:
În paranteze, indicați adresa și numele fișierului de imagine de fundal de pe site-ul dvs.
Pasul 6
Creați o etichetă de imagine de prim-plan (img), utilizând același atribut de stil pentru a seta cantitatea de umplutură de la marginile containerului de fundal. De exemplu:
Aici, atributele de lățime și înălțime stabilesc dimensiunile imaginii, iar cele patru numere după umplere indică umplerea în pixeli de la marginile containerului, începând din partea de sus (50) și mai departe în sensul acelor de ceasornic (60 - dreapta, 70 - jos, 80 - stânga).
Pasul 7
Plasați eticheta img într-un container:
Pasul 8
Adăugați liniile create la codul sursă al paginii și apoi, schimbând indentările, ajustați poziția imaginii inserate pe fundalul imaginii de fundal.
