Com Fer Una Imatge De Fons En Un Lloc Web

Taula de continguts:

Com Fer Una Imatge De Fons En Un Lloc Web
Com Fer Una Imatge De Fons En Un Lloc Web

Vídeo: Com Fer Una Imatge De Fons En Un Lloc Web

Vídeo: Com Fer Una Imatge De Fons En Un Lloc Web
Vídeo: V. Completa. Crónicas de un psiquiatra en Nueva York. Luis Rojas-Marcos, psiquiatra y profesor 2024, Abril
Anonim

Podeu aprendre els conceptes bàsics sobre la creació de llocs sols; hi ha prou informació sobre aquest tema a Internet i als llibres. No obstant això, en la fase inicial, sovint apareixen dificultats en l’ús d’una o altra etiqueta. De fet, els components més habituals es recorden millor, ja que són essencials a l’hora d’escriure qualsevol lloc web.

Com es fa una imatge de fons en un lloc web
Com es fa una imatge de fons en un lloc web

Instruccions

Pas 1

Seleccioneu la imatge que vulgueu utilitzar com a imatge de fons. Si voleu inserir text sobre la il·lustració, en aquest cas és recomanable limitar-vos a opcions sense variegacions excessives, en què s’utilitzen diversos colors de naturalesa propera. En principi, per eliminar les ondulacions, podeu crear un "fons" per al contingut, i el problema es resoldrà amb èxit.

Pas 2

Corregiu la imatge amb Adobe Photoshop. Quan hàgiu acabat, trieu l'ordre Desa al web al menú Fitxer i seleccioneu la carpeta que vulgueu. Si aquesta és la primera imatge que s'utilitza per al lloc, es crea automàticament una carpeta "Imatges".

Pas 3

A l’etiqueta, escriviu l’atribut background = "path to image". Registre d'exemple: o. Al mateix temps, tingueu en compte que l’etiqueta només ha d’aparèixer una vegada al codi i no s’ha de multiplicar.

Pas 4

Deseu els canvis al bloc de notes, feu clic al botó "Actualitza" al navegador. El fons de pantalla apareixerà a la pantalla. Si les dimensions de la imatge són més petites que els paràmetres de la pàgina web, la imatge es duplicarà tantes vegades com sigui necessari per omplir tot l'espai. Hi ha dues maneres de corregir aquesta deficiència:

• mitjançant el programa Adobe Photoshop, configureu els paràmetres d'imatge necessaris en píxels ("Imatge" - "Mida de la imatge");

• definiu les dimensions necessàries al codi html.

Per exemple, si l’amplada és de 1250 px i l’alçada de 650 px, haureu d’afegir els atributs necessaris per a la cel·la de la taula on es col·locarà la imatge.

No podeu definir la mida a l'etiqueta: la imatge sempre es mostrarà a mida completa.

Pas 5

Analògic de ccs per inserir una imatge de fons:

imatge de fons

COS {

imatge de fons: url (images / bg.jpg);

}

L'atribut "background-image: url (images / bg.jpg)" és el camí cap a la imatge de fons.

Recomanat: