SlideShare una empresa de Scribd logo
1 de 12
SESIÓN 2
Imagen y
textos por
defecto
Diseño de portada
Imagen nueva en
un contenedor y
textos por defecto
Imagen nueva en
página y textos
prediseñados
Imagen portada
derivada y textos
por defecto
Cambiar título,
autor y logo
Imagen y textos por defecto
Estilos logo
Position: absolute
Bottom: 8px
Left: 58px
Width: 582px
Text-align: center
1. Contenedor o división : <div>
2. Párrafo: <p>
3. Negrilla: <b>
Ejemplo:
<p>Este es un párrafo, para escribir todo lo que yo
quiera, pero tratando de no exagerar su contenido,
pues mi objetivo principal es que <b>me lean</b></p>
4. Hiperenlace: <a>
Ejemplo:
<a target=“_blank”
href=https://dirección_página>imagen o texto</a>
5. Encabezados : <h1>, <h2>, <h3>
5 etiquetas HTML por practicar
Cambiar título, autor, logo
y agregar imagen en un
contenedor
Imagen nueva en un contenedor y textos por defecto
Estilos contenedor
Position: absolute
Left: 58px
Width: 582px
Height: 582px
Background-image: …
Estilos texto autor
Position: absolute
bottom: 90px
Left: 58px
Width: 582px
Text-align: center
Imagen nueva en un contenedor y textos por defecto
Estilos texto título
Font-size: 40px
Margin-top: -10px
Otros estilos los trae la clase
cover-title
Cambiar logo y
agregar imagen en
el contenedor de la
página (imagen de
tamaño 640x825 px)
Imagen nueva en página y textos prediseñados
Estilos imagen
margin: 0
padding: 0
background-size:contain
background-image:url…
Preliminares en
romano
Numeración de páginas
Inicia
numeración
arábiga
(si se quita, toda la
numeración será en
arábigos)
Tabla de contenido
Los títulos de capítulo y
encabezados (h1, h2, h3)
deben tener un
identificador id, el cual es la
referencia #ref en la tabla
de contenido
Estilos usados en la siguiente página
1. Width
2. Height
3. Background-color
4. Padding
5. Margin
6. Font-size
7. Text-align
8. Color
9. Background-image
10. Background-size
Otros estilos
1. Position
2. Left
3. Bottom
4. Margin-top
5. color
padding
margin
15 estilos por practicar
DALL-E
¡Hola! Sí, las imágenes generadas por DALL-E son libres de derechos de autor. Sin embargo, tenga en cuenta que los
derechos de autor pueden aplicarse a la imagen original que se utilizó como entrada para generar la imagen. Si desea
obtener imágenes libres de derechos de autor, puede visitar sitios web como Pixabay, Unsplash o Pexels.
Lexica
Utilice imágenes de Lexica para fines no comerciales. Utilice imágenes de Lexica con fines comerciales si tiene un plan
pago. No se requiere crédito de imagen
Midjourney
Si no es un miembro pago, no es propietario de los activos que crea. En cambio, Midjourney le otorga una licencia para
los Activos bajo la Licencia Internacional de Atribución No Comercial 4.0 Creative Commons (la “Licencia de Activos”).
Playground
Sí, según nuestros términos de servicio , usted es propietario de todos los Activos que crea con los Servicios y por la
presente le asignamos todos los derechos, títulos e intereses sobre dichos Activos para su uso personal o comercial.
Firefly
¿Puedo utilizar comercialmente los resultados de Imagen 2 y Generative Match? Sí. Aunque Image 2 y Generative
Match están en versión beta, puedes utilizar los resultados comercialmente.
Derechos de autor
Tarea
El viernes 3 de noviembre deben
estar subidos los libros con la portada
diseñada y preliminares
A la semana siguiente, haremos votación para escoger las tres
mejores portadas. Tanto las tres primeras como las 70 últimas
tendrán asignada la primera nota del curso que, estoy seguro,
será 5.0 o 10.0 o, mejor, 100% de cumplimiento.

Más contenido relacionado

Similar a Sesión 2. Diseño libros interactivos (V Edición)

Similar a Sesión 2. Diseño libros interactivos (V Edición) (20)

Trabajo practico nº5
Trabajo practico nº5Trabajo practico nº5
Trabajo practico nº5
 
Trabajo practico nº5
Trabajo practico nº5Trabajo practico nº5
Trabajo practico nº5
 
Trabajo practico nº5
Trabajo practico nº5Trabajo practico nº5
Trabajo practico nº5
 
Trabajo practico nº5
Trabajo practico nº5Trabajo practico nº5
Trabajo practico nº5
 
Trabajo practico nº5
Trabajo practico nº5Trabajo practico nº5
Trabajo practico nº5
 
