Cómo Insertar Una Imagen En El Encabezado De Un Sitio Web

Tabla de contenido:

Cómo Insertar Una Imagen En El Encabezado De Un Sitio Web
Cómo Insertar Una Imagen En El Encabezado De Un Sitio Web

Video: Cómo Insertar Una Imagen En El Encabezado De Un Sitio Web

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

Una imagen seleccionada correctamente caracteriza la dirección del sitio de la mejor manera, le da individualidad. Además, la mayoría de las personas son visuales por naturaleza, lo que significa que la imagen gráfica se recordará mucho mejor para ellos.

Cómo insertar una imagen en el encabezado de un sitio web
Cómo insertar una imagen en el encabezado de un sitio web

Instrucciones

Paso 1

Si solo está creando su sitio basado en una plantilla lista para usar, puede insertar una imagen en su encabezado usando un simple reemplazo. Para hacer esto, basta con seleccionar una imagen adecuada y volver a guardarla con el nombre de una ilustración estándar. Lo principal aquí es ajustar las dimensiones; de lo contrario, su imagen simplemente no encajará en los parámetros de recursos. Puedes hacer lo mismo con un sitio web confeccionado que tiene un sistema de control y ya ha sido enviado navegando a través de Internet.

Paso 2

Es mejor utilizar Adobe Photoshop para editar la imagen. Tenga en cuenta que las versiones del programa pueden estar en inglés y para la comodidad del trabajo necesitará un crack. Se puede descargar de forma gratuita en Internet.

Paso 3

Abra la imagen que desea reemplazar en un editor de gráficos y seleccione "Imagen" - "Tamaño de imagen" en el menú. Recuerde, o mejor escriba los valores en píxeles. Puede cerrar la imagen, ya no la necesitará.

Paso 4

En el menú "Archivo", seleccione "Nuevo", después de lo cual se abrirá un formulario frente a usted. Introduzca los valores registrados del tamaño de la imagen y haga clic en "Aceptar". También puede establecer otros parámetros en el camino, por ejemplo, el nombre de la capa o el tipo de contenido de fondo, pero no son fundamentales.

Paso 5

Cree una nueva capa ("Capa" - "Nueva").

Paso 6

Abra en el programa la imagen que desea ver en el encabezado del sitio ("Archivo" - "Abrir").

Paso 7

En la barra de herramientas, seleccione el icono "Área rectangular", utilícelo para seleccionar una imagen.

Paso 8

Utilice el comando "Copiar" del menú "Editar" y pegue la imagen en una nueva capa de la forma preparada ("Editar" - "Pegar"). Seleccione la herramienta Mover y mueva la imagen según sea necesario.

Paso 9

Si el tamaño de la imagen resultó ser más grande o más pequeño, entonces se puede corregir usando los comandos del menú "Imagen". En cualquier caso, los parámetros de la imagen principal rara vez coinciden con los requeridos, por lo que casi siempre hay un espacio vacío. Debe rellenarse, y para ello es mejor utilizar el "Fondo". Por ejemplo, puede rellenar con un solo color o usar la herramienta Degradado y luego suavizar la transición usando esquivar / oscurecer, Dedo, Esponjas, etc.

Paso 10

Hay una etiqueta especial para insertar imágenes en el lenguaje html.

con varios atributos:

• src - dirección de la imagen;

• altura - altura en px;

• ancho - ancho en px;

• borde - borde en px;

• alt: una explicación de la imagen, que se muestra a los usuarios cuando la función de recepción de imágenes está desactivada.

Por ejemplo,. No se requiere etiqueta inversa.

Recomendado: