Saltar navegación

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

Agregar contenidos en mi espacio Web. Detalles y funciones más avanzadas.

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 16 de enero de 2020 por Tic cp poveda villadelprado

291 visualizaciones

Continuación de la guía pdf sobre cómo agregar contenidos a mi espacio Web. En este vídeo se muestran algunos detalles como el cambio de apariencia y cómo insertar imágenes.

Más información Transcripción

Descargar la transcripción

Bueno, vamos a repetir, pero ahora viendo el vídeo y con algunos más detalles, 00:00:00
la forma que estamos utilizando de agregar contenido a nuestro espacio WebViewer. 00:00:06
Para poder agregar contenido podemos entrar en la dirección de nuestra página web, 00:00:14
que está formada por este texto, educa2.madrid.org, barra, web, barra, y nuestro nombre de usuario. 00:00:20
Una vez que entramos, estamos entrando como usuario, viendo lo que ven el resto de usuarios, tenemos que ir a este icono, usuarios de EducaMadrid, para poder introducir nuestro nombre de usuario. 00:00:30
Una vez que hemos entrado, se nos abre aquí una barra de herramientas, una barra de menú, que la vamos a ver un poquito por encima. 00:00:53
Vamos a ver, cuando pulso en mi nombre, aparecen mis páginas públicas y mis páginas privadas. 00:01:02
Lo que estamos trabajando ahora son mis páginas públicas, es decir, lo que va a ver la gente sobre el contenido que nosotros hemos creado. 00:01:10
Mis páginas privadas es exactamente lo mismo, pero solamente la podríamos ver nosotros con nuestro nombre de usuario, lo que es muy útil para hacer pruebas. 00:01:17
En mi cuenta podemos cambiar datos del perfil que tenemos y por fin salir. Esto siempre que estemos en un ordenador público es conveniente. 00:01:26
En mis sitios aparece la página que estoy creando, pública, es el ojito abierto, la página privada, el ojito cerrado, donde hago las pruebas. 00:01:36
y esta página siempre va a aparecer que es la del centro en la que está asociada nuestra cuenta de usuario. 00:01:45
En Administración lo veremos a posteriori, que lo vamos a utilizar para crear también contenidos de otra manera. 00:01:52
Ayuda, ¿veis? Bueno, pues una ayuda que me llevan los manuales. 00:02:01
Editar controles, los controles que hay aquí arriba. 00:02:07
La vista previa para ver cómo lo van a ver los usuarios finales. 00:02:11
y vamos a añadir. Como vamos a agregar contenidos a una nueva página, lo primero que tenemos que hacer es, con el menú que creamos, 00:02:15
entrar en la página, por ejemplo, sobre mí, veis que aparece aquí en el menú, perdón, en el navegador, que hemos entrado aquí, 00:02:24
y le damos a añadir. Se nos abre esta persiana, este cuadro, donde nos indica todo lo que podemos añadir como contenidos a nuestra página web. 00:02:31
Lo que vamos a utilizar es el agregador de contenidos. 00:02:44
Observad una cosa, cuando pongo el cursor aquí me indica que puedo escribir, cuando pongo el cursor aquí me indica que puedo acceder a algo, 00:02:50
por ejemplo, cerrarlo, abrirlo, y cuando el cursor se me pone en forma de esta cruz me permite que puedo arrastrarlo. 00:03:00
Bueno, pues eso es lo que vamos a hacer. Arrastrarlo. Veis que se nos pone una barra azul. No lo puedo poner aquí. No lo puedo poner nada más que donde está la barra azul. 00:03:08
De acuerdo, pues ya tenemos el agregador de contenidos. ¿Qué quiere decir esto? Que a partir de aquí podemos meter el contenido que deseamos. 00:03:20
Si pulsáramos en selección de contenidos, nos abriría una ventana que nos dice todo lo que hemos creado para nuestra página web. 00:03:27
Podríamos volver a meterlo en este apartado, pero como estamos haciendo algo sencillito, lo que vamos a hacer es agregarlo directamente desde aquí. 00:03:40
Entonces vamos a crear contenido, es el apartado sobre mí, y me aparece el editor de contenidos con dos tabuladores, dos pestañas. 00:03:55
En una tenemos que introducir los datos del título y el resumen, y en otra tenemos que introducir... 00:04:06
No nos va a dejar entrar porque no hemos metido nada aquí, este va avisando, está bastante bien hecho. 00:04:13
Entonces vamos a meter el nombre del contenido, que es sobre mí. 00:04:20
Yo he puesto estos contenidos un poco de referencia, pero vosotros podéis agregar lo que queráis. 00:04:26
Vamos a meter un resumen. 00:04:32
Valentín Heredia, por ejemplo. 00:04:39
Coordinador TIC. 00:04:42
Espacio. 00:04:45
Sobre mí. 00:04:47
Las etiquetas son pequeñas palabras. 00:04:49
O pequeñas frases que permitan al buscador encontrar. 00:04:54
Por ejemplo, fake Nuestra Señora de la Poblera. 00:04:58
Podemos meter una coma y decir que estamos en Villa del Prado. 00:05:04
Y si meto alguna etiqueta que ya existe, lo veis, me aparece en azul, la puedo meter. 00:05:09
Ya hemos metido la primera parte, de acuerdo al título, al resumen, las etiquetas. 00:05:16
Voy al cuerpo y me aparece un editor de textos como un Word con todas las herramientas posibles para crear nuestro contenido. 00:05:21
Fijaros bien que me indica que el contenido ya se ha guardado como borrador, ya está guardado en nuestro espacio. 00:05:33
No lo hemos utilizado pero está guardado de alguna manera. 00:05:44
Entonces aquí introduciremos el texto, yo lo que he hecho es crearme unos textos primero 00:05:46
Pues sobre lo que quiero meter, de acuerdo, y ya he metido el texto 00:05:51
Vale, bueno, pues puedo poner lo que quiera 00:06:06
Uno de los apartados que también quería reflejar en este vídeo es que podemos insertar distintos medios 00:06:15
Por ejemplo, imágenes, vídeos, un vídeo de YouTube, una imagen de un archivo de la mediateca, una presentación, fijaros, todo lo que puedo insertar. 00:06:24
Vamos a ir a lo más sencillo porque lo que os digo, para llegar a conocer esto completamente haría falta un curso y la idea es que podamos crear un espacio sencillo. 00:06:33
Voy a insertar una imagen, pulso en el arbolito y me aparece este cuadro. 00:06:43
¿De acuerdo? Me dice que puedo insertar la dirección de una imagen. ¿Veis? Puedo meter una dirección, un enlace a una imagen o subirla desde mi ordenador. 00:06:49
¿Veis? Lo voy a repetir. Pulso aquí en esta pestañita, en este botón y me dice que busque un fichero local. ¿De acuerdo? Selecciono el archivo. 00:07:01
selecciona el archivo, abrir, hay que poner un título en la imagen 00:07:12
lleva un poquito de atención más que de trabajo porque si nos acostumbramos a esto 00:07:25
luego va a ser muy fácil encontrar las imágenes, y por último subir fichero 00:07:32
la vista previa de lo que se va a ver, podemos decir el tamaño que queremos que tenga 00:07:37
si nos vamos a estas pestañas 00:07:44
la apariencia, la alineación 00:07:50
me dice donde quiere que lo coloque 00:07:52
la imagen, arriba 00:07:54
en el medio 00:07:56
a la izquierda 00:07:58
veis 00:08:01
a la derecha 00:08:02
bueno, pues lo voy a colocar a la izquierda 00:08:04
y en avanzado 00:08:06
o pie de foto 00:08:09
bueno, pues podemos poner el título de la imagen 00:08:11
esto es conveniente 00:08:14
por ejemplo si utilizamos una imagen 00:08:16
Bueno, nos vamos a fijar en estos dos que hemos insertado la imagen a través de este cuadradito, le hemos dicho que se coloque a la izquierda, insertar, ok, vale, ya tengo aquí el texto y la imagen. 00:08:17
Si hay algún fallo, si quiero cambiar las letras puedo, el estilo, puedo decir que sea encabezado 4, que la fuente en vez de ser la que estamos utilizando utilice la Comic Sans. 00:08:39
Bueno, puedo poner negritas, centrado, es que cualquier cosa que quieran. 00:08:55
entonces una vez que ya hemos metido aquí nuestro contenido 00:09:04
que nos queda en más opciones 00:09:10
guardar los cambios por si acaso 00:09:13
guardar los cambios como borrador 00:09:16
que eso lo veremos en otro tutorial 00:09:19
o descartarlos 00:09:21
lo que vamos a hacer es publicar 00:09:24
y esto es lo que aparecería en mi página web 00:09:26
Fijaros, esto queda aquí con un título muy molesto, lo hemos visto en el tutorial en la guía PDF anterior, entonces podemos hacer dos cosas, una, entrar en apariencia, donde puedo usar un título personalizado y quitarlo, no quiero que aparezca este, ¿vale? 00:09:34
O puedo, mira, ya me lo ha guardado, es que es rapidísimo, ¿vale? Aparecía este título. Bueno, vamos a ver, puedo cambiar toda la fuente de esa página, puedo cambiar el tipo de letra, los colores de letra, voy a hacer aquí un poco el fondo, vamos a ponerle un color de fondo, le vamos a poner este color. 00:09:56
Estilos de bordes, si queremos que tenga un borde, que no tenga borde, los márgenes 00:10:23
Bueno, esto es muy avanzado 00:10:31
Nosotros con que nos quedemos con que se puede quitar el título es más que suficiente 00:10:33
Vale, lo guardamos y cerramos 00:10:42
¿Veis? Y ahora es como se ve 00:10:46
He puesto en una letra marrón, el color de fondo, etc. 00:10:47
Para ver cómo lo verá la gente, simplemente en vista previa, así se verá en un móvil, en una tableta se verá así, en un ordenador se verá así, y este es un poco el juego que tenemos que hacer. 00:10:51
Si queremos agregar otro contenido, vamos a ir a mi clase, que también tenemos que agregar, veis, no tiene contenidos, volvemos a pulsar añadir, arrastramos el agregador de contenidos y decimos crear contenido. 00:11:09
lo mismo 00:11:25
introducimos siempre lo primero 00:11:27
los datos generales que son 00:11:29
título, podría 00:11:31
meter una imagen 00:11:37
veis 00:11:38
la imagen destacada es una imagen que va asociada 00:11:40
a ese contenido 00:11:43
lo podemos meter por aquí pero bueno 00:11:44
lo vamos a hacer como antes 00:11:48
para que nos quede claro 00:11:50
texto 00:11:52
alternativo, resumen 00:11:54
bueno, como es 00:11:56
mi clase, etiqueta 00:11:59
pensatoria, no viene, primaria, alumnos, cualquier cosa que sea de interés a la hora de buscar. 00:12:02
Una vez que hemos introducido el título y el resumen, vamos al cuerpo y de nuevo nos va a decir que ya se ha guardado el borrador. 00:12:15
En el cuerpo introducimos el texto, esto es cómodo, tenerlos preparados previamente. 00:12:22
Aunque ya os digo que 00:12:28
Aunque escribáis aquí no se va a perder nada 00:12:31
Que queda como borrado 00:12:33
Hay que hacerlo con control V 00:12:34
De acuerdo, aquí hemos metido 00:12:37
El texto 00:12:39
Y podemos corregir 00:12:40
Cualquier cosa 00:12:48
Que en el texto 00:12:48
No nos guste 00:12:51
Poner negritas 00:12:53
Vale 00:12:55
Tenemos el texto 00:13:04
Recordamos, podemos insertar una imagen, insertar al principio, toco este icono de insertar, editar imagen, puedo copiarlo desde la página web y eso es lo que vamos a ver ahora. 00:13:07
¿Cómo se hace esto? 00:13:23
Mirad, yo he entrado en esta página, ccsearchcreativecommons.org, que permite coger imágenes para uso para nuestras páginas web. 00:13:24
¿Qué tendríamos que hacer para introducir una imagen que no está en nuestro ordenador? 00:13:35
Mirad, si pulso aquí, como hemos hecho antes, me permite seleccionar un archivo de mi ordenador. 00:13:42
Pero si no tengo la imagen en mi ordenador, puedo introducir una dirección de una imagen. 00:13:51
Me vengo a la imagen, vengo a copiar dirección de imagen y la pego. 00:13:58
De acuerdo, veis que me aparece la vista previa. 00:14:09
Apariencia, quiero que esté arriba, en el medio, arriba del todo, o línea base, o ninguno, vamos a poner ninguno. 00:14:16
Y como he utilizado una imagen que no es mía, es conveniente fijaros bien, esta imagen tiene una atribución, 00:14:28
Y es esto que viene aquí. Voy a copiar y en pie de foto podemos ponerlo aquí copiado. 00:14:38
Vamos a insertar. Ok. ¿Veis? Me aparece la imagen y me aparece el pie de foto. 00:14:54
Si quiero cambiarle el tamaño porque es muy grande, ¿veis? Vuelvo a pulsar en imagen. 00:15:03
perdón, aquí estamos, veis he pulsado en imagen, insertar, editar imagen 00:15:09
y en apariencia le voy a decir que el tamaño sea de 400 00:15:17
y ya la imagen me queda un poquito más decente 00:15:22
voy a centrarla, la puedo centrar 00:15:30
y voy trabajando, bueno, pues como un, veis 00:15:32
todo lo que estoy haciendo se está guardando como borrador 00:15:39
tengo la opción de guardar los cambios y seguir trabajando 00:15:43
como borrador, descartar. Lo que vamos a hacer es publicar directamente. Y ya tengo el siguiente contenido en mi página web. 00:15:46
Vamos a ver una cosita para ver exactamente cómo lo va a ver un usuario. Introducimos, salimos de EducaMadrid, entramos en nuestra página web 00:16:00
Y esto es lo que va a ver el usuario. Los contenidos de inicio, los contenidos sobre mí y los contenidos de mi clase. 00:16:12
Pero fijaros, se nos ha olvidado quitar esto tan molesto. 00:16:27
Entonces, recordad, para quitar ese título que la verdad no tiene mucho sentido. 00:16:32
vamos a ver 00:16:42
se me había olvidado 00:16:44
no pasa nada, podíamos hacerlo a través 00:16:46
de la apariencia 00:16:48
y en la apariencia podemos 00:16:49
modificar muchísimas cosas, pero simplemente 00:16:52
pulsando aquí, veis 00:16:54
dos veces, lo repito 00:16:58
lo podemos 00:17:01
quitar, veis 00:17:04
ya se va a quedar con la varita 00:17:07
ya se queda pues mucho más 00:17:09
más chulo 00:17:11
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Especial
    • Educación Basica Obligatoria
      • Infantil
      • Básica 1
      • Básica 2
    • Programas de formación para la transición a la vida adulta
      • Tránsito a la vida adulta
      • Programas de iniciacion profesional especial
  • Educación Infantil
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
    • Segundo Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
  • Educación Primaria
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
    • Segundo Ciclo
      • Tercer Curso
      • Cuarto Curso
    • Tercer Ciclo
      • Quinto Curso
      • Sexto Curso
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Primer Ciclo
        • Primer Curso
        • Segundo Curso
      • Segundo Ciclo
        • Tercer Curso
        • Cuarto Curso
        • Diversificacion Curricular 1
        • Diversificacion Curricular 2
    • Compensatoria
  • Bachillerato
    • Primer Curso
    • Segundo Curso
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
  • Educación de personas adultas
    • Enseñanza básica para personas adultas
      • Alfabetización
      • Consolidación de conocimientos y técnicas instrumentales
    • Enseñanzas Iniciales
      • I 1º curso
      • I 2º curso
      • II 1º curso
      • II 2º curso
    • ESPAD
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
      • Cuarto Curso
    • Pruebas libres título G ESO
    • Formación Técnico Profesional y Ocupacional
    • Alfabetización en lengua castellana (español para inmigrantes)
    • Enseñanzas para el desarrollo personal y la participación
    • Bachillerato adultos y distancia
      • Primer Curso
      • Segundo Curso
    • Enseñanza oficial de idiomas (That's English)
      • Módulo 1
      • Módulo 2
      • Módulo 3
      • Módulo 4
      • Módulo 5
      • Módulo 6
      • Módulo 7
      • Módulo 8
      • Módulo 9
    • Ciclo formativo grado medio a distancia
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo grado superior a distancia
      • Primer Curso
      • Segundo Curso
    • Aulas Mentor
    • Ciclo formativo de grado básico
    • Primer Curso
    • Segundo Curso
    • Niveles para la obtención del título de E.S.O.
      • Nivel I
      • Nivel II
  • Enseñanzas de régimen especial
    • Escuelas oficiales de idioma
      • Nivel básico
        • Básico 1
        • Básico 2
      • Nivel Intermedio
        • Intermedio 1
        • Intermedio 2
      • Nivel Avanzado
        • Avanzado 1
        • Avanzado 2
    • Enseñanzas artísticas
      • Enseñanzas de artes plásticas y diseño
        • Ciclo formativo de grado medio
          • Primer Curso
          • Segundo Curso
        • Ciclo formativo de grado superior
          • Primer Curso
          • Segundo Curso
      • Estudios superiores de diseño (Interiores)
        • Primer Curso
        • Segundo Curso
        • Tercer Curso
      • Enseñanzas de música
        • Grado Elemental
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
        • Grado Medio
          • Primer Ciclo
            • Primer Curso
            • Segundo Curso
          • Segundo Ciclo
            • Tercer Curso
            • Cuarto Curso
          • Tercer Ciclo
            • Quinto Curso
            • Sexto Curso
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
          • Quinto Curso
      • Enseñanzas de danza
        • Grado Elemental
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
        • Grado Medio
          • Primer Ciclo
            • Primer Curso
            • Segundo Curso
          • Segundo Ciclo
            • Tercer Curso
            • Cuarto Curso
          • Tercer Ciclo
            • Quinto Curso
            • Sexto Curso
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
      • Enseñanzas de arte dramático
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
    • Enseñanzas deportivas
      • Técnico Deportivo
      • Técnico Deportivo Superior
Autor/es:
Valentín Heredia
Subido por:
Tic cp poveda villadelprado
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
291
Fecha:
16 de enero de 2020 - 10:25
Visibilidad:
Público
Centro:
CP INF-PRI NTRA. SRA. DE LA POVEDA
Duración:
17′ 13″
Relación de aspecto:
1.88:1
Resolución:
1366x728 píxeles
Tamaño:
53.81 MBytes

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid