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

Segunda sesión (28 de octubre 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 28 de octubre 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.

En esta segunda sesión se pone como objetivo que el discente elabore un libro similar a Mi_libro_Sesion2 a partir del libro plantilla Mi_libro (descarga de la plantilla) elaborando su libro de prácticas.

Descripción línea temporal de contenidos

00 m 00 s: La sesión se desarrolla buscando obtener, editar, a partir de la plantilla básica Mi_libro (descarga de la plantilla) el libro Mi_libro_Sesion2 (sesión 2). Diseñaremos/diseñarán las primeras páginas usando HTML y algunos estilos CSS.

01 m 00 s: Por comodidad para la edición, dividimos la pantalla en dos zonas: una para ver el libro interactivo que estamos produciendo y otra en la que abrimos el editor (Notepad++ o SublimeText u otro) donde editamos el código fuente de ese libro.

01 m 30 s: Algunas carpetas que hemos estado usando. Copiamos Mi_libro y lo renombramos Mi_libro2 (como precaución para tener siempre el libro plantilla de partida). Abrimos el fichero index.html con el editor y en el navegador.

03 m 23 s: Cambio del título del libro. En el cuerpo (<body>) vemos alguna etiquetas y elementos básicos del libro en los que no nos adentraremos ahora, sólo mencionarlos e identificar como se visualiza en el libro.

06 m 47 s: Toda página está en un contenedor <div class="page" > ... </div>.

07 m 35 s. Cambio del título del libro. Este libro es que que servirá para evidenciar sus avances, pero obviamente pueden en paralelo ir diseñando sus libros personales con los contenidos que deseen.

09 m 24 s: La contraportada (logo de iCartesiLibri u otro).

10 m 30 s: Página de título, autoría, filiciación y editorial.

12 m 12 s: Páginas en blanco y sin numeración (num="").

12 m 55 s: Página de Prefacio.

13 m 55 s: Portada del primer capítulo.

15 m 30 s: El primer contenido del libro.

17 m 00 s: Encabezados <h1>, <h2>,... <h6>.

18 m 50 s: Numeración automática a diferentes niveles desde <h2> en adelante.

20 m 16 s: Párrafos (<p>...</p>).

21 m 34 s: Poner un título incluyendo un estilo (style). Centrado (text-align:center). Tamaño (font-size). Negrilla (<b></b>). Color (color).

26 m 50 s: Los colores en el diseño.

28 m 10 s: Como seleccionar un color, difentes tipos de códigos.Texto, rgb.

33 m 20 s: Ampliando los contenidos del libro con párrafos (<p>).

33 m 55 s: Salto de línea en el navegador: <br> (diferencia con "enter" en el editor que no se traslada al navegador). Cada párrafo (<p></p>) incluye un salto de línea en el navegador.

36 m 17 s: Síntesis de etiquetas utilizadas y estilos usados.

36 m 49 s: La etiqueta <div> (contenedor o bloque) y la traslación de estilos desde el contenedor al contenido.

39 m 58 s: Más estilos: font-weight, width, margin-left.

42 m 20 s: Listas: no ordenadas <ul> y ordenadas <ol>, e ítem <li>.

44 m 33 s: Cambio de viñetas en las listas no ordenadas (type).

45 m 30 s: Listas ordenadas.

45 m 50 s: El control del cambio de página en los libros interactivos es manual.

47 m 10 s: Cambio de numeración en una lista ordenada (start) y cambio de tipo (type).

49 m 25 s: Otros contenedores y ampliación en el libro guía: "Diseño de libros interactivos" (pp 12-29).

51 m 17 s: Diálogo, preguntas y nuevas presentaciones.

Chat de la sesión.

Acceder a todos los vídeos

Publicado en RedDescartes

Cuarta revolución industrial. Fundamentos.

Título: Cuarta revolución industrial. Fundamentos.
Sección: iCartesiLibri
Bloque: Ingeniería
Unidad: Fundamentos de tecnología
Nivel/Edad: Bachillerato y universidad (16 años o más)
Idioma: Castellano
Autores: Juan Guillermo Rivera Berrío y Ramiro Antonio Lopera Sánchez
ISBN: 978-84-18834-53-0

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

Haz clic en la imagen para abrir el recurso

Descargar recurso

Código para embeber como iframe

Código para abrir en ventana emergente

<iframe style="width: 1400px; height: 650px;" src="https://proyectodescartes.org/iCartesiLibri/materiales_didacticos/4RI/index.html"></iframe>

<a href="https://proyectodescartes.org/iCartesiLibri/materiales_didacticos/4RI/index.html" target="_blank" onclick="window.open(this.href, this.target, 'width=1400,height=650,top=30,left=100,toolbar=0,menubar=0,scrollbars=1,resizable=1,location=0,status=0'); return false;"><img 
src="https://proyectodescartes.org/descartescms/images/materiales/iCartesiLibri/4RI.png" alt="Cuarta revolución industrial. Fundamentos." style="display: block; margin-left: auto; margin-right: auto;"></a>

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

Este material está publicado bajo una licencia:

Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional

Publicado en iCartesiLibri

Primera sesión de la tercera edición del curso "Edición de objetos interactivos con DescartesJS"

Primera sesión (21 de octubre 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 21 de octubre de 2022 dirigida e impartida por el Dr. Rivera vicerrector 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 IU Pascual Bravo y miembro de la RED Descartes Colombia.

Documento de referencia de esta sesión: "Curso de DescartesJS. Sesión 1" (descarga)

Línea temporal:

00 m. 00 s: Presentación.

01 m 50 s: Presentación de algunos discentes.

04m 20 s: Inicio de contenidos. Dirección del proyecto Descartesproyecto Descartesproyecto Descartes y de los contenidos de este curso.

05 m 58 s: Libro interactivo de referencia para los contenidos.

07 m 05 s: Libros del proyecto iCartesiLibri de Descartes.

08 m 29 s: Libro interactivo de esta primera sesión (descarga). Se adelantarán las sesiones para abordar una docencia tipo clase invertida.

09 m 22 s: Herramientas de autor (p. 2 de sesión 1). La pervivencia de estas herramientas. Algunas muestras de algunas de ellas.

21 m 00 s: El editor DescartesJS.

23 m 25 s: Las plantillas de la RED Descartes. El libro interactivo de plantillas (versión interactiva, pdf y descarga). Muestra de algunas plantillas (todas cuentan con un pdf explicativo de cómo editarlas y adaptarlas a nuestro objetivo educativo y el zip de descarga correspondiente).

31 m 45 s: Contenedores con plantillas (agrupaciones de plantilllas en un único objeto interactivo).

33 m 57 s: Descarga del editor DescartesJS.

38 m 54 s: El aspecto del editor de DescartesJS. Unos breves ejemplos de edición.

46 m 00 s: Preguntas y diálogo.

Chat de la sesión

Para la segunda sesión:

Descarga del editor DescartesJS: https://descartes.matem.unam.mx/
Enlace a incluir próximamente con los contenidos de la segunda sesión... (sea paciente)

Acceder a todos los vídeos

Publicado en RedDescartes

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

Primera sesión (14 de octubre 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 14 de octubre 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. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite.

00 m 00 s: Presentación del curso, del director del mismo Dr. Rivera y del instructor Ing.MSc. Ramiro A. Lopera.

03 m 57 s: Presentación de algunos de los discentes.

10 m 19 s: Agenda de la sesión:

- Inroducción. Libro tutorial (motivación)
- Herramientas de edición (Notepadd++ o SublimeText
- Introducción a la programación HTML

12 m 15 s:

Como referencia inicial, sólo como referencia pues iremos detallando posteriormente, los recursos que utilizaremos:

12 m 25 s: Comenzamos con la Descarga de la plantilla inicial (Mi_libro). Versión básica y versión con KaTex (ésta es la que se ha incluido en la plantilla inicial).

14 m 32 s: Tutorial: Libro interactivo con los contenidos del curso. Descripción de los primeros puntos del índice.

15 m 58 s: Proyecto iCartesiLibri (libros interactivos de Descartes). También en formato pdf (necesita conexión en línea para los interactivos) y en flipbook.

18 m 40 s: Libros tipo flipbook. En los primeros libros interactivos de Descartes se usó este formato con un código propio.

20 m 01 s: El formato actual que usamos tiene la ventaja de su adaptabilidad a los diferentes soportes (ordenador, tableta o smartphone).

20 m 35 s: Herramientas de edición (pág. 8 del libro/tutorial). Editores de texto plano para edición páginas HTML. Notepad++ (Windows), Sublime Text (iOS, Linux y Windows). También versiones en línea o portable.

28 m 21 s: La primera tarea es instalar el editor deseado.

30 m 10 s: ¡Quiero elaborar un libro! y ¡quiero publicarlo!

33 m 30 s: Ser cautos y cuidadosos con los derechos de autor de textos e imágenes. Repositorios libres (p. 10 del tutorial, añadir freepik.com).

37 m 46 s: Etiquetas HTML. Documento HTML, etiquetas básicas: html, head y body. Etiquetas de cierre (/).

40 m 08 s: Etiqueta <title>.

40 m 50 s: La plantilla Mi_libro ya tiene predefinida la estructura HTML necesaria (no se preocupen).

42 m 30 s: "Mi primer ejemplo". Escritura de párrafos... Continuaremos...

43 m 33 s: Preguntas y diálogo.

Chat de la sesión.

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 del libro que hay que descargar previamente.

Se muestra la edición de la plantilla 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 etiqueta 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

Vídeos de la 3ª edición del curso "Edición de objetos interactivos con DescartesJS"

La tercera edición del curso "Edición de objetos interactivos con Descartes JS" de la RED Descartes se desarrollará desde octubre de 2022 a febrero de 2023, según la siguiente planificación:

Con una metodología basada en la denominada clase invertida, cada participante recibe con antelación los contenidos a tratar en cada sesión, para que pueda tomar contacto con los mismos, familiarizarse con el editor de escenas, realizar sencillas prácticas y terminar aclarando y consultando dudas durante el desarrollo de la sesión, que será grabada y divulgada poseriormente en el portal de RED Descartes.

El material básico que se usará es el siguiente:

Descarga el software libre DescartesJS para tu sistema operativo (Windows, iOS y Linux).
Tutorial sobre DescartesJS - Nivel I (2ª edicion)
Lista en Youtube con vídeos de apoyo

A continuación se irán enlazando diferentes artículos que incluyen los vídeos grabados en las sesiones en línea y también recursos auxiliares que le pueden servir como orientación y guía auxiliar en su autoformación:

Vídeo inicial introductorio.

Primera sesión (21 de octubre de 2022).

Segunda sesión (4 de noviembre de 2022).
Tercera sesión (18 de noviembre de2022).

Cuarta sesión (2 de diciembre de 2022).

Quinta sesión (27 de enero de 2023).

Sexta sesión (10 de febrero de 2023).

Séptima sesión (24 de febrero de 2023).

Octava sesión (10 de marzo de 2023).

Sesión final (24 de marzo de 2023).

Publicado en RedDescartes

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

Segunda sesión (28 de octubre de 2022)

Cuarta revolución industrial. Fundamentos.

Primera sesión de la tercera edición del curso "Edición de objetos interactivos con DescartesJS"

Primera sesión (21 de octubre de 2022)

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

Primera sesión (14 de octubre de 2022)

Vídeos de la 3ª edición del curso "Edición de objetos interactivos con DescartesJS"

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Buscar por Etiquetas en Ingeniería y tecnología

Últimos materiales Ingeniería y tecnología

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