Trabajo practico nº5
Trabajo practico nº5Trabajo practico nº5
Trabajo practico nº5
 
Seo Google ame tu negocio
Seo Google ame tu negocioSeo Google ame tu negocio
Seo Google ame tu negocio
 
Trabajopracticon3carlatonatto
Trabajopracticon3carlatonattoTrabajopracticon3carlatonatto
Trabajopracticon3carlatonatto
 
Trabajo practico nº4 info.2012 (1)
Trabajo practico nº4 info.2012 (1)Trabajo practico nº4 info.2012 (1)
Trabajo practico nº4 info.2012 (1)
 
Trabajo practico nº4 info.2012 (1)
Trabajo practico nº4 info.2012 (1)Trabajo practico nº4 info.2012 (1)
Trabajo practico nº4 info.2012 (1)
 
242310
242310242310
242310
 
Trabajo practico numero 10
Trabajo practico numero 10Trabajo practico numero 10
Trabajo practico numero 10
 
Tp 3 info
Tp 3 infoTp 3 info
Tp 3 info
 
Tp3 moyano
Tp3 moyanoTp3 moyano
Tp3 moyano
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Trabajo practico n1
Trabajo practico n1Trabajo practico n1
Trabajo practico n1
 
Trabajo práctico nº4 berni
Trabajo práctico nº4 berniTrabajo práctico nº4 berni
Trabajo práctico nº4 berni
 
Tp 3 info
Tp 3 infoTp 3 info
Tp 3 info
 
Power point de redes
Power point de redesPower point de redes
Power point de redes
 
Word press
Word pressWord press
Word press
 

Más de RED Descartes

Sesión 7. Diseño libros interactivos (V Edición)
Sesión 7. Diseño libros interactivos (V Edición)Sesión 7. Diseño libros interactivos (V Edición)
Sesión 7. Diseño libros interactivos (V Edición)RED Descartes
 
Sesión 6. Diseño libros interactivos (V Edición)
Sesión 6. Diseño libros interactivos (V Edición)Sesión 6. Diseño libros interactivos (V Edición)
Sesión 6. Diseño libros interactivos (V Edición)RED Descartes
 
Sesión 5. Diseño libros interactivos (V Edición)
Sesión 5. Diseño libros interactivos (V Edición)Sesión 5. Diseño libros interactivos (V Edición)
Sesión 5. Diseño libros interactivos (V Edición)RED Descartes
 
Sesión 4. Diseño libros interactivos (V Edición)
Sesión 4. Diseño libros interactivos (V Edición)Sesión 4. Diseño libros interactivos (V Edición)
Sesión 4. Diseño libros interactivos (V Edición)RED Descartes
 
Sesión 3. Diseño libros interactivos (V Edición)
Sesión 3. Diseño libros interactivos (V Edición)Sesión 3. Diseño libros interactivos (V Edición)
Sesión 3. Diseño libros interactivos (V Edición)RED Descartes
 
Sesión 1. Diseño libros interactivos (V Edición)
Sesión 1. Diseño libros interactivos (V Edición)Sesión 1. Diseño libros interactivos (V Edición)
Sesión 1. Diseño libros interactivos (V Edición)RED Descartes
 
Aprendiendo con el Proyecto Descartes
Aprendiendo con el Proyecto DescartesAprendiendo con el Proyecto Descartes
Aprendiendo con el Proyecto DescartesRED Descartes
 
¿A qué jugamos hoy en clase de mates?
¿A qué jugamos hoy en clase de mates?¿A qué jugamos hoy en clase de mates?
¿A qué jugamos hoy en clase de mates?RED Descartes
 
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...RED Descartes
 
El Proyecto Descartes en el aula
El Proyecto Descartes en el aulaEl Proyecto Descartes en el aula
El Proyecto Descartes en el aulaRED Descartes
 
Aulas con ProyectoDescartes.org
Aulas con ProyectoDescartes.orgAulas con ProyectoDescartes.org
Aulas con ProyectoDescartes.orgRED Descartes
 
Descartes y Geogebra: una relación de conveniencia
Descartes y Geogebra: una relación de convenienciaDescartes y Geogebra: una relación de conveniencia
Descartes y Geogebra: una relación de convenienciaRED Descartes
 
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.RED Descartes
 
Aprender programando con Scratch
Aprender programando con ScratchAprender programando con Scratch
Aprender programando con ScratchRED Descartes
 
I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA
 I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA
I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMARED Descartes
 
Congreso ENCIGA 2013
Congreso ENCIGA 2013Congreso ENCIGA 2013
Congreso ENCIGA 2013RED Descartes
 
La RED Descartes soporte para Enseñar a Aprender, Aprender a Aprender y Ap...
La RED Descartes soporte para  Enseñar a Aprender,  Aprender a Aprender y  Ap...La RED Descartes soporte para  Enseñar a Aprender,  Aprender a Aprender y  Ap...
La RED Descartes soporte para Enseñar a Aprender, Aprender a Aprender y Ap...RED Descartes
 
Metodología y Procesos de E-A. Libros de Texto Digital y Material Interactivo
Metodología y Procesos de E-A. Libros de Texto Digital y Material InteractivoMetodología y Procesos de E-A. Libros de Texto Digital y Material Interactivo
Metodología y Procesos de E-A. Libros de Texto Digital y Material InteractivoRED Descartes
 
Desarrollo colaborativo de competencias en la Escuela TIC 2.0
Desarrollo colaborativo de competencias en la Escuela TIC 2.0Desarrollo colaborativo de competencias en la Escuela TIC 2.0
Desarrollo colaborativo de competencias en la Escuela TIC 2.0RED Descartes
 
La PDI en un Proyecto de Innovación Educativa
La PDI en un Proyecto de Innovación EducativaLa PDI en un Proyecto de Innovación Educativa
La PDI en un Proyecto de Innovación EducativaRED Descartes
 

Más de RED Descartes (20)

Sesión 7. Diseño libros interactivos (V Edición)
Sesión 7. Diseño libros interactivos (V Edición)Sesión 7. Diseño libros interactivos (V Edición)
Sesión 7. Diseño libros interactivos (V Edición)
 
Sesión 6. Diseño libros interactivos (V Edición)
Sesión 6. Diseño libros interactivos (V Edición)Sesión 6. Diseño libros interactivos (V Edición)
Sesión 6. Diseño libros interactivos (V Edición)
 
Sesión 5. Diseño libros interactivos (V Edición)
Sesión 5. Diseño libros interactivos (V Edición)Sesión 5. Diseño libros interactivos (V Edición)
Sesión 5. Diseño libros interactivos (V Edición)
 
Sesión 4. Diseño libros interactivos (V Edición)
Sesión 4. Diseño libros interactivos (V Edición)Sesión 4. Diseño libros interactivos (V Edición)
Sesión 4. Diseño libros interactivos (V Edición)
 
Sesión 3. Diseño libros interactivos (V Edición)
Sesión 3. Diseño libros interactivos (V Edición)Sesión 3. Diseño libros interactivos (V Edición)
Sesión 3. Diseño libros interactivos (V Edición)
 
Sesión 1. Diseño libros interactivos (V Edición)
Sesión 1. Diseño libros interactivos (V Edición)Sesión 1. Diseño libros interactivos (V Edición)
Sesión 1. Diseño libros interactivos (V Edición)
 
Aprendiendo con el Proyecto Descartes
Aprendiendo con el Proyecto DescartesAprendiendo con el Proyecto Descartes
Aprendiendo con el Proyecto Descartes
 
¿A qué jugamos hoy en clase de mates?
¿A qué jugamos hoy en clase de mates?¿A qué jugamos hoy en clase de mates?
¿A qué jugamos hoy en clase de mates?
 
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...
Diseño y desarrollo online de ejercicios interactivos de matemáticas con estr...
 
El Proyecto Descartes en el aula
El Proyecto Descartes en el aulaEl Proyecto Descartes en el aula
El Proyecto Descartes en el aula
 
Aulas con ProyectoDescartes.org
Aulas con ProyectoDescartes.orgAulas con ProyectoDescartes.org
Aulas con ProyectoDescartes.org
 
Descartes y Geogebra: una relación de conveniencia
Descartes y Geogebra: una relación de convenienciaDescartes y Geogebra: una relación de conveniencia
Descartes y Geogebra: una relación de conveniencia
 
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.
Aulas de Matemáticas con recursos dixitais do Proxecto Descartes.
 
Aprender programando con Scratch
Aprender programando con ScratchAprender programando con Scratch
Aprender programando con Scratch
 
I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA
 I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA
I Encontros de Educación Matemática para Infantil e Primaria de AGAPEMA
 
Congreso ENCIGA 2013
Congreso ENCIGA 2013Congreso ENCIGA 2013
Congreso ENCIGA 2013
 
La RED Descartes soporte para Enseñar a Aprender, Aprender a Aprender y Ap...
La RED Descartes soporte para  Enseñar a Aprender,  Aprender a Aprender y  Ap...La RED Descartes soporte para  Enseñar a Aprender,  Aprender a Aprender y  Ap...
La RED Descartes soporte para Enseñar a Aprender, Aprender a Aprender y Ap...
 
Metodología y Procesos de E-A. Libros de Texto Digital y Material Interactivo
Metodología y Procesos de E-A. Libros de Texto Digital y Material InteractivoMetodología y Procesos de E-A. Libros de Texto Digital y Material Interactivo
Metodología y Procesos de E-A. Libros de Texto Digital y Material Interactivo
 
Desarrollo colaborativo de competencias en la Escuela TIC 2.0
Desarrollo colaborativo de competencias en la Escuela TIC 2.0Desarrollo colaborativo de competencias en la Escuela TIC 2.0
Desarrollo colaborativo de competencias en la Escuela TIC 2.0
 
La PDI en un Proyecto de Innovación Educativa
La PDI en un Proyecto de Innovación EducativaLa PDI en un Proyecto de Innovación Educativa
La PDI en un Proyecto de Innovación Educativa
 

Último

Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfluisantoniocruzcorte1
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIAAbelardoVelaAlbrecht1
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 

Último (20)

Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIATRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
TRIPTICO-SISTEMA-MUSCULAR. PARA NIÑOS DE PRIMARIA
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 

Sesión 2. Diseño libros interactivos (V Edición)

  • 2. Imagen y textos por defecto Diseño de portada Imagen nueva en un contenedor y textos por defecto Imagen nueva en página y textos prediseñados Imagen portada derivada y textos por defecto
  • 3. Cambiar título, autor y logo Imagen y textos por defecto Estilos logo Position: absolute Bottom: 8px Left: 58px Width: 582px Text-align: center
  • 4. 1. Contenedor o división : <div> 2. Párrafo: <p> 3. Negrilla: <b> Ejemplo: <p>Este es un párrafo, para escribir todo lo que yo quiera, pero tratando de no exagerar su contenido, pues mi objetivo principal es que <b>me lean</b></p> 4. Hiperenlace: <a> Ejemplo: <a target=“_blank” href=https://dirección_página>imagen o texto</a> 5. Encabezados : <h1>, <h2>, <h3> 5 etiquetas HTML por practicar
  • 5. Cambiar título, autor, logo y agregar imagen en un contenedor Imagen nueva en un contenedor y textos por defecto Estilos contenedor Position: absolute Left: 58px Width: 582px Height: 582px Background-image: … Estilos texto autor Position: absolute bottom: 90px Left: 58px Width: 582px Text-align: center
  • 6. Imagen nueva en un contenedor y textos por defecto Estilos texto título Font-size: 40px Margin-top: -10px Otros estilos los trae la clase cover-title
  • 7. Cambiar logo y agregar imagen en el contenedor de la página (imagen de tamaño 640x825 px) Imagen nueva en página y textos prediseñados Estilos imagen margin: 0 padding: 0 background-size:contain background-image:url…
  • 8. Preliminares en romano Numeración de páginas Inicia numeración arábiga (si se quita, toda la numeración será en arábigos)
  • 9. Tabla de contenido Los títulos de capítulo y encabezados (h1, h2, h3) deben tener un identificador id, el cual es la referencia #ref en la tabla de contenido
  • 10. Estilos usados en la siguiente página 1. Width 2. Height 3. Background-color 4. Padding 5. Margin 6. Font-size 7. Text-align 8. Color 9. Background-image 10. Background-size Otros estilos 1. Position 2. Left 3. Bottom 4. Margin-top 5. color padding margin 15 estilos por practicar
  • 11. DALL-E ¡Hola! Sí, las imágenes generadas por DALL-E son libres de derechos de autor. Sin embargo, tenga en cuenta que los derechos de autor pueden aplicarse a la imagen original que se utilizó como entrada para generar la imagen. Si desea obtener imágenes libres de derechos de autor, puede visitar sitios web como Pixabay, Unsplash o Pexels. Lexica Utilice imágenes de Lexica para fines no comerciales. Utilice imágenes de Lexica con fines comerciales si tiene un plan pago. No se requiere crédito de imagen Midjourney Si no es un miembro pago, no es propietario de los activos que crea. En cambio, Midjourney le otorga una licencia para los Activos bajo la Licencia Internacional de Atribución No Comercial 4.0 Creative Commons (la “Licencia de Activos”). Playground Sí, según nuestros términos de servicio , usted es propietario de todos los Activos que crea con los Servicios y por la presente le asignamos todos los derechos, títulos e intereses sobre dichos Activos para su uso personal o comercial. Firefly ¿Puedo utilizar comercialmente los resultados de Imagen 2 y Generative Match? Sí. Aunque Image 2 y Generative Match están en versión beta, puedes utilizar los resultados comercialmente. Derechos de autor
  • 12. Tarea El viernes 3 de noviembre deben estar subidos los libros con la portada diseñada y preliminares A la semana siguiente, haremos votación para escoger las tres mejores portadas. Tanto las tres primeras como las 70 últimas tendrán asignada la primera nota del curso que, estoy seguro, será 5.0 o 10.0 o, mejor, 100% de cumplimiento.