Sábado, 23 Abril 2022 13:27

Tercera sesión de la 3ª edición del curso "Edición de libros interactivos"

Escrito por José R. Galo Sánchez

Valora este artículo

(2 votos)

Tercera sesión (22 de abril de 2022)

1A. 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

Acceder a todos los vídeos

Publicado en RedDescartes

Etiquetado como

¡Escribe el primer comentario!

Viernes, 22 Abril 2022 00:00

Difusión de ADJA y Descartes en la ETSI de la Universidad de Sevilla

Escrito por Jesús Manuel Muñoz Calle

Valora este artículo

(4 votos)

Difusión de ADJA y Descartes en la ETSI de la Universidad de Sevilla

Recientemente, el Departamento de Ingeniería Telemática de la Escuela Técnica Superior de Ingenieros de la Universidad de Sevilla ha realizado una ponencia titulada "Transformación Digital Educativa”, impartida al alumnado de la asignatura de “Aplicaciones Multidisciplinares de las TIC” de primer curso del Máster Universitario en Ingeniería de Telecomunicación, por invitación de la profesora Dª María Teresa Ariza Gómez al coordinador del Proyecto Aplicación de Juegos Didácticos en el aula" -ADJA de la Red Educativa Digital Descartes, Jesús M. Muñoz Calle. A dicha sesión también asistieron otros profesores y alumnos del citado Departamento.

Esta ponencia se enmarca dentro de la línea de colaboración del Proyecto “Gamificación en la Educación” que mantiene este Departamento con el Proyecto ADJA de la Red Descartes para la investigación, potenciación y difusión de la gamificación en la educación.

En la conferencia se trataron diferentes aspectos relacionados con la Transformación Digital Educativa, en su tres vertientes: organizativa, formativa y comunicativa y se dedicó un apartado específico a los recursos ofrecidos por la Red Descartes en general y a los del Proyecto AJDA en particular.

Los asistentes se mostraron bastante interesados en los temas tratado, así como por la línea de investigación de Gamificación en la Educación que está realizando avances significativos.

Publicado en Difusión

Etiquetado como

¡Escribe el primer comentario!

Viernes, 15 Abril 2022 01:13

Estadística básica. Proyecto Un_100

Escrito por Montserrat Gelis Bosch

Valora este artículo

(3 votos)

Esta semana presentamos la unidad Estadística básica, un objeto digital interactivo con actividades de introducción al estudio estadístico, para los cursos de bachillerato y la Universidad.

En esta unidad se introducen las variables estadísticas, las medidas de centralización y de dispersión y se indican los pasos necesarios para la construcción de tablas de frecuencia y diagramas de barras.

La unidad consta de cuatro fases:

Motivación. En esta primera fase se presentan dos vídeos de introducción al tema.

Inicio. Este apartado contiene tres escenas: una primera actividad de clasificación de diferentes tipos de variables, una segunda página con ejercicios para calcular las medidas de centralización y finalmente una escena con ejercicios de cálculo de las medidas de dispersión.

Desarrollo. Incluye actividades de cálculo de medidas estadísticas, elaboración de tablas de frecuencia y diseño de gráficas de barras.

Cierre. Comprende un resumen de los conceptos estudiados y actividades de autoevaluación para consolidar lo aprendido.

La unidad Estadística básica pertenece al proyecto Un_100, un proyecto que agrupa recursos educativos de las áreas de Matemáticas y de Física para los niveles de bachillerato y Universidad. En su elaboración han participado académicos de México, España, Colombia y Chile.

Publicado en Vídeos

Etiquetado como

¡Escribe el primer comentario!

Viernes, 08 Abril 2022 19:38

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

Escrito por José R. Galo Sánchez

Valora este artículo

(2 votos)

Segunda sesión (8 de abril de 2022)

1A. 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.

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.

Acceder a todos los vídeos

Publicado en RedDescartes

Etiquetado como

¡Escribe el primer comentario!

Más...

Viernes, 25 Marzo 2022 18:59

Primera sesión de la 3ª edición del curso "Edición de libros interactivos"

Escrito por José R. Galo Sánchez

Valora este artículo

(4 votos)

Primera sesión (25 de marzo de 2022)

1A. 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.

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 , <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. 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 .

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

Acceder a todos los vídeos

Publicado en RedDescartes

Etiquetado como

¡Escribe el primer comentario!

Viernes, 25 Marzo 2022 18:49

Vídeos de la 3ª edición del curso "Edición de libros interactivos" de RED Descartes

Escrito por José R. Galo Sánchez

Valora este artículo

(6 votos)

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:

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:

Vídeo de introducción.

Primera sesión (25 de marzo de 2022).

Segunda sesión (8 de abril de 2022).

Tercera sesión (22 de abril de 2022).

Cuarta sesión (6 de mayo de 2022).

Quinta sesión (20 de mayo de 2022).

Sexta sesión (3 de junio de 2022).

Séptima sesión (17 de junio de 2022).

Octava sesión (1 de julio de 2022).

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

Publicado en RedDescartes

Etiquetado como

¡Escribe el primer comentario!

Página 33 de 176

Últimos Comentarios

Excelente contribución a la educación global. Felicitaciones a los organizadores… Escrito por Ageleo Justiniano Tucto en %PM, %20 %503 %2023 %13:%Oct
Participantes de tres continentes en el curso para el diseño de libros interactivos (Difusión)
Estimado Javier Arturo: Agradecemos su reconocimiento al programa de Educación… Escrito por José Antonio Salgueiro González en %PM, %22 %458 %2023 %12:%Sep
Abierto el plazo de inscripción en la V Edición del Curso para el Diseño de Libros Interactivos (Difusión)
Me parece una gran iniciativa en favor de la educación,… Escrito por JAVIER ARTURO MARTINEZ FARFAN en %AM, %22 %189 %2023 %05:%Sep
Abierto el plazo de inscripción en la V Edición del Curso para el Diseño de Libros Interactivos (Difusión)
Ildefonso era un hombre de edad y motivaciones educativas similares… Escrito por José Luis San Emeterio en %PM, %05 %805 %2023 %20:%Ago
Ildefonso Fernández Trujillo, in memoriam (Difusión)
Yo conocí la fórmula más bella de las matematicas como… Escrito por Pepin en %PM, %17 %576 %2023 %14:%Jul
Cálculo diferencial e integral, módulo I (iCartesiLibri Matemáticas)

Suscribirse a este canal RSS

Tercera sesión de la 3ª edición del curso "Edición de libros interactivos"

Tercera sesión (22 de abril de 2022)

Difusión de ADJA y Descartes en la ETSI de la Universidad de Sevilla

Estadística básica. Proyecto Un_100

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

Segunda sesión (8 de abril de 2022)

Más...

Primera sesión de la 3ª edición del curso "Edición de libros interactivos"

Primera sesión (25 de marzo de 2022)

Vídeos de la 3ª edición del curso "Edición de libros interactivos" de RED Descartes

Acceso

Lo último

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

CONTACTO

Canal Youtube

Calculadora Descartes

Últimos Comentarios

Red Educativa Digital Descartes

Licencias

Contacto

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. Acepto