Cuarta sesión (25 de noviembre de 2022)

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.