buscar Buscar en RED Descartes    

Mostrando artículos por etiqueta: descartesjs


Plantillas para libros

Título: Plantillas para libros
Sección: iCartesiLibri
Bloque: Formación
Unidad: Formación en DescartesJS
Nivel/Edad: Bachillerato y Universidad (16 años o más)
Idioma: Castellano
Autores: Juan Guillermo Rivera Berrío
ISBN: 978-84-18834-64-6

 pdf32 Haz clic aquí para ver una versión en pdf

InformaciónHaz clic en la imagen para abrir el recurso

 

Descargar recursoDescargar recurso

 

ComparteCódigo para embeber como iframe ComparteCódigo para abrir en ventana emergente

Puedes encontrar todos los libros interactivos de iCartesiLibri en
https://proyectodescartes.org/iCartesiLibri/index.htmVer Créditos

Este material está publicado bajo una licencia:
Licencia Creative Commons
Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional

 

Publicado en iCartesiLibri

Séptima sesión (3 de febrero de 2023)

 

 youtube Desarrollo de la séptima sesión. Séptima sesión en línea.

Descripción   Contenidos temporizados

Grabación de la sexta sesión celebrada el 3 de febrero de 2023 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 

 

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la séptima sesión".

 Línea temporal de contenidos

00 m 00 s: Introducción. Hoy es la última sesión de contenidos y la siguiente es para mostrar los resultados obtenidos. Seguiremos la guía de la séptima, enlazada antes.

01 m 45 s: Incorporación de objetos interactivos que es lo que realmente lo convierte en libro interactivo.

04m 15 s: Código para embeber o incrustar un objeto interactivo. Importancia de incluir el parámetro "poster", básico para la publicación como pdf para reflejar el contenido de ese objeto interactivo.

08 m 11 s: Cambiar el tamaño de la ventana emergente y escala de la representación en el libro.

09 m 30 s: Opción window-size="true" para abrir al tamaño de la pantalla.

11 m 10 s: Embeber objetos interactivos ubicados en una dirección web (en línea).

12 m 40 s: Incrustar construcciones de GeoGebra.

14 m 23 s: Objetos de PhET de Colorado en línea y localmente.

15 m 50 s: Embeber otros objetos interactivos. Observaciones sobre el peso de los objetos incrustados. Una alternativa es poner una imagen y un enlace al interactivo, de esta manera la gestión y carga del libro no se ve afectada por la del objeto interactivo en sí. Esa opción la hemos usado con antelación para vídeos y audios.

18 m 25 s: Uso de plantillas de DescartesJS (consultad libro o subproyecto).

24 m 20 s: Evaluación con barra "jinich".

25 m 30 s: Vídeos interactivos (plantillas). Puede verse el vídeo: "Plantillas de Descartes".

35 m 17 s: Situaciones que pueden presentarse en el diseño de libros y que hay que tener en consideración:

  • 37 m: Ver el libro tanto en modo claro como en oscuro. Si en modo oscuro se ve mal una imagen eliminar la clase "invertcolor".
  • 39 m: Como quitar botón de modo oscuro. "dark_light_mode".
  • 40 m: Como quitar la calculadora e incluso toda la caja de herramientas.
  • 41 m: Incluir otras herramientas (ver este vídeo).

42 m 00s: Canal de youtube del Dr. Rivera y el de RED Descartes con información relativa a diseño de libros interactivos, de objetos, etc.

44 m 42 s: Comentarios y preguntas.

  

Chat de la sesión.   

 

   

 

 

Publicado en RedDescartes

Quinta sesión (27 de enero de 2023)

 

1A. youtube Desarrollo de la quinta sesión. Quinta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la quinta sesión celebrada el 27 de enero de 2023 dirigida e impartida por el Dr. Rivera  presidente de RED Descartes Colombia. 

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

 

 

 

Documento de referencia de esta sesión: continuaremos con el documento de la sesión 4 (p. 26 y siguientes)

 

Línea temporal de contenidos

 

00 m 00 s: En la reunión pasada nos quedamos en este problema (libro de la sesión 4) usando la estructura secuencial. Pasaremos ahorra a la estructura de decisión.

07 m 00 s: Hallar el mayor de dos números en DescartesJS.

09m 56 s: Problema 5 de la sesión anterior.

10 m 34 s: Problema 6 de la sesión anterior.

11 m 03 s: El problema 7.

19 m 41 s: Centrar textos en DescartesJS.

25 m 20 s: Estructuras iterativas (problema 8)

34 m 33 s: Uso de funciones y como tarea adicional el problema 9.

 35 m 55 s: Algoritmos de ordenamiento. Lectura de datos:

  • Con un campo de texto.
  • Con un vector.
  • Con un archivo de texto.

50 m 00 s: Resumen de la sesión.

52 m 50 s: Preguntas y comentarios.

 

 Para la sexta sesión: Avance de la documentación de la próxima sesión: "Curso de DescartesJS"

Publicado en RedDescartes

Sexta sesión (20 de enero de 2023)

 

 youtube Desarrollo de la sexta sesión. Sexta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la sexta sesión celebrada el 20 de enero de 2023 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 

 

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la sexta sesión".

 Línea temporal de contenidos

00 m 00 s: Introducción

01 m 00 s: Del libro de referencia ya se ha visto hasta la página la página 90. Hoy se hará una introducción a tablas y expresiones con KaTeX.

01 m 39 s: En el libro guía de esta sesión p. 46 podemos ver un uso de imágenes como "banner" lateral.

03 m 39 s: Uso de imágenes flotantes. Márgenes alrededor de la imagen.

09 m 45 s: Poner título (figcaption) en imágenes flotantes (descarga del libro práctica sexta para actualizar los estilos). Uso de clases  flota_i y flota_d.

13 m 23 s: Imágenes de fondo dentro de un párrafo.

17 m 15 s: Degradado de color en los fondos: linear-gradient.

20 m 47 s: Uso de KaTeX reflejado en el libro de prácticas de esta sesión y en el libro de referencia.

22 m 04 s: Escritura en KaTeX usando la herramienta auxiliar aportada.

26 m 57 s: Uso de la expresiones KaTeX en el libro interactivo, uso de $ y $$.

28 m 40 s: Ejemplos de diferentes expresiones

32 m 24 s: Consulta de más expresiones KaTeX soportadas: https://katex.org/docs/supported.html.

34 m 20 s: Cómo hacer tablas.

41 m 50 s: Alternativa diseñar una tabla externamente en otra herramienta y copiarla como imagen. Pero es reconmendable poner el mismo tipo de fuente.

42 m 50 s: Preguntas, observaciones y diálogo.

57 m 00 s: Tarea: Practicar con las imágenes flotantes con oy sin título asociado. Incluir algunas expresiones matemáticas.

 

 

Chat de la sesión.   

 

   

 

 

Publicado en RedDescartes

Quinta sesión (9 de diciembre de 2022)

 

 youtube Desarrollo de la quinta sesión. Quinta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la quinta sesión celebrada el 9 de diciembre de 2022 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 

 

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la quinta sesión".

 Línea temporal de contenidos

00 m 00s: Introducción.

00 m 36 s: Quedó pendiente de la sesión anterior la inclusión de imágenes animadas en nuestro libro.

03 m 40 s: Opción de imagen estática con apertura con una imagen animada. Clase image_link con la imagen estática y onclick con apertura de la imagen animada.

06 m 15: Alterantiva con el estilo "cursor: pointer".

07 m 05 s: Alternativa en el figcaption usando prefijos. (pie o cabecera de imagen).

08 m 00: Elementos multimedia. Comenzamos con audios, etiqueta audio con controles. Al final de este artículo tienen enlaces para conocer herramientas o aplicaciones que nos permiten crear nuestros audios y vídeos.

10 m 00s: Intervenir los controles del audio.

16 m 40 s: Por favor, cambien la carpeta book que se enlaza en la p. 35 por la que pueden descargar desde ahí (enlace a un zip), el motivo es que se genere adecuadamente en el pdf del libro las imágenes de los controles de audio y lo mismo en los vídeos.

 20 m 00 s: Enlace de audios con apertura del control del audio.

20 m 50 s: Enlace sin mostrar los controles de audio, usando un objeto interactivo que pueden descargar desde el zip de la p. 36.

21 m 30 s: Pasamos a vídeos. En el libro de referencia del curso (p. 54 y siguientes) se explican los diferentes formatos de vídeos.

 25 m 10 s: Acompañar la etiqueta video con una imagen previa o póster para su reflejo en el pdf del libro. También se usa para los objetos interactivos.

28 m 10 s: Vídeos ubicados en la nube: class="interactive". Uso del tamaño para que al pulsar el enlace aparezca con un tamaño mayor.

36 m 12 s: Vídeos de otras plataformas: Odysee. Como embeber un vídeo de este servicio.

39 m 38 s: Vídeos de Vimeo.

40 m 19: Uso de la clase interactive para cualquier objeto interactivo.

41 m 30 s: Poner imágenes de fondo.

47 m 06 s: Adelanto de la felicitación navideña, sintésis de como se ha hecho.

53 m 20 s: Preguntas y diálogo.

59 m 35 s: Buenos deseos para todos...

 

Chat de la sesión.   

Tarea: Incluir imágenes, audios y vídeos en su libro de prácticas.

   

Vídeos auxiliares:

   

 

 

Publicado en RedDescartes

Cuarta sesión (2 de diciembre de 2022)

 

1A. youtube Desarrollo de la cuarta sesión. Cuarta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la cuarta sesión celebrada el 2 de diciembre de 2022 dirigida e impartida por el Dr. Rivera de la Institución Universitaria Colegio Mayor de Antioquia de Medellín (Colombia) y presidente de RED Descartes Colombia. 

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

 

 

 

Documento de referencia de esta sesión: "Curso de DescartesJS. Sesión 4

Línea temporal de contenidos

00 m 00 s: Introducción. 

00 m 50 s: Revisión de tareas de la sesión anterior.

05 m 51 s: Comienzo de la seión cuatro siguiendo el guión o dodumento de referencia enlazado al inicio de este bloque.

06 m 10 s: Elementos de programación. En la p. 5 se presentan algunos problemas y unos enlaces (alguno roto para poner en evidencia la conveniencia de enlaces locales siempre que se respeten los derechos de autor, licencia que lo permita).

07 m 22 s: Según la programación estructurada bastan tres estructuras lógicas: secuencial, selectiva e iterativa.

08 m 08 s: Concepto de algoritmo.

09 m 27 s: Algoritmo expresado con un pseudocódigo, ejemplos (p. 7 y siguientes).

12 m 20 s: Codificación en DescartesJS. 

13 m 08 s: Selector "Programa" en DescartesJS. Algoritmos INICIO y CALCULOS.

13 m 46 s: Comentarios en DescartesJS "//". Asignaciones con ":=" o "=".

15 m 24 s: Mostrar el resultado del algoritmo con un gráfico tipo texto y valor de una variable entre corchetes: "[nombre_variable]. Las nombres de variables distinguen mayúsculas y minúsculas (case sensitive).

17 m 55 s: Otro ejemplo (p. 11 del guión): Cálculo del área de un triángulo con la fórmula de Herón una vez se ha leido los valores de sus lados.

19 m 30 s: Uso de controles tipo campo de texto.

24 m 45 s: Activar teclado en un campo de texto, tipos de teclado y posicionamiento de éste.

26 m 30 s: Cálculo del área en el algoritmo CALCULOS del selector Programa. Raíz cuadrada como potencia exponente 0.5 o 1/2.

29 m 45 s: Cálculo del área activando el cálculo con un botón. La función raíz cuadrada: sqrt.

31 m 40 s: Textos enriquecidos. Expresiones (exp). 

35 m 18 s: Un tercer problema (p. 20 y siguientes).

37 m 30 s: Números aleatorios: rnd (random o aleatorio).

40 m 20 s: Función parte entera: ent().

43 m 20 s: Generar dos puntos aleatorios y su representación textual.

44 m 55 s: Representación gráfica de los puntos. Objeto cartesiano punto en Gráficos.

