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