Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Crea tu porfolio, blog o web en EducaMadrid: incluir listas y texto formateado - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Crea tu porfolio, blog o web en EducaMadrid: incluir listas y texto formateado
Ahora lo que me queda es completar este contenido incluyéndole lo que vemos aquí. Una imagen centrada, una lista de viñetas y un texto formateado. Vamos a ver cómo hacer todo eso.
00:00:05
voy a activar los controles de edición
00:00:20
pulso el enlace editar como siempre
00:00:24
voy al cuerpo
00:00:28
entonces como ya hice cuando añadí la imagen de la profesora
00:00:29
lo primero que hago es situar el cursor en la posición en la que quiero añadir la imagen
00:00:33
pulso el icono insertar editar imagen
00:00:37
en la carpetita
00:00:40
localizo el archivo como un fichero local de mi ordenador
00:00:42
y lo selecciono
00:00:47
lo tengo aquí, lo selecciono
00:00:49
le pongo un título y una descripción y subir fichero
00:00:50
bien si yo simplemente aquí vengo y doy ok me doy cuenta de que esta imagen es
00:01:03
enorme es muy grande que puedo hacer para cambiar el tamaño pues con la
00:01:08
imagen seleccionada pulsar en este icono y o bien elegir alguno de los tamaños
00:01:13
predefinidos o bien poner aquí un tamaño que yo considere si tengo marcado la
00:01:19
casilla restringir proporciones al introducir el ancho automáticamente me
00:01:25
va a calcular el alto y de esa manera me aseguro que la imagen no se va a deformar
00:01:29
si pulso en ok veo que la imagen ya tiene un tamaño bastante más adecuado
00:01:34
bien voy a continuar con el resto del texto como vemos aquí esta parte es una
00:01:40
una viñeta, es una lista desordenada, una lista de viñetas. Pues nada, aquí con este
00:01:48
texto lo seleccionaría y pulsaría aquí, lista de viñetas. Y ya lo tendría formateado
00:01:55
de esa manera, como una lista desordenada. Si yo ahora voy a publicar, oculto los controles,
00:02:04
veo que tiene el aspecto parecido, pero lo que me falta es esta imagen centrarla. Vamos
00:02:13
de nuevo a editar nuestro contenido. Como ves, estoy todo el rato publicando y volviendo
00:02:19
a editar, publicando todo el rato para ir viendo cómo me va quedando. Voy a desplegar
00:02:25
aquí, quiero alinear esta imagen y ponerla centrada. Voy a desplegar aquí otras barras
00:02:30
de herramientas para que se me muestren estas opciones de alineación, que son propias también
00:02:38
un editor de textos. Selecciono la imagen y pulso alinear al centro y de esta manera ya sí que
00:02:43
obtengo el mismo resultado que tengo en la web de ejemplo. Bien, voy a añadir la parte del final
00:02:51
con un texto formateado que queda bastante vistoso. Lo que pasa es que por defecto queda bien siempre
00:02:59
si es solamente una línea. Si es más de una línea pues hay que andar editando un poquito el html.
00:03:06
Vamos a ver cómo sería con una línea. Nuevas tecnologías. Bien, escribo ese texto, lo selecciono y ahora dentro de estas opciones que tengo aquí, pues veo una opción formato, formatos, personalizados y si me vengo por aquí a la derecha veo uno que pone mensaje de éxito.
00:03:11
si yo lo selecciono
00:03:39
ya veo
00:03:41
que me ha marcado esa casillita
00:03:42
ahí
00:03:45
y al publicar el contenido
00:03:45
voy a ocultar los controles
00:03:49
pues veo que me ha quedado
00:03:52
muy visual
00:03:55
y eso es todo
00:03:56