45 m 48 s: Objeto cartesiano segmento en Gráficos.

48 m 20 s: Estructuras selectivas (p. 26 y siguientes) las veremos en la siguiente sesión, la quinta, a final de enero de 2023).

49 m 30 s: Preguntas y diálogo.

54 m 30 s: Despedida y felicitaciones.  

 

 

 Para la quinta sesión: Pongánse al día, repasen lo visto hasta ahora y practiquen.

Publicado en RedDescartes

Cuarta sesión (25 de noviembre de 2022)

 

 youtube Desarrollo de la cuarta sesión. Cuarta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la cuarta sesión celebrada el 25 de noviembrebre de 2022 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 

 

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la cuarta sesión".

 Línea temporal de contenidos

 00 m 00s: Introducción. Trabajaremos con elementos multimedia: textos e imágenes (primera parte).

02 m 32 s: Para textos consulten el libro guía p. 46 donde se detalla el código necesario.

03 m 15 s: En la guía de esta cuarta sesión tienen los elementos que trabajaremos.

03 m 57 s: Como intersertar listas. 

04 m 50 s: Etiqueta <ul> (listas no ordenadas) y <li>.

06 m  05 s: Crear en "mis estilos" nuevas listas. Inclusión de una imagen como ilustración de cada elemento de la lista mediante una clase. Diferencia entre outside e inside en list-style.

11 m 13 s: Crear un tipo de lista propio.

16 m 50 s: En flaticon.es tienen iconos.

17 m 38 s: Inclusión de citas textuales. Hiperenlaces. Notas a pie de página y refrencias bibliográficas.

19 m 30 s: Para una cita textual incluimos una clase class="note".

21 m 17 s: Quitar la línea lateral de adorno en una cita textual incluyendo una modificación en mis_estilos e introducir otros cambios opcionales.

25 m 20 s: Incluir un hiperenlace: etiqueta <a>.

28 m 34 s: Poner una nota a pie de página. Etiqueta <span> es una etiqueta neutra, pero permite introducir estilos y clases. Para nota a pie de página usamos class="footnote".

32 m 34 s: Bibliografía: <bibitem id="xxx"> y referencias bibliográficas: <bibref ref_id="xxx">.

37 m 35 s: Tarea de esta sesión: elaborar una página similar a la incluida en el libro de referencia "Diseño de libros interactivos p. 53" con un mínimo de dos notas a pie de página, dos hiperenlaces y una cita textual.

