Cómo Insertar Una Imagen En Un Encabezado

Tabla de contenido:

Cómo Insertar Una Imagen En Un Encabezado
Cómo Insertar Una Imagen En Un Encabezado

Video: Cómo Insertar Una Imagen En Un Encabezado

Video: Cómo Insertar Una Imagen En Un Encabezado
Video: Insertar una imagen en el encabezado 2024, Abril
Anonim

A menudo, con una funcionalidad similar, una imagen en el encabezado de un sitio o blog da la individualidad necesaria, y las plantillas propuestas, por otro lado, a menudo son simplemente "sin rostro". Es conveniente colocar un logotipo de la empresa, una imagen con una ubicación geográfica o determinadas fotografías que sean importantes para el propietario del sitio en la imagen, en la parte superior.

Un fragmento de código que conduce al enlace a la imagen en el encabezado del sitio
Un fragmento de código que conduce al enlace a la imagen en el encabezado del sitio

Necesario

Habilidades de trabajar en un editor de gráficos

Instrucciones

Paso 1

Si tiene un administrador de sitio, generalmente incluye la función "cambiar imagen". En este caso, solo tienes que sustituir el tuyo.

Analice su sistema de gestión de contenido con detenimiento. Si no tiene la función deseada, tendrá que ingresar al código html. Si trabaja con Joomla, busque el archivo: mw_joomla_logo.png, está en la carpeta de imágenes en la carpeta de plantillas (Joomla emplates template_name imagesmw_joomla_logo. png) Para cambiar la imagen: en html código de sitio html ("ver"> "ver código html").

Busque el "encabezado" resaltado con etiquetas de encabezado

Encuentre una imagen mirando las etiquetas img en el título

El enlace a la imagen se ve así: img src = "imagen.jpg"

Paso 2

Descarga y analiza el tamaño y el peso de la imagen.

En un editor de gráficos, dibuje su propia imagen de los mismos parámetros

Sube una imagen al servidor, colócala en el mismo directorio donde están todas las imágenes del sitio (ya sea en una red simple, o en un álbum de imágenes, lo principal es que el almacenamiento es a largo plazo)

Paso 3

Vuelva a abrir el código del sitio.

Sustituye la dirección de tu foto en lugar de la que está ahí ahora.

Como red de seguridad, puede establecer el tamaño exacto de la imagen y los bordes invisibles de la siguiente manera:

img src = "dirección de la imagen / imagen.jpg" alt="Explicación de la imagen"

Significado de las etiquetas:

img = imagen - imagen.

src = fuente - fuente, es decir, dirección

border = fronteras. Si juega con este valor, aparecerá un borde (trazo) alrededor de la imagen.

alt = alternativo: texto que se sustituirá en lugar de imágenes si se apagan de la vista (para ahorrar tráfico, por ejemplo). Este texto, al ser invisible, todavía es leído por los motores de búsqueda y puede servir como una buena herramienta para promocionar su sitio. Guarde el código con una nueva imagen.

Borre la caché si es necesario. Quizás la imagen antigua todavía esté cargada y no muestre su sitio correctamente.

Recomendado: