buscar Buscar en RED Descartes    

Sábado, 23 Abril 2022 13:27

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

Escrito por
Valora este artículo
(2 votos)

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
Etiquetado como
¡Escribe el primer comentario!
Leer más ...
Viernes, 22 Abril 2022 00:00

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

Escrito por
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.
 
 2_
Publicado en Difusión
Etiquetado como
¡Escribe el primer comentario!
Leer más ...
Viernes, 15 Abril 2022 01:13

Estadística básica. Proyecto Un_100

Escrito por
Valora este artículo
(3 votos)
Estadística básica. Proyecto Un_100

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!
Leer más ...
Viernes, 08 Abril 2022 19:38

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

Escrito por
Valora este artículo
(2 votos)

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
Etiquetado como
¡Escribe el primer comentario!
Leer más ...
Página 19 de 162

SiteLock

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

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