Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Alinear una imagen a la derecha con texto alrededor

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 5 de junio de 2018 por Dg fp-ere

88 visualizaciones

Cómo usar el editor HTML del Aula Virtual para añadir una imagen, alinearla a la derecha con texto alrededor, y dejar algo de espacio entre imagen y texto.

Más información Transcripción

Descargar la transcripción

Vamos a ver aquí cómo incluir una imagen y que quede aquí, alineado a la derecha y con el texto alrededor. 00:00:00
Más o menos como está aquí. O otro ejemplo aquí. 00:00:12
Entonces, bueno, nos venimos, editamos y nos venimos al inicio del párrafo. 00:00:17
Fijaos aquí en el cursor que está aquí parpadeando. 00:00:27
Cargamos la imagen, vamos a ver, la tengo ahí, la he descargado de Pixabay, que es un sitio de imágenes de dominio público, con lo cual es ideal. 00:00:31
Fijaos ahora el tamaño que va a tener, es un 65K, pero bueno, es poquito, lo voy a meter aquí sin nada, fijaos que esto en apariencia lo rompe todo. 00:00:47
entonces lo primero que voy a hacer es seleccionar y lo siguiente aquí alinear a la derecha aquí ya 00:01:00
está hecho eso ahora para que quede esto bien lo que estoy siguiendo es el criterio de que 00:01:06
tenga el ancho la imagen de 150 píxeles así que o mejor dicho el alto dicho el ancho no es el alto 00:01:13
Ahí está. Desagrando aquí y guardo los cambios. Aquí el texto queda un poquito pegado. Queda bien 00:01:25
ya. Es decir, con esto es más que perfectamente válido como se puede ver. Vamos, si se quiere 00:01:41
dejar un poquito de espacio para que no quede pegado el texto a la imagen, vamos a verlo otra 00:01:46
Y así se ve como edita. Primero se hace clic aquí y lo siguiente en insertar editar imagen, 00:01:53
para lo cual nos venimos y espacio horizontal vamos a decirle 5 por ejemplo, sin píxeles. 00:02:02
A veces en la anotación de html y estas cosas se pone px, en este caso vamos a dejarlo sin nada, 00:02:10
simplemente el 5. Fijaos que aquí ya hay un pequeño espacio. Si pusiéramos 50, 00:02:17
por poner algo muy exagerado, fijaos. Ahora, fijaos también que sea tanto la 00:02:24
izquierda como la derecha, así que también hay que tener cuidado con 00:02:30
eso. Vamos a dejarlo aquí en 5 de nuevo, 00:02:34
y guardar. Y ahora ya queda un poquito mejor con respecto a lo que es el texto. 00:02:39
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Formación Profesional
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Autor/es:
Víctor Eugenio Nuño Nuño
Subido por:
Dg fp-ere
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
88
Fecha:
5 de junio de 2018 - 17:55
Visibilidad:
Público
Centro:
EST ADMI D.G. DE FORMACION PROFESIONAL Y ENSEÑANZAS DE REGIMEN ESPECIAL
Duración:
02′ 54″
Relación de aspecto:
16:10 El estándar usado por los portátiles de 15,4" y algunos otros, es ancho como el 16:9.
Resolución:
1440x900 píxeles
Tamaño:
23.58 MBytes

Del mismo autor…

Ver más del mismo centro

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid