Com Inserir Una Imatge En Una Capçalera

Taula de continguts:

Com Inserir Una Imatge En Una Capçalera
Com Inserir Una Imatge En Una Capçalera

Vídeo: Com Inserir Una Imatge En Una Capçalera

Vídeo: Com Inserir Una Imatge En Una Capçalera
Vídeo: imatge capçalera (XTEC BLOBCS) 2024, Maig
Anonim

Sovint, amb una funcionalitat similar, una imatge a la capçalera d’un lloc o blog dóna la individualitat necessària, i les plantilles proposades, d’altra banda, sovint són simplement “sense rostre”. És convenient posar a la part superior un logotip de l’empresa o una imatge amb una ubicació geogràfica o algunes fotografies que siguin importants per al propietari del lloc.

Un tros de codi que condueix a l'enllaç a la imatge de la capçalera del lloc
Un tros de codi que condueix a l'enllaç a la imatge de la capçalera del lloc

Necessari

Habilitats per treballar en un editor de gràfics

Instruccions

Pas 1

Si teniu un gestor de llocs, normalment inclou la funció "canvia d'imatge". En aquest cas, només heu de substituir la vostra.

Analitzeu detingudament el vostre sistema de gestió de continguts. Si no teniu la funció desitjada, haureu d’entrar al codi html. Si treballeu amb Joomla, cerqueu el fitxer: mw_joomla_logo.png, es troba a la carpeta d’imatges de la carpeta de plantilles (Joomla emplaça nom_plantilla imagesmw_joomla_logo. png) Per canviar la imatge: al codi del lloc html html ("veure"> "veure el codi html").

Cerqueu la "capçalera" ressaltada amb etiquetes de capçalera

Cerqueu una imatge mirant les etiquetes img del títol

L'enllaç a la imatge té el següent aspecte: img src = "picture.jpg"

Pas 2

Descarregueu i analitzeu la mida i el pes de la imatge.

En un editor de gràfics, dibuixeu la vostra pròpia imatge dels mateixos paràmetres

Pengeu una imatge al servidor, col·loqueu-la al mateix directori on es troben totes les imatges del lloc (ja sigui en una xarxa simple o en un àlbum d’imatges, el més important és que l’emmagatzematge sigui a llarg termini)

Pas 3

Obriu de nou el codi del lloc.

Substituïu l'adreça de la vostra imatge en lloc de la que hi ha ara.

Com a xarxa de seguretat, podeu definir la mida exacta de la imatge i els marges invisibles de la següent manera:

img src = "image address / picture.jpg" alt="Explicació de la imatge"

Significat de les etiquetes:

img = imatge - imatge.

src = font - font, és a dir, adreça

vora = fronteres. Si jugueu amb aquest valor, apareixerà una vora (traç) al voltant de la imatge.

alt = alternatiu: text que se substituirà en lloc de les imatges si estan desactivades de la vista (per estalviar trànsit, per exemple). Aquest text, que és invisible, encara és llegit pels motors de cerca i pot servir com una bona eina per promocionar el vostre lloc. Deseu el codi amb una imatge nova.

Esborreu la memòria cau si cal. Potser la imatge antiga encara hi està carregada i no mostra el vostre lloc correctament.

Recomanat: