buscar Buscar en RED Descartes    

Viernes, 30 Julio 2021 17:26

Segunda sesión de la 2ª edición del curso "Edición de libros interactivos"

Escrito por
Valora este artículo
(5 votos)

Segunda sesión (30 de julio de 2021)

 

2A. youtube Desarrollo de la segunda sesión. Segunda sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la segunda sesión celebrada el 30 de julio de 2021 dirigida e impartida por el Dr. Rivera, vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia.

 

 

  

Documento de referencia el libro de "Edición de libros interactivos"

1s: Algunas etiquetas HTML adicionales. Listas o viñetas  Referencia p. 20 del libro.

  • Listas no ordenadas. Etiquetas <ul></ul>;  <li></li>. Atributo type para cambiar el tipo de viñeta. 
  • Listas ordenadas. Etiquetas <ol></ol>; <li></li>. Inicio de orden en la lista, atributo start y atributo type.

7m 35s: Diseño CSS. Introducción a las hojas de estilo, p. 21 del libro.

11m 35s: Colores CSS.

13m 10s: Códigos de colores. Hexadecimal, RGB, nominativo. Herramientas auxiliares de codificación.

17m 27s: Practicando con colores. style, color y background-color en <body>.

23m 17s: Trasparencia en el color, código rgba.

25m 14s: Tamaño letra: font-size. Unidades de medida: cm, mm, px, %

28m 02s: Ancho del párrafo. width. Alineación del texto align. Bordes: border-radius.

30m 40s: Inclusión de estilos en <head>.

35m 27s: grosor en la fuente: font-weight.

 

 

2B. Agenda de la segunda sesión. Documento pdf con el guión de la sesión y enlaces usados o recomendados. 

agenda2

Vídeos de apoyo

Google como servidor: https://www.youtube.com/watch?v=xv-URqFtr60

Imágenes animadas: https://www.youtube.com/watch?v=J-KDmBCNm-w

Tabla de contenido: https://www.youtube.com/watch?v=jOauL-piook

Editores HTML: https://www.youtube.com/watch?v=TlL0et79vgo

Estilos: https://www.youtube.com/watch?v=8oawkkSGUdU

Archivo de estilos: https://www.youtube.com/watch?v=biQVKma3WZk

Ayuda con los colores

Colores CSS: 
https://proyectodescartes.org/escenas-aux/CursoLibrosInteractivos2Edicion/Colores_CSS/

Combinaciones de colores: https://www.colorcombos.com/color-schemes/2/ColorCombo2.html
Publicado en RedDescartes
Etiquetado como
¡Escribe el primer comentario!
Leer más ...
Jueves, 29 Julio 2021 00:00

Educación abierta: Curso "Edición de libros interactivos" de la RED Descartes

Escrito por
Valora este artículo
(5 votos)
Educación abierta: Curso &quot;Edición de libros interactivos&quot; de la RED Descartes
 
Desde la RED Descartes hemos planificado el curso de "Edición de libros interactivos" en abierto, es decir, accesible de manera asíncrona a toda persona interesada en aprender sobre la elaboración de este tipo de libros y, en concreto, usando la plantilla que ofrecemos altruistamente desde nuestra ong. Aunque la formación sea teóricamente desatendida, no se preocupe, en nuestra dirección de correo: Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo., trataremos de ayudarle en las posible dudas que le surjan o para atender sus sugerencias u observaciones. Y también estaremos muy atentos a publicar sus libros interactivos mediante nuestro sello editorial "Red Educativa Digital Descartes". ¡No dude en consultarnos! ¡Todo es gratis!, ¡No recele por ello!, la muestra la tiene en todo lo que desde este servidor ponemos al servicio de la comunidad educativa de la aldea global sin coste alguno. Navegue y lo comprobará.
 
¿Qué he de hacer para poder desarrollar libros interactivos de la RED Descartes?
¡Acceda a: curso de "Edición de libros interactivos"  y ahí tiene todo secuenciadoy planificado!
 
DisenoLibros Interactivos
 
 
¡Ánimo y por aquí estamos para lo que estime oportuno! ¡Buen aprendizaje con RED Descartes!
Publicado en Difusión
Etiquetado como
¡Escribe el primer comentario!
Leer más ...
Domingo, 25 Julio 2021 00:00

Como se hizo. Envío de datos a un juego desde un iframe html embebido en él

Escrito por
Valora este artículo
(1 Voto)
Como se hizo. Envío de datos a un juego desde un iframe html embebido en él

Los juegos del Proyecto AJDA y las escenas de DescartesJS en general, pueden contener páginas HTML integradas en ellos, de forma  que un espacio del juego sea una página HTML. Vamos a analizar como se envían datos al juego desde el iframe HTML que está embebido  en él,lo cual tiene diversas utilidades que trataremos en otros artículos

El iframe que está embebido será una sencilla página HTML, que llamaremos hijo.html y que contiene en su cuerpo dos elementos de entrada de datos, un campo de texto (con identificador CT) y un selector (con identificador SL):

<input name="textfield" type="text" id="CT" value="Campo de texto" >

<select name="selec" id="SL">

      <option value="0" selected></option>

      <option value="1">A</option>

      <option value="2">B</option>

      <option value="3">C</option>

      <option value="4">D</option>

    </select>

Para que se puedan enviar los datos al juego, en la cabecera del iframe embebido en el juego se debe incluir el siguiente código:

<head>
<script>
 
      window.onload = function(evt) {
 
        //Envío de la variable SL del HTMLiFrame al juego que lo contiene
        var ct1 = document.getElementById("SL");
        // cuando el slector cambia, de valor se envía el dato al juego padre  y se realiza una actualizacion. 
         ct1.addEventListener("change", function(evt) {
          window.parent.postMessage({ type: "set", name: "SL", value: this.value }, '*');
          window.parent.postMessage({ type: "update" }, '*');
        });
 
  //Envío de la variable CT del HTMLiFrame al juego que lo contiene
        var ct2 = document.getElementById("CT");
        // cuando el campo de texto cambia, es decir hay un enter o click, se envia el valor al juego padre.
        ct2.addEventListener("change", function(evt) {
          window.parent.postMessage({ type: "set", name: "CT", value: this.value }, '*');
          window.parent.postMessage({ type: "update" }, '*');
        });
      }
  
</script>
</head>
 
Al modificarse los campos del iframe embebdido en el juego, se enviarán a éste con el nombre establecido en  type: "set", name: "NOMBRE DE LA VARIABLE QUE SE RECIBIRÁ EL JUEGO". En este caso el evento addEventListener, cuando se produce un cambio en el valor del elemento al que está asociado, desencadena el envío del valor del mismo a través de la variable definida en set en la instrucción window.parent.postMessage.
Publicado en Difusión
Etiquetado como
¡Escribe el primer comentario!
Leer más ...
Miércoles, 21 Julio 2021 00:00

¿Por qué me gusta Descartes?

Escrito por
Valora este artículo
(11 votos)
¿Por qué me gusta Descartes?

Coincidiendo con el 8º aniversario de RED Descartes, y con el objetivo de actualizar algunas de nuestras producciones audiovisuales, hemos decidido editar y compartir con todos nuestros usuarios y seguidores el siguiente vídeo, que hemos denominado ¿Por qué me gusta Descartes?, donde socios y miembros de la RED Descartes de cinco países responden escuetamente a la pregunta formulada aportando su personal valoración, además de poner rostro y voz a nuestra red con una representación de la misma. Una red docente bien conectada que, con sólidos pilares asentados entre Colombia, España y México, se va extendiendo a otros países de lenguas hispana y portuguesa.

Desde Brasil, Colombia, Costa Rica, España y México, podemos conocer las valoraciones de diferentes perfiles o roles en RED Descartes, como desarrollador y documentalista de la herramienta de autor Descartes JS y del código para la edición y diseño de libros interactivos, autores y creadores de recursos educativos abiertos con Descartes JS y sus libros interactivos, coordinadores y formadores del programa de Educación Abierta, traductor de los recursos a portugués de Brasil y docentes de primaria, secundaria obligatoria, bachillerato y universidad de distintas especialidades.

Quiero aprovechar la efemérides para recordar la trayectoria profesional del profesorado de RED Descartes quien, además de una dilatada experiencia docente, fue pionero en la investigación sobre la incorporación generalizada de las TIC en el aula durante el año 2005, dio lugar a una de las primeras redes docentes oficiales en España, se formó, generó recursos y colaboró en la implantación del programa Escuela 2.0 hasta evolucionar y coordinar la red de Buenas PrácTICas 2.0. Prácticamente, la totalidad de sus miembros han desempeñado o desempeñan funciones directivas en sus respectivos centros de destino, poseen gran experiencia en la coordinación de proyectos de colaboración escolar, tanto en el marco de eTwinning como en el eliminado Programa ARCE, de agrupaciones o redes de centros educativos de distintas comunidades autónomas. Además, han desempeñado funciones de tutorización o coordinación de cursos de formación en línea de INTEF y de sus administraciones autonómicas respectivas y, hoy en día, constituidos como organización no gubernamental, ponen todos sus conocimientos y empeño en trabajar de forma altruista para y por la comunidad educativa de la aldea global, lema de RED Descartes.

 ¡Nuevo proyecto de la RED Descartes!...queda atento

Publicado en Difusión
Etiquetado como
¡Escribe el primer comentario!
Leer más ...
Página 43 de 175

SiteLock

modulobusqueda

Acceso

Lo último

Lo más leído de lo publicado hace un mes

icono correoCONTACTO

descartes@proyectodescartes.org

Canal Youtube

 Youtube CanalDescartes

Calculadora Descartes

Versión 3.1 con estadística bidimensional

ComparteCódigo para embeber

Utilizamos cookies para mejorar nuestro sitio web y su experiencia al usarlo. Las cookies utilizadas para el funcionamiento esencial de este sitio ya se han establecido. Para saber más sobre las cookies que utilizamos y cómo eliminarlas , consulte nuestra Política de Privacidad.

  Acepto las Cookies de este sitio.
EU Cookie Directive Module Information