buscar Buscar en RED Descartes    

Mostrando artículos por etiqueta: libro interactivo

Tercera sesión (22 de abril 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 22 de abril de 2022 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.

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" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

 

 

 

Nota: Consultad previamente el material incluido al final de este artículo.

 

0 m 00 s: Cómo diseñar algunos estilos desde un diseño externo.

2 m 10 s: Crear un archivo de estilos mis_estilos.css (archivo con extensión css)

3 m 33 s: referenciar en el index del libro interactivo este nuevo archivo de estilos.

4 m 32 s: intervenir el body {   }

4 m 48 s: cambio del tamaño de la fuente font-size. Unidad de medida el pixel: px (hay otras unidades pero en el libro se usa ésta en su diseño). Es una medida absoluta

8 m 00 s: Una página del libro tiene un ancho y alto de 640 px 825 px, con margen izquierdo y derecho de 50 px, arriba 30 px y abajo 20 px. Así el ancho de la página que se interviene es de 540 px.

8 m 45 s: em medida relativa 1.25 em (aumenta un 25%), por ejemplo font-size: 1.25 em incrementa un 25% el tamaño establecido de la fuente. No se recomienda su uso, al menos en este momento.

9 m 40 s: Corregir el final de una página para separarla algo del número de la página incluyendo un estilo en la etiqueta div reduciendo a un 98% el tamaño de la fuente (es un "truco" ). 

12 m 20 s: Cambio de tipo de fuente font-family. Por defecto Lato.

15 m 16 s: Intervenir los párrafos  p {  }. Alinear los textos a la izquierda: text-align: left.

16 m 39 s: cambio del color de la fuente: color.

18 m 04 s: Introducir cajas (contenedor). Las clases de etiquetas nuevas van precedidas por un punto. Por ejemplo .caja1 {   }

19 m 15 s: Invocar una clase de etiqueta desde el texto del libro: class="xxxxx"

19 m 48 s: Inlcuir un borde: border

20 m 50 s: Poner un margen usando un ancho para la caja, por ejemplo width:  80%;  (simepre terminando en ;)

21 m 52 s: Centrar la caja usando un margen izquierdo margin-left y porcentaje, o mejor usando con margen izquierdo y derecho automático.

23 m 08 s: Margen del texto incluido en una caja respecto al borde de esta padding.

23 m 40 s: Redondear los bordes de las esquinas border-radius.

23 m 58 s: Incluir una sombra box-shadow.

25 m 45 s: Poner un fondo background.

26 m 28 s: Incluir un título a la caja.

34 m 10 s: Verificar los estilos con el modo oscuro del libro. Modificar el fondo en modo oscuro body.dark

35 m 38 s: Guardar el libro en pdf.

37 m 18 s: Publicación en otras plataformas por ejemplo al publicar en ISSUU todo funciona adecuadamente y se recupera el formato flipbook.

39 m 10 s: Fase de coloquio y preguntas.

  • Poner sombra a una caja dentro de otra caja. Se puede poner sobra al texto text-shadow. También se puede poner la sombra a la izquierda poniendo -4px (negativo).
  • Conveniencia de la hoja de estilo externa frente al uso particular en algunas etiquetas.
  • Uso de textos preelaborados para integrar en un futuro libro, ¿preparar la hoja de estilos con antelación? Conveniencia de planificar el diseño, aunque en la producción el autor suele ir cambiando.
  • W3Schools web de referencia para aprendizaje de html.
  • Publicación de los libros interactivos y reconocimiento de los mismos mediante ISBN y certificado de la Editorial. RED Descartes los aporta para que puedan integrarlos en su currículum y méritos. 

 

Material previo a esta sesión: hoja de estilos (CSS) diseñados en un archivo externo (páginas 30 a 44 del libro guía).

Repartidos en tres videos se explican 12 estilos, con un objetivo principal que es el diseño de contenedores o cajas (box).
Los tres videos y los estilos usados son:

Parte 1: https://www.youtube.com/watch?v=YUSi0rtup-0

font-size
font-family
text-align
color

Parte 2: https://www.youtube.com/watch?v=mY17B6kO_AQ

border
border-radius
width
margin
padding
background-color
box-shadow

Parte 3: https://www.youtube.com/watch?v=B6fx-Lid1mY
Clases
text-shadow

Para incluir imágenes en las viñetas, puede observarse el procedimiento en https://www.youtube.com/watch?v=yZ1bRu7wMF0

Publicado en RedDescartes

 

Integrando con Paco

Título: Integrando con Paco
Sección: iCartesiLibri
Bloque: Análisis matemático
Unidad: Integración
Nivel/Edad: Bachillerato y Universidad (16 años o más)
Idioma: Castellano
Autores: Juan Guillermo Rivera Berrío, y José Román Galo Sánchez 
ISBN: 978-84-18834-34-9

 pdf versión en pdf con enlace a los interactivos



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

Segunda sesión (8 de abril de 2022)

 

1A. 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 8 de abril de 2022 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.

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" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

 

 

 

0 m 00 s: Recordatorio de la sesión anterior.

1 m 52 s: Diseño de hojas de estilo. p. 21 del libro guía de formación. Trabajamos sobre la plantilla base "Mi libro" (descarga).

2 m 45 s: Editamos nuestro primer párrafo sobre "Mi libro". Uso de <h1>, <h2> y <p>

4 m 50 s: Nuestro primer estilo: style=" ". Alineación de textos: text-align: left; o right; o center; o justify;

6 m 34 s: Color al texto: color: bien denominándolo con su nombre en inglés o bien mediante códigos rgb.

8 m 03 s: Cambio de tamaño de la fuente: font-size: mediante píxeles px o porcentaje %.

11 m 45 s: Salto de línea <br>.

14 m 09 s: Estilos para párrafos. Inclusión de cajas con sombras: box-shadow.

16 m 00 s: Ancho de la caja: width.

16 m 50 s: Márgenes: margin-left, margin-right.

19 m 00 s: padding márgenes dentro de la propia caja.

20 m 00 s: color para la caja: backgrouund-color.

21 m 05 s: Necesidad de agrupar estilos en lugar de usar estilos en cada etiqueta: Hojas de estilo o CSS.

22 m 20 s: Uso de estilos predifinidos en <div>. Encapsular estilos en <div>. p. 24 del libro de formación

28 m 00 s: Estilos en <head>. Etiqueta  <style type="text/css">

33 m 00 s: Familias de fuentes de los textos.

37 m  26 s: diferencia entre fuentes serif y sans-serif

39 m 30 s: Heramienta para practicar con estilos disponible en la p. 28 del libro de formación.

40 m 45 s: Etiqueta neutra: <span>. Negrilla: <b>. Itálica: <i>

42 m 27 s: En la próxima sesión se abordan las hojas de estilo en un archivo externo.

 42 m 30 s: Preguntas:

  • 42 m 40 s: Distinguir varios <div>. Inicialmente mediante comentarios, pero se verá cómo distinguirlos en la próxima clase.
  • 43 m 20 s: Diferencia <div> y <body>.
  • 44 m 14 s: Cómo organizar el trabajo de practicar con "Mi libro", qué hacer o a qué esperar.
  • 52 m 00 s: Uso de id para la tabla de contenido.

1 h 00 m 00 s: Despedida. 

 

Publicado en RedDescartes

 

Cálculo diferencial e integral

Título: Cálculo diferencial e integral, módulo II. 
Sección: iCartesiLibri
Bloque: Análisis matemático
Unidad: Cálculo diferencial
Nivel/Edad: Bachillerato y Universidad (16 años o más)
Idioma: Castellano
Autores: Carlos Alberto Rojas Hincapié  
ISBN obra completa: 978-84-18834-30-1
ISBN del volumen: 978-84-18834-33-2

 C%C3%A1lculo_Diferencial_e_Integral-2.pdf"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

 

Ecuaciones diferenciales

Título: Ecuaciones diferenciales 
Sección: iCartesiLibri
Bloque: Análisis matemático
Unidad: Cálculo diferencial
Nivel/Edad: Universidad (18 años o más)
Idioma: Castellano
Autores: Jaime Humberto Ramírez Ríos 
ISBN: 978-84-18834-32-5

 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

Primera sesión (25 de marzo de 2022)

 

1A. youtube Desarrollo de la primera sesión. Primera sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la primera sesión celebrada el 25 de marzo de 2022 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.

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" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

 

 

 

 0 m 00 s: Presentacion del director del curso y de los docentes del mismo.

2 m 50 s: Inicio del curso. Presentación del mismo.

3 m 17 s: Libro guía del curso. Para la edición de nuestro libro interactivo personal será necesario tener descargado el modelo o plantilla básica del libro (ver vídeo de introdución del curso y el apartado 1B de este artículo). Se describen los elementos básicos: sumarios o tabla de contenidos, modo de visualización y herramientas auxiliares incluidas.

6 m 15 s: Objetivo del curso y del proyecto "iCartesiLibri".

7 m 25 s: Nuestros primeros libros interactivos tipo flipbook y otras posibilidades como issu (pero no interactivos). Nuestra versión actual es adaptable a cualquier tipo de dispositivo.

10 m 45 s: Herramientas de edición. Editor html (ver sección 1B de este artículo).

13 m 28 s: La plantilla inicial básica de nuestro libro interactivo (Mi_libro)

14 m 20 s: Imágenes a usar en los libros (verificar licencia de uso). Fuentes donde conseguir imágenes reutilizables y reconocimiento de créditos.

17 m 13 s: Formatos de las imágenes.

18 m 14 s: Etiquetas HTML. <html> </html>, <head> </head>, <body> </body>.

21 m 19 s: <title> Título del libro </title> (título en la pestaña del navegador).

23 m 15 s: En la barra de herramientas del libro hay un editor html para poder practicar. Forma de usarlo.

24 m 46 s: Etiquetas informativas al navegador: <!DOCTYPE html> información al navegador del tipo de archivo: HTML5. Y <meta character="UTF-8"> información de la codificación usada en los caracteres.

28 m 05: Color de fondo "background-color". Estilos <style>.

30 m 27 s: Párrafos <p></p>.

31 m 55 s: Títulos o encabezados de secciones en un texto. <h1, <h5></h5> y <h6></h6>.

34 m 16 s: Listas o viñetas <ul> </ul>, <li> </li>.

36 m 07 s: Un ejemplo con "Mi_libro" (enlace de descarga en sección 1B de este artículo). Carpetas book, extra e images. El archivo html del libro: index.html.

37 m 29 s: Editar el arcjivo index.html.

38 m 11s: Posicionarse en la primera página del libro (línea 181 del index de  Mi_libro). 

39 m 02 s: Intervenir la primera página (conviene tener abierto el fuchero en el editor para realizar las modificaciones y en el navegaodor para observar lo cambiado --guardar el archivo en el editor y actualizar la pestaña del navegador--.

40 m 48 s: Escritura de un párrafo en Mi_libro.

42 m 09 s: La paginación del libro no es automática, es el autor quien ha de detectar cuando cambiar de página. <div class="page"> </div>.

43 m 00s: Cómo identificar las páginas: Línea de comentario <!-- comentario -->, <div class="page"> </div>. 

44 m 51 s: Invitación a editar algunas páginas del primer libro de cada uno de los asistentes. Y a ver el vídeo de herramientas de edición incluido en la sección 1B de este atículo.

45 m 40 s: Preguntas e inquietudes.

  • 46 m 30 s: Paso entre páginas ¿cómo se gestiona? y número de líneas en cada página.
  • 47 m 14 s: Duda sobre imágenes. Pantallazos.
  • 48 m 52 s: Sobre la gestión simultánea del editor y de la pestaña delnavegador.
  • 53 m 43 s: Consulta sobre derechos de autor. Sobre la editorial RED Descartes y licencia con la que publicamos los libros en nuestra editorial.
  • 59 m 46 s: ¿La plantilla está actualizada con la última versión?
  • 1 h 01 m 14 s: Sobre la paginación automática ¿es posible? No, ha de hacerse manualmente, bien creando una nueva página o cambiando el tamaño de la fuente.
  • 1h 12 m 47 s: ¿El diseño se ha de indicar en cada página? No, se usan estilos globales, hojas de estilo. Sólo para páginas específicas en las que se quiera cambiar el diseño para destacar algo en particular se inclurá el estilo en dicha página. 

 

1B. youtube Herramientas de edición. Vídeo auxiliar de repaso de los editores de texto plano y primeras etiquetas html.

Descripción   Contenidos temporalizados

Uso de las herramientas de edición para elaborar un libro interactivo. Se parte de una plantilla básica (Mi_libro) que hay que descargar previamente.

Se muestra la edición de Mi_libro con tres editores (Notepad ++, Sublime y Visual Estudio).

Aprendizaje de las primeras etiquetas:

  • Párrafo.
  • División con clase página.
  • Comentario.
  • Sección.
   

10s: La plantilla inicial: Mi_libro.

35s: Descarga del editor html.

1m 30s: Edición de la plantilla del libro interactivo.

4m 0s: Editar la primera página con algunos editores (usted seleccionará el que desee). Uso de la etiqeta párrafo: <p></p>

8m 45s: Incluir más páginas. <div class="page"> </div>. Etiqueta comentario <!-- Comentario -->.

9m 40s: Cambiar el título de una sección del libro (encabezado a segundo nivel) , etiqueta <h2> </h2>

Publicado en RedDescartes
 

La tercera edición del curso "Edición de libros interactivos" de la RED Descartes (segundo semestre de 2022, marzo a julio de 2022) se está desarrollando según la siguiente planificación:

calendario contenidos curso joomla
 
A continuación se enlazan diferentes artículos que incluyen diversos vídeos grabados en las sesiones en línea y que le pueden servir como orientación y guía auxiliar en su autoformación:










 Página inicial del curso "Edición de libros interactivos" III edición


 

Publicado en RedDescartes

 

Cálculo diferencial e integral

Título: Cálculo diferencial e integral, módulo I. 
Sección: iCartesiLibri
Bloque: Análisis matemático
Unidad: Cálculo diferencial
Nivel/Edad: Bachillerato y Universidad (16 años o más)
Idioma: Castellano
Autores: Carlos Alberto Rojas Hincapié  
ISBN obra completa: 978-84-18834-30-1
ISBN del volumen: 978-84-18834-31-8

 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

 

Introducción a la graficación por computadora

Título: Introducción a la graficación por computadora
Sección: iCartesiLibri
Bloque: Geometría
Unidad: Geometría analítica
Nivel/Edad: Universidad (18 años o más)
Idioma: Castellano
Autora: Melissa Méndez Servín 
ISBN: 978-84-18834-29-5

 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

Durante la primera quincena del mes de marzo se ha desarrollado el proceso de inscripción en el curso para el "Diseño de libros interactivos", que forma parte del programa de Educación Abierta de RED Descartes, con tal grado de aceptación que, una vez más, ha superado nuestras expectativas. Una demanda de participantes procedentes de diecisiete países, 17, de habla hispana e inglesa, con docentes y profesionales de la educación que comprenden las etapas educativas de primaria, secundaria, bachillerato y universidad, así como una amplia gama de especialidades.

Compartimos el siguiente diagrama de sectores con el porcentaje de participación por países:

Participantes III Edición

En esta ocasión, Perú se convierte en el país con mayor índice de participación, seguido muy de cerca por Colombia, que siempre ha liderado la formación en el diseño de libros interactivos, que se convierten en el soporte ideal para nuestras programaciones de aula, con facilidad para insertar o embeber la selección de recursos multimedia, la secuenciación de actividades o tareas para nuestro alumnado, los detalles del nuevo proyecto que pensamos desarrollar, las producciones digitales de nuestro alumnado y los proyectos de colaboración escolar, además de, obviamente, para su uso como libro del s. XXI.

Con objeto de conocer visualmente el alcance geográfico del proyecto, compartimos una amplia zona del mapamundi, coloreando los países con participantes y de verde los mencionados con alto grado de implicación en esta nueva edición:

Mapamundi curso

Recordamos a todos los participantes que el curso comienza el viernes 25 de marzo y finaliza el 1 de julio de 2022, impartiéndose las sesiones de 7 AM a 8 AM en el horario oficial de Colombia, de acuerdo al siguiente calendario previsto y contenidos a tratar:

Calendario y contenidos curso libros interactivos III Edicion

Las sesiones se impartirán por videoconferencia usando la herramienta Meet de Google, para lo cuál, cada participante recibirá, tanto en su calendario de Google como en el grupo de Whatsapp del curso, el enlace de acceso a la reunión, que será grabada para, posteriormente, compartirla desde el grupo de Whatsapp y en el portal de la RED Descartes, donde se dispone, desde estos momentos, de algunas recomendaciones iniciales y de los enlaces para descargar las herramientas necesarias.

Desde la sesión inicial, independientemente del nivel de competencia digital, cada participante podrá comenzar a redactar y diseñar su primer libro interactivo, así que ¡ánimo a todos!, pues comenzamos una nueva y apasionante singladura.

Finalizamos compartiendo el vídeo de bienvenida, presentación e introducción al curso:

Publicado en Difusión
Página 11 de 22

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Últimos materiales de Matemáticas

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