Tercera sesión (11 de noviembre de 2022)

Grabación de la tercera sesión celebrada el 11 de noviembre 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 tercera sesión".

00 m 00s: Nos adentraremos en las hojas de estilo. Nos adentramos dentro del libro de "Diseño de libros interactivos en la pág. 21 y siguientes. Vimos estilos en las etiquetas y ahora nos adentramos en las hojas de estilos en un fichero externo.

02 m 15 s: En el libro de referencia anterior hay una herramienta de edición de HTML y CSS y visualización (acceder a la caja de herramientas en la esquina superior derecha).

02 m 42 s: Tendremos como tarea, después de esta clase, el diseñar algunos contenedores similares a los que tenemos en las pp. 19 y 20 de la guía de esta sesión 3ª y veremos el diseño de algunas listas especiales.

03 m 50 s: Comenzamos en la guía de esta sesión en la p. 15 (que pone sesión 2 en la portada del capítulo). Y, aprovechemos la ocasión, para ver cómo podemos incluir un nuevo capítulo en nuestro libro. Para ello disponemos de este vídeo de ayuda: "Nuevo capítulo y tabla de contendido".

04 m 48 s: Inclusión de un título en la tabla de contenido (toc) del libro. Hemos de indentificarlos con un "id" y en la sección toc del libro interactivo que estamos diseñando incluimos una línea donde referenciamos el id del titulo a incluir.

07 m 39 s: Hoja de estilos externa (localizada en la carpeta de nombre extra). En la p. 16 podemos ver en un vídeo cómo generarla.

10 m 06 s: Editar la hoja de estilos (ver vídeo en la p. 17 y los estilos ahí usados y reflejados en el texto de esta página).

15 m 05 s: Colores. Una buena introducción la podemos encontrar en el libro "Introducción a la graficación por computadora". El modelo RGB.

17 m 47 s: Otro formato para definir el color. Código hexadecimal.

19 s 04 s: El formato HSV.

20 m 35 s: En la p. 5 del núm. 1 de la revista RED Descartes hay un artículo de colores y CSS.

22 m 09 s: Cambiar familia de fuentes (carpeta font).

25 m 33 s: Definir clases.

27 m 56 s: Practiquemos clases con la herramienta auxiliar herramienta de edición de HTML y CSS.

29 m 38 s: Definamos una caja (.caja0).

35 m 15 s: Copiar la caja diseñada en la hoja de estilos.

36 m 46 s: Incluir una caja en un div usando class.

38 m 14 s: Uso de margin y padding.

 43 m 49 s: Otro diseños de caja.

46 m 00s: Avance del cambio de colores para el uso del fondo oscuro.

47 m 30 s: Más diseños de cajas. Caja con fondo una imagen. Vídeo auxiliar de diseño de cajas.

53 m 40 s: Preguntas, diálogo.

La plantilla inical del libro para realizar sobre ella las prácticas es:  

Mi_libro (descarga de la plantilla)

 Chat de la sesión.