Valora este artículo
(5 votos)

Tercera sesión (13 de agosto de 2021)

 

3A. youtube Desarrollo de la tercera sesión. Tercera sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la tercera sesión celebrada el 13 de agosto de 2021 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.

 

 

 

Documento de referencia el libro de "Edición de libros interactivos"

20s: Trabajo sobre una hoja de estilos (CSS). Hojas de estilo en un archivo externo.

52s: Uso del aplicativo de Lea Verou para ver la hoja de estilos de un archivo html. 

2m 0s: Cambio del estilo de h1 (cabecera de primer nivel)

  • cambio tamaño de la fuente.
  • cambio de color.
  • alineación de texto. 
  • grosor de la fuente.
  • sombra.
  • inclusión en una caja.
  • margenes izquierdo y derecho.
  • redondear los bordes

8m 15s: Estilo en párrafos.

11m 0s: padding (margen general).

11m 40s: Justificar los textos o no. Tendencias.

15m 30s: Crear nuestros estilos. Definir nuevos elementos en la hoja de estilo:

.xxx{ }

17m 0s: Uso de un elemento nuevo en el archivo html:

class="xxx"

18m 0s: Crear o incluir una hoja de estilo en un archivo de extensión css.

22m 10s: Incluir mi hoja de estilo en el libro interactivo. link y stylesheet.

28m 50s: Uso de estilos de otros diseñadores.

29m 0s: Uso de viñetas con imágenes usando una hoja de estilo.

31m 30s: background-repeat, background-position.

35m 0s: Otros estilos, uso de cajas. (Ver también el video de apoyo enlazado al final de este artículo)

 

3B. Agenda de la tercera sesión. Documento pdf con el guión de la sesión y enlaces usados o recomendados. 

agenda2


Vídeo de apoyo

Uso de viñetas con imágenes: 

https://www.youtube.com/watch?v=yZ1bRu7wMF0


Valora este artículo
(5 votos)

Segunda sesión (30 de julio de 2021)

 

2A. youtube 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 30 de julio de 2021 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.

 

 

 

Documento de referencia el libro de "Edición de libros interactivos"

1s: Algunas etiquetas HTML adicionales. Listas o viñetas  Referencia p. 20 del libro.

  • Listas no ordenadas. Etiquetas <ul></ul>;  <li></li>. Atributo type para cambiar el tipo de viñeta. 
  • Listas ordenadas. Etiquetas <ol></ol>; <li></li>. Inicio de orden en la lista, atributo start y atributo type.

7m 35s: Diseño CSS. Introducción a las hojas de estilo, p. 21 del libro.

11m 35s: Colores CSS.

13m 10s: Códigos de colores. Hexadecimal, RGB, nominativo. Herramientas auxiliares de codificación.

17m 27s: Practicando con colores. style, color y background-color en <body>.

23m 17s: Trasparencia en el color, código rgba.

25m 14s: Tamaño letra: font-size. Unidades de medida: cm, mm, px, %

28m 02s: Ancho del párrafo. width. Alineación del texto align. Bordes: border-radius.

30m 40s: Inclusión de estilos en <head>.

35m 27s: grosor en la fuente: font-weight.

 

 

2B. Agenda de la segunda sesión. Documento pdf con el guión de la sesión y enlaces usados o recomendados. 

agenda2


Vídeos de apoyo

Google como servidor: https://www.youtube.com/watch?v=xv-URqFtr60

Imágenes animadas: https://www.youtube.com/watch?v=J-KDmBCNm-w

Tabla de contenido: https://www.youtube.com/watch?v=jOauL-piook

Editores HTML: https://www.youtube.com/watch?v=TlL0et79vgo

Estilos: https://www.youtube.com/watch?v=8oawkkSGUdU

Archivo de estilos: https://www.youtube.com/watch?v=biQVKma3WZk


Ayuda con los colores

Colores CSS: 
https://proyectodescartes.org/escenas-aux/CursoLibrosInteractivos2Edicion/Colores_CSS/

Combinaciones de colores: https://www.colorcombos.com/color-schemes/2/ColorCombo2.html


Valora este artículo
(2 votos)

Primera sesión (16 de julio de 2021)

 

1A. youtube 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 16 de julio de 2021 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.

 

 

 

 0s: Por error técnico el inicio de la sesión no fue grabado.  

1s: Libros tipo fiipbook.

50s: Primera versión del libro interactivo de RED Descartes.

1m 40s: Segunda versión del libro interactivo de RED Descartes.

2m 5s: Editores de texto plano.

5m 36s: Uso de imágenes en los libros interactivos (ojo con los derechos de autor). Algunos enlaces.

7m 45s: Etiquetas HTML y hojas de estilo (css).

9m 14s: <html>, <head> y <body> y etiquetas de cierre </>. <!DOCTYPE html>.

11m 15s: <head> </head>. Código de la cabecera.

12m 15s: <title></title>. Título en la pestaña del navegador.

12m 41s: <body></body>. Código del cuerpo del libro.

14m 24s: <meta charset="UTF-8">. Codificación de caracteres en UTF-8.

15m 54s: Práctica incial con etiquetas.

16m 45s: <br>. Salto de línea.

17m 55s: <b></b>. Texto en negrita.

19m 10s: Guardar mi primer fichero html y abrirlo en el navegador.

21m 47s: Nos centramos en el cuerpo. Etiqueta <p> </p> de párrafo.

23m 50s: Etiquetas de encabezados a diferente nivel: <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>.

25m 30s: Texto en cursiva o itálica: <i> </i>.

25m 38s: Edición de nuestro primer libro: Mi_libro.

26m 50s: Cambio de estilo a Mi_libro.

28m 15s: Editar "mi primera página" del libro.

30m 52s: Necesito una nueva página. <div class="page> </div>. Etiqueta comentario <!-- XXXXX -->.

33m 20s: La primera tarea. Edite su libro con dos páginas y practicando con la etiquetas comentadas.

 

1B. youtube 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 (Mi_libro) que hay que descargar previamente.

Se muestra la edición de Mi_libro 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 etiqeta párrafo: <p></p>

8m 45s: Incluir más páginas. <div class="page"> </div>. Etiqueta comentario <!-- Comentario -->.

9m 40s: Cambiar el título de una sección del libro (encabezado a segundo nivel) , etiqueta <h2> </h2>

Valora este artículo
(1 Voto)
 

Saludo inicial

 

0. youtube Vídeo de presentación. Previo al inicio del curso.

Descripción   Contenidos temporalizados
 

En este vídeo damos la bienvenida a los 100 participantes del curso de libros interactivos.

Los enlaces citados en el video son:

   

 10s: Saludos y presentación 

3m 30s: Metodología del curso, objetivos y procedimientos.

6m 30s: Certificaciones del curso.

7m 05s: Elementos mínimos necesarios para comenzar. Herramientas.

9m 35s: Descarga del libro plantilla para realizar las prácticas.

10m: Despedida hasta la primera sesión.

 

Página 10 de 13

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.
EU Cookie Directive Module Information