contenido texto imagen
TRANSCRIPT
![Page 1: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/1.jpg)
2. CREACIÓN DE UN CONTENIDO CON TEXTO E IMAGEN
![Page 2: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/2.jpg)
Vamos a crear un contenido que insertaremos en la página principal (Inicio) de nuestro espacio web.
En ella pondremos el título de la página (PÁGINA DE … [NOMBRE y PRIMER APELLIDO]), algunos datos profesionales (PROFESOR DE … [ASIGNATURA]) y I.E.S. IGNACIO ELLACURÍA). Finalmente insertaremos una imagen del instituto.
![Page 3: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/3.jpg)
2.1 ACCESO AL ADMINISTRADOR DE CONTENIDOS
Pinchamos sucesivamente en Usuario > Administrador de contenidos > Nuevo contenido > Libre. Y aparece la siguiente pantalla.
![Page 4: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/4.jpg)
En la caja Título escribimos nuestro nombre y apellidos y en Descripción indicamos que se trata de la página principal.
![Page 5: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/5.jpg)
Activamos la pestaña Cuerpo y escribimos el texto que aparece en la imagen. Tipo de letra: Tahoma. Tamaño: 14 puntos (línea superior) y 12 puntos (línea inferior).
![Page 6: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/6.jpg)
2.2 INSERCIÓN DE UNA IMAGEN
![Page 7: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/7.jpg)
Colocamos el cursor debajo de la última línea que hemos escrito (I.E.S. IGNACIO ELLACURÍA / ALCALÁ DE HENARES) y lo centramos en la página. Para insertar una imagen debemos trabajar con el navegador Mozilla (el Explorer da problemas).
![Page 8: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/8.jpg)
Clic en el icono Insertar/editar imagen
![Page 9: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/9.jpg)
Clic en el botón Examinar
![Page 10: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/10.jpg)
![Page 11: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/11.jpg)
Seleccionamos el archivo de imagen (en formato jpg) de la carpeta donde lo tengamos guardado y hacemos clic en Abrir.
Seleccionamos el archivo de imagen (en formato jpg) de la carpeta donde lo tengamos guardado y hacemos clic en Abrir.
Seleccionamos el archivo de imagen (en formato jpg) de la carpeta donde lo tengamos guardado y hacemos clic en Abrir.
![Page 12: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/12.jpg)
![Page 13: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/13.jpg)
Hacemos clic en Listado una vez que aparece el archivo de imagen en la parte inferior de la pantalla
![Page 14: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/14.jpg)
Seleccionamos la imagen activando el botón situado en la esquina inferior izquierda de la imagen y luego pinchamos en Seleccionar.
![Page 15: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/15.jpg)
Hacemos clic en Aspecto para modificar el tamaño de la imagen.
![Page 16: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/16.jpg)
Dejamos activada la casilla “Restringir proporciones” y escribimos 828 (píxeles) en la caja de la izquierda. Luego pinchamos en Insertar.
![Page 17: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/17.jpg)
Una vez que aparece la imagen pulsamos la tecla Intro para situar el cursor debajo de la imagen y escribir un pie de foto. En nuestro caso pondremos que la fotografía es obra de Miguel Ángel Bernal.
![Page 18: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/18.jpg)
Escribimos Miguel Ángel Bernal, alineamos el texto a la derecha y, para finalizar, hacemos clic en Guardar y publicar.
![Page 19: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/19.jpg)
![Page 20: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/20.jpg)
2.3 INSERCIÓN DEL CONTENIDO EN LA PÁGINA “INICIO”
![Page 21: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/21.jpg)
Antes de insertar el contenido vamos a elegir una plantilla para la página Inicio, que es donde vamos a alojar el contenido recién creado.
![Page 22: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/22.jpg)
Elegimos la opción 1 Columna y luego pinchamos en Guardar.
![Page 23: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/23.jpg)
Ahora tenemos que insertar el contenido recién creado en la página Inicio de nuestro espacio web. Para ello seleccionamos Añadir recurso en el menú que se despliega debajo del nombre de usuario.
![Page 24: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/24.jpg)
![Page 25: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/25.jpg)
Cerramos la ventana Añadir recurso y pinchamos en el icono de la izquierda de la ventana Selección de contenidos.
![Page 26: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/26.jpg)
![Page 27: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/27.jpg)
![Page 28: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/28.jpg)
Activamos la casilla correspondiente al contenido que vamos a llevar a la página Inicio (PÁGINA DE FERNANDO FERNÁNDEZ FERNÁNDEZ) y luego pinchamos en Seleccionar.
![Page 29: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/29.jpg)
![Page 30: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/30.jpg)
Pinchamos en la caja donde pone Selección de contenidos, borramos el texto (Selección de contenidos) y en su lugar escribimos Principal. Luego hacemos clic fuera de la caja.
![Page 31: Contenido texto imagen](https://reader036.vdocumento.com/reader036/viewer/2022062419/557badfbd8b42a2a548b4e51/html5/thumbnails/31.jpg)