38 m 34 s: Inclusión de imágenes: eitqueta <img> (cierre especial <img />.

 41 m 27 s: Centrado de imágenes.

44 m 10 s: class="image_expand" propia del libro interactivo y onclick.

48 m 52 s: Etiqueta <figure> con un título a pie de figura: <figcaption>. O encima de la figura. O con otro prefijo como Tabla (prefix="Tabla").

52 m 30 s: Preguntas y diálogos.

 

Chat de la sesión

 

 

Publicado en RedDescartes

Tercera sesión (18 de noviembre de 2022)

 

1A. youtube Desarrollo de la tercera sesión. Tercera sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la tercera sesión celebrada el 18 de noviembre de 2022 dirigida e impartida por el Dr. Rivera de la Institución Universitaria Colegio Mayor de Antioquia de Medellín (Colombia) y presidente de RED Descartes Colombia. 

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

 

 

 

Documento de referencia de esta sesión: "Curso de DescartesJS. Sesión3

Línea temporal   

00 m 00 s: Introducción. Objetivos de esta sesión.

01 m 14 s: En el documento de referencia (Sesión 3) la primera actividad es incluir diferentes tipos de fondo y de marcos incluyendo el manejo de imágenes, controles tipo botón, espacios y condicionales.

03 m 17 s: Recordad configurar la escena para que se escale (selector "Escena", parámetro "expandir escena").

04 m 02 s: Incluir una imagen en un espacio indicandp expadir en "despliegue". Puede descargar las imágenes auxiliares —fondos, botones y marcos— que se usan en la sesión 3 (y otras más) desde aquí.

05 m 19s: El selector "Programa" y los algoritmos "Inicio" y "Cálculos". Dibujar si en un espacio.

06m 16s: Crear más espacios (agregar o clonar) y condicionar su representación con dibujar si. 

09 m 35 s: Uso de un control para poder seleccionar los espacios y las imágenes ques estos contienen. Selector "Controles" y tipos controles. Control tipo botón y sus parámetros (ubicación, tamaño, imagen asociada, acción).

15 m 30 s: Crear un espacio auxiliar botones para ubicar en él el control tipo botón y con fondo transparente.

17 m 20 s: Limitar el valor de la variable usada en el control tipo botón.

18 m 20 s: Incluir otro botón para retroceder en los espacios e imágenes asociadas a ellos.

20 m 30 s: Surge un problema en la codificación (en este vídeo se explica cuál fue el error).

21 m 10 s: Agregar un título a la escena. Selector "Gráficos" tipo texto.

22 m 48 s: Cambiar el color del texto.

23 m 40 s: Agregar marcos. Usamos una variable auxiliar m (de marco) y un espacio adicional. Hay que posicionar u ordenar los espacios para su representación (son capas una encima de otra que se dibujan según el orden puesto en el editor de configuración de espacios).

28 m 20 s: Agregamos un control tipo barra para cambiar los marcos (cambiar el valor de la variable auxiliar m).

32 m 30 s: Tarea a realizar: Editar una escena similar a la construida en esta primera parte de la sesión.

33 m 00 s: Parámetros o propiedades del control tipo barra. Uso de gradiente en colores.

36 m 00 s: En la p. 36 del libro guión de la sesión 3 tenemos otra actividad.

37 m 00 s: Agregar un gráfico tipo imagen, en este caso es vectorial (svg). Ancho y alto de la imagen en porcentaje. Posicionamiento según coordenadas relativas a los ejes. Si el porcentaje es negativo invierte la imagen.

40 m 27 s: Incluir un espacio 3D con trasparencia. Nuevo selector "Gráficos 3D". Añadir un gráfico 3D.

42 m 04 s: Selector animación y control de una animación.

42 m 26 s: Variables de espacio (rotación en z, espacio.rot.z).

44 m 49 s: Un botón para una animación. Ubicación del botón usando el ancho del espacio (espacio. _w). Seleccionar en el paraámetro acción el valor "animar".

47 m 20 s: Incluir una rotación en y (selector animación y espacio.rot.y).

49 m 06 s: Añadir una imagen tipo gif animado o WebP animado. Es necesario un espacio HTMLIframe.

52m 20 s: Formatos o tipos de imágenes (p. 6 y siguientes del libro guión de esta sesión).

56 m 00 s: Tarea a realizar y se solicita algo de creatividad.

58 m 30 s: Preguntas y/o comentarios.


 

 Para la cuarta sesión: Hagan la tarea propuesta y practiquen.

Publicado en RedDescartes

Tercera sesión (11 de noviembre de 2022)

 

1A. youtube Desarrollo de la tercera sesión. Tercera sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la tercera sesión celebrada el 11 de noviembre de 2022 dirigida e impartida por el Dr. Rivera presidente de RED Descartes Colombia.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 

 

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la tercera sesión".

 

00 m 00s: Nos adentraremos en las hojas de estilo. Nos adentramos dentro del libro de "Diseño de libros interactivos en la pág. 21 y siguientes. Vimos estilos en las etiquetas y ahora nos adentramos en las hojas de estilos en un fichero externo.

02 m 15 s: En el libro de referencia anterior hay una herramienta de edición de HTML y CSS y visualización (acceder a la caja de herramientas en la esquina superior derecha).

02 m 42 s: Tendremos como tarea, después de esta clase, el diseñar algunos contenedores similares a los que tenemos en las pp. 19 y 20 de la guía de esta sesión 3ª y veremos el diseño de algunas listas especiales.

03 m 50 s: Comenzamos en la guía de esta sesión en la p. 15 (que pone sesión 2 en la portada del capítulo). Y, aprovechemos la ocasión, para ver cómo podemos incluir un nuevo capítulo en nuestro libro. Para ello disponemos de este vídeo de ayuda: "Nuevo capítulo y tabla de contendido".

04 m 48 s: Inclusión de un título en la tabla de contenido (toc) del libro. Hemos de indentificarlos con un "id" y en la sección toc del libro interactivo que estamos diseñando incluimos una línea donde referenciamos el id del titulo a incluir.

07 m 39 s: Hoja de estilos externa (localizada en la carpeta de nombre extra). En la p. 16 podemos ver en un vídeo cómo generarla.

10 m 06 s: Editar la hoja de estilos (ver vídeo en la p. 17 y los estilos ahí usados y reflejados en el texto de esta página).

15 m 05 s: Colores. Una buena introducción la podemos encontrar en el libro "Introducción a la graficación por computadora". El modelo RGB.

17 m 47 s: Otro formato para definir el color. Código hexadecimal.

19 s 04 s: El formato HSV.

20 m 35 s: En la p. 5 del núm. 1 de la revista RED Descartes hay un artículo de colores y CSS.

22 m 09 s: Cambiar familia de fuentes (carpeta font).

25 m 33 s: Definir clases.

27 m 56 s: Practiquemos clases con la herramienta auxiliar herramienta de edición de HTML y CSS.

29 m 38 s: Definamos una caja (.caja0).

35 m 15 s: Copiar la caja diseñada en la hoja de estilos.

36 m 46 s: Incluir una caja en un div usando class.

38 m 14 s: Uso de margin y padding.

 43 m 49 s: Otro diseños de caja.

46 m 00s: Avance del cambio de colores para el uso del fondo oscuro.

47 m 30 s: Más diseños de cajas. Caja con fondo una imagen. Vídeo auxiliar de diseño de cajas.

53 m 40 s: Preguntas, diálogo.

La plantilla inical del libro para realizar sobre ella las prácticas es:  

Mi_libro (descarga de la plantilla)

 

 Chat de la sesión.

 

 

 

Publicado en RedDescartes

En este mes de noviembre de 2022 hemos publicado el cuarto número de nuestra publicación periódica: "Revista Digital de la RED Descartes" —panhispánica, educativa e interactiva—. En este número se incluyen diez artículos con contenidos diversos que cubren aspectos muy actuales como son las imágenes del telescopio James Webb en Descartes JS y el desarrollo de animaciones del Webb con DescartesJS; el diseño y construcción de superficies regladas desarrollables usando la herramienta DescartesJS; una nueva funcionalidad de DescartesJS que permite en los colores usar gradientes y patrones; y un artículo específico sobre cómo formarse en DescartesJS. Contenidos que se complementan con un recurso para multiplicar que es un avance de un próximo libro interactivo en el contexto del aprendizaje de las matemáticas en la educación primaria; libro que formará parte, en su momento, de las publicaciones de libros interactivos del proyecto iCartesiLibri, de los cuales se detallan los publicados en el bieno 2021 - 2022 en otro artículo de este número. Completamos los contenidos con un tuit destacado, viral en agosto de este año, y la discusión generada en torno a él;  una reflexión sobre la enseñanza del diseño, en la que el autor señala que hay dos elementos fundamentales, el saber práctico que sugiere una acción y el teórico que sienta las bases para el contexto; y una reflexión sobre el proyecto Descartes: cognición y didáctica en la creación de contenido digital.

Confiamos en que este cuarto número satisfaga algunos de tus focos de interés y que te parezca atractivo y variado. Puedes acceder a él sin más que clicar con el ratón o pulsar con tu dedo sobre la imagen que tienes un poquito más abajo.

Recuerda que puedes aportar tus comentarios y observaciones, tu retroalimentación es importante para nosotros. ¡Conecta con RED Descartes! Y si deseas compartir, tus artículos serán muy bienvenidos ¡queremos leer, interactuar y aprender contigo!

Revista 4 -2022

 Para acceder al cuarto número pulse sobre la imagen

  


Revista


 ¡Quedáis invitados a publicar vuestros artículos en nuestra revista!  Como referencia para la composición de su contenido podéis consultar las "Normas de publicación" y para cualquier duda o propuesta quedamos atentos 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..

Publicado en Difusión
Página 2 de 12

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