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

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
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
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
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
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
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
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 

Último (20)

SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
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
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Unidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDIUnidad 4 | Teorías de las Comunicación | MCDI
Unidad 4 | Teorías de las Comunicación | MCDI
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
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
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.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
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 

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.