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