Cómo Insertar Un Logotipo En Un Sitio Web

Tabla de contenido:

Cómo Insertar Un Logotipo En Un Sitio Web
Cómo Insertar Un Logotipo En Un Sitio Web

Video: Cómo Insertar Un Logotipo En Un Sitio Web

Video: Cómo Insertar Un Logotipo En Un Sitio Web
Video: Como poner un icono en el encabezado o logo en una pagina web. HTML 2024, Abril
Anonim

Como regla general, el logotipo se coloca en los sitios en formato de imagen, y la forma específica de insertarlo en las páginas existentes depende de su diseño y del tipo de diseño utilizado. En algunos casos, puede prescindir de editar el código fuente, en otros, el editor visual del sistema de control ayudará, y en el tercero, no puede prescindir de la edición manual del código HTML.

Cómo insertar un logotipo en un sitio web
Cómo insertar un logotipo en un sitio web

Instrucciones

Paso 1

Si el encabezado del sitio está hecho en formato de imagen, el logo se puede colocar sobre la imagen existente usando cualquier editor de gráficos. Esta es la opción más simple y no requiere edición de página. Para usarlo, busque el archivo con la imagen del encabezado en el servidor del sitio y descárguelo en su computadora. Luego, ábralo con un editor gráfico; para la próxima operación, las capacidades del Windows Paint estándar son suficientes.

Paso 2

Coloque la imagen del logotipo sobre la imagen abierta; en Paint, el elemento "Pegar desde" en la lista desplegable "Pegar" está diseñado para esto. Use el mouse para arrastrar el logotipo al lugar deseado en la imagen de fondo, cambie su tamaño según sea necesario y guarde el resultado con la combinación de teclas Ctrl + S. Cargue el archivo de encabezado con el logotipo al servidor, reemplazando el archivo original y el se completará la operación.

Paso 3

Para insertar un logotipo en el código HTML de una página, es más conveniente utilizar el modo gráfico (modo WYSIWYG) del editor de páginas, que está disponible en la mayoría de los sistemas de gestión de sitios. Habiendo abierto la página necesaria en dicho editor, haga clic en el lugar donde se debe colocar el logotipo y presione el botón para insertar una imagen en el menú. Debería aparecer un cuadro de diálogo en la pantalla, en el que debe especificar la ubicación del archivo con el logotipo en la computadora. Dependiendo del editor, el mismo diálogo puede contener campos para ingresar parámetros adicionales: tamaños de imagen, sangrías de elementos de página adyacentes, etc. Cuando haya terminado, haga clic en Aceptar y luego guarde la página editada.

Paso 4

Si no puede utilizar el editor de páginas, deberá agregar etiquetas "manualmente" al código fuente. Para hacer esto, busque el archivo de la página requerida en el servidor, descárguelo en su computadora y ábralo en cualquier editor de texto, por ejemplo, en el Bloc de notas. Esta operación requiere cierto conocimiento del lenguaje de diseño de hipertexto; debe encontrar el lugar correcto en el código HTML para colocar la etiqueta del logotipo. Esta etiqueta en sí misma en su forma más simple se puede escribir, por ejemplo, así:

Paso 5

Después de agregar la línea al código fuente, guarde la página y reemplace el original almacenado en el servidor con el archivo editado. Luego cargue el archivo con la imagen allí; para el ejemplo del paso anterior, este archivo debe llamarse logo.png

Recomendado: