Les funcions del llenguatge de marques (HTML) i fulls d’estil en cascada (CSS) us permeten col·locar una imatge dins d’una altra de moltes maneres. Per descomptat, això requereix algunes habilitats en el disseny de pàgines web i heu de triar un mètode específic basat en el codi existent. No obstant això, en alguns casos, podeu prescindir d'editar el codi font.
Instruccions
Pas 1
Hi ha una manera de posar una imatge en una altra sense cap canvi a les pàgines del lloc. Per fer-ho, n'hi ha prou amb editar la imatge de fons emmagatzemada al servidor; utilitzeu qualsevol editor de gràfics per col·locar-hi la imatge de primer pla. Si aquest mètode us funciona, comenceu definint la ubicació d'emmagatzematge i el nom del fitxer d'imatge de fons. Això es pot fer cercant-lo al codi font de la pàgina o obrint-lo en una pestanya independent i veient el camí complet a la barra d’adreces del navegador.
Pas 2
Mitjançant el gestor de fitxers del sistema de gestió de contingut o del client FTP, descarregueu el fitxer necessari a l'ordinador i obriu-lo a qualsevol editor de gràfics, per exemple, a l'aplicació Paint instal·lada amb Windows.
Pas 3
Col·loqueu la imatge en primer pla sobre el fons; a Paint, per a això, heu de seleccionar l'element "Insereix de" a la llista desplegable "Insereix" de la pestanya "Inici" i cercar el fitxer requerit al quadre de diàleg que s'obre. A continuació, ajusteu la posició de la imatge inserida sobre el fons existent (arrossegueu-la amb el ratolí) i deseu el resultat (Ctrl + S).
Pas 4
Torneu a carregar la imatge editada, sobreescrivint la vella. Això completa el procediment.
Pas 5
El mètode descrit és incòmode en el cas que les imatges inserides hagin de canviar-se de tant en tant. A continuació, utilitzeu les funcions del llenguatge HTML; per exemple, feu de la imatge de fons el fons de l'element de pàgina en què es col·locarà la imatge de primer pla. Aquest element contenidor pot ser, per exemple, una capa (div). Per fer que una gran part de les imatges tinguin el fons, heu d’utilitzar la descripció de l’estil: l’atribut d’estil de l’etiqueta div. Un contenidor buit del codi HTML pot tenir aquest aspecte:
Entre parèntesis, indiqueu l'adreça i el nom del fitxer d'imatge de fons del vostre lloc.
Pas 6
Creeu una etiqueta d'imatge de primer pla (img) amb el mateix atribut d'estil per establir la quantitat de farciment des de les vores del contenidor de fons. Per exemple:
Aquí, els atributs d’amplada i alçada defineixen les dimensions de la imatge i els quatre números després del farciment indiquen el farciment en píxels des de les vores del contenidor, començant per la part superior (50) i cap a la dreta (60 - dreta, 70 -) inferior, 80 - esquerra).
Pas 7
Col·loqueu l'etiqueta img en un contenidor:
Pas 8
Afegiu les línies creades al codi font de la pàgina i, tot canviant els sagnats, ajusteu la posició de la imatge inserida amb el fons de la imatge de fons.
