Cómo Poner Una Imagen En Un Sitio Web

Tabla de contenido:

Cómo Poner Una Imagen En Un Sitio Web
Cómo Poner Una Imagen En Un Sitio Web

Video: Cómo Poner Una Imagen En Un Sitio Web

Video: Cómo Poner Una Imagen En Un Sitio Web
Video: como insertar una imagen en html | la forma más sencilla! 2024, Noviembre
Anonim

Todo lo que el internauta ve en las páginas del sitio lo representa el navegador en función de la información detallada enviada por el servidor web. Esta información se denomina código html de la página y se compone de instrucciones separadas, "etiquetas", que describen la apariencia y ubicación de cada elemento individual. Para agregar un nuevo elemento (por ejemplo, una imagen) a la página de un sitio, debe colocar una instrucción (etiqueta) correspondiente en su código fuente.

Cómo poner una imagen en un sitio web
Cómo poner una imagen en un sitio web

Instrucciones

Paso 1

Agregue una imagen a la página usando el editor de página, si tiene la oportunidad de usar el sistema de administración de contenido. Primero cargue la página deseada en el editor y asegúrese de que el modo de edición visual esté habilitado. A veces se le llama el acrónimo en inglés WYSIWYG (What You See Is What You Get). En modo visual, la página se ve igual que en el sitio. Debe hacer clic con el mouse en el lugar donde necesita insertar la imagen y presionar el botón "insertar imagen" en el panel del editor.

Paso 2

Seleccione una imagen de la lista ya disponible en el servidor, que le abrirá el editor visual en el cuadro de diálogo para insertar imágenes. Si aún no lo ha descargado, haga clic en el botón de búsqueda del archivo deseado en su computadora ("Examinar"), búsquelo y ábralo, y luego haga clic en el botón "Cargar" (o "Descargar"). Al final del proceso de carga del archivo en el servidor, la imagen se agregará a la lista y también podrá seleccionarla.

Paso 3

Especifique el ancho y el color del marco alrededor de la imagen, el color de relleno y la distancia entre el marco y la imagen, el texto de la información sobre herramientas emergente al pasar el mouse. No está de más especificar el tamaño de la imagen, aunque esto, como todas las configuraciones en este cuadro de diálogo (excepto para seleccionar una imagen), es opcional. Después de completar todos los campos obligatorios del cuadro de diálogo, haga clic en el botón "Aceptar". Esto completa el procedimiento para insertar una imagen, todo lo que queda es guardar la página editada.

Paso 4

Si no puede usar el editor de páginas del sistema de control o no tiene un modo de edición visual, entonces debe componer y agregar la etiqueta HTML requerida al código fuente. La opción más simple podría verse así: Aquí img es el nombre de la etiqueta, y el navegador lo usa para concluir que debe mostrarse una imagen aquí. El atributo src contiene la dirección y el nombre del archivo de imagen. Si el archivo se coloca en la misma carpeta que la página, no se requiere la URL completa. Puede agregar una información emergente sobre herramientas al pasar el mouse usando el atributo de título, y el ancho del borde se puede especificar en el atributo de borde: Reemplace los atributos requeridos con sus valores y pegue el código HTML resultante de la etiqueta en el código fuente de la página.. Esto se puede hacer en un editor de texto simple descargando la fuente del servidor de su sitio y luego volviéndola a cargar.

Paso 5

Sube el archivo de imagen al sitio. Esto se puede hacer usando el administrador de archivos del sistema de control o el panel del proveedor de alojamiento, o puede usar el programa residente - cliente FTP. La primera opción es más fácil, ya que no requiere instalación y ajuste del programa: el administrador de archivos funciona directamente en el navegador.

Recomendado: