SlideShare una empresa de Scribd logo
1 de 44
Descargar para leer sin conexión
dariobf.com #WCBCN
CREA TUS LAYOUTS CON
FLEXBOX
DARIOBF
EXPERTO EN WORDPRESS #WCBilbao
@DarioBF
dariobf.com #WCBCN
¡Hola! Soy Darío,
diseñador y maquetador front-end.
@DarioBF
dariobf.com
DARIOBF
EXPERTO EN WORDPRESS
#WCBilbao
dariobf.com #WCBCN
Diseñador UI/UX
Maquetador Front-End
Desarrollador web WordPress
Desarrollador ActualidadBlog
Formador y consultor web
Organizador WordCamp Santander
Organizador WPCantabria
Editor de traducciones es_ES
dariobf.com
DARIOBF
EXPERTO EN WORDPRESS
@DarioBF
#WCBilbao
dariobf.com #WCBilbaohttp://giphy.com/gifs/13XW2MJE0XCoM0
dariobf.com #WCBilbao
CSS ES
INCREIBLE
dariobf.com #WCBilbao
FLEXBOX ES
MUCHO MÁS
INCREIBLE
dariobf.com #WCBilbao
INLINE-BLOCK?¿
dariobf.com #WCBilbao
FLOAT
CLEAR ?¿
TABLAS?¿
dariobf.com #WCBilbao
1
- ALGUNAS COSAS
SOBRE FLEXBOX
dariobf.com #WCBilbao
DISTRIBUCIÓN
ALINEACIÓN
ORDEN } ELEMENTOS
dariobf.com #WCBilbao
FRAMEWORKS
dariobf.com #WCBilbao
<div class="col-lg-4 col-md-6 col-sm-9 metamos-mas-clases porque-si“>
...contenido
</div>
NO ES SEMÁNTICO
#WCBilbao
dariobf.com #WCBilbao
display: box; /* 2009 */
display: flexbox; /* 2011 */
display: flex; /* ahora */
EVOLUCIÓN
#WCBilbao
dariobf.com #WCBilbao
dariobf.com #WCBilbao
2
- CONCEPTOS
dariobf.com #WCBilbao
Contenedor
#WCBilbao
dariobf.com #WCBilbao
Items
#WCBilbao
dariobf.com #WCBilbao
.contenedor {
display: flex;
}
VISUALIZADO
#WCBilbao
dariobf.com #WCBilbao
3
- DISTRIBUCIÓN
dariobf.com #WCBilbao
.contenedor {
display: flex;
flex-direction: row | row-reverse | column | column-
reverse;
}
DIRECCIÓN
#WCBilbao
dariobf.com #WCBilbao
1 2 3 4
ROW
ROW -REVERSE
4 3 2 1
#WCBilbao
dariobf.com #WCBilbao
COLUMN COLUMN-REVERSE
4
3
2
1
1
2
3
4
#WCBilbao
dariobf.com #WCBilbao
.contenedor {
display: flex;
flex-direction: row;
flex-wrap: no-wrap | wrap | wrap-reverse;
}
FLEX-WRAP
#WCBilbao
dariobf.com #WCBilbao
TIP
- SHORTHAND
dariobf.com #WCBilbao
.contenedor {
display: flex;
flex-direction: row;
flex-wrap: no-wrap | wrap | wrap-reverse;
}
.contenedor {
display: flex;
flex-flow: <flex-direction> <flex-wrap>
}
#WCBilbao
dariobf.com #WCBilbao
4
- ALINEACIÓN
dariobf.com #WCBilbao
.contenedor {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start | flex-end | center | space-
between | space-around;
}
ALINEACIÓN HORIZONTAL
Cómo los elementos se distribuyen en el eje y
#WCBilbao
dariobf.com #WCBilbao
1 2 3 4
FLEX-START
FLEX-END
1 2 3 4
CENTER
1 2 3 4
#WCBilbao
dariobf.com #WCBilbao
SPACE-BETWEEN
SPACE-AROUND
1 2 3 4
1 2 3 4
#WCBilbao
dariobf.com #WCBilbao
.contenedor {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start | flex-end | center | baseline
| stretch;
}
ALINEACIÓN VERTICAL
Cómo los elementos se distribuyen en el eje x
#WCBilbao
dariobf.com #WCBilbao
FLEX-START
FLEX-END
CENTER
1 2 3 4
1 2 3 4
1 2 3 4
#WCBilbao
dariobf.com #WCBilbao
CENTER
1 2 3 4
1 2 3 4
#WCBilbao
dariobf.com #WCBilbao
STRETCH
BASELINE
1 2 3 4
#WCBilbao
dariobf.com #WCBilbao
.contenedor {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start | flex-end | center | space-
between | space-around | stretch;
}
ALINEACIÓN DEL CONTENIDO
Alineación de las líneas del contenido cuando hay
espacio extra en el eje x.
#WCBilbao
dariobf.com #WCBilbao
ALINEACIÓN DEL CONTENIDO
Referencia
#WCBilbao
dariobf.com #WCBilbao
5
- ORDEN
dariobf.com #WCBilbao
.item-2 {
order: -1;
}
.item-3 {
order: 1;
}
ORDEN
#WCBilbao
dariobf.com #WCBilbao
ORDEN
12 3 4
#WCBilbao
dariobf.com #WCBilbao
BONUS
- PROPIEDADES DEL ITEM
dariobf.com #WCBilbao
.item {
order: <número>;
flex-grow: <número>; /* Por defecto 0 */
flex-shrink: <número>; /* Por defecto 1 */
flex-basis: <longitud> | auto; /* Por defecto auto */
align-self: auto | flex-start | flex-end | center |
baseline | stretch;
}
PROPIEDADES ITEMS
flex: <flex-grow> <flex-shrink> [<flex-basis>]
#WCBilbao
dariobf.com #WCBilbaohttps://giphy.com/gifs/night-neon-rain-l0CRCmMBYQbL7dCmI
dariobf.com #WCBilbao
CSS GRID
A Complete Guide to Grid
dariobf.com #WCBCN
¡GRACIAS!
@DarioBF
¿PREGUNTAS?
#WCBilbaodariobf.com

Más contenido relacionado

La actualidad más candente

Creación de un plugin para WordPress
Creación de un plugin para WordPressCreación de un plugin para WordPress
Creación de un plugin para WordPressDani Reguera Bakhache
 
Como hacer una pagina web
Como hacer una pagina webComo hacer una pagina web
Como hacer una pagina webAyllen Sanchez
 
Arquitectura de información de mi web.
Arquitectura de información de mi web. Arquitectura de información de mi web.
Arquitectura de información de mi web. Dani Reguera Bakhache
 
VI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temasVI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temasJuan Hernando García
 
Herramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra webHerramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra webLorena Fernández
 
Gestion y Administracion de WordPress con WP-CLI
Gestion y Administracion de WordPress con WP-CLIGestion y Administracion de WordPress con WP-CLI
Gestion y Administracion de WordPress con WP-CLIOscar Abad Folgueira
 
De Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.orgDe Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.orgralcocer
 
Cómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseñoCómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseñoJuan Hernando García
 
Crea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programarCrea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programarDani Reguera Bakhache
 
Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Rafael Poveda
 
Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Dani Reguera Bakhache
 
¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuro
¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuro¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuro
¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuroJuan Hernando García
 
Aprende a crear tu propio tema hijo de WordPress (taller)
Aprende a crear tu propio tema hijo de WordPress (taller) Aprende a crear tu propio tema hijo de WordPress (taller)
Aprende a crear tu propio tema hijo de WordPress (taller) Angeles Portillo
 
Optimización de sitios web hechos con WordPress
Optimización de sitios web hechos con WordPressOptimización de sitios web hechos con WordPress
Optimización de sitios web hechos con WordPressDani Reguera Bakhache
 
WordPress para programadores
WordPress para programadoresWordPress para programadores
WordPress para programadoreswpargentina
 
Crear Plugin de WordPress desde Cero
Crear Plugin de WordPress desde CeroCrear Plugin de WordPress desde Cero
Crear Plugin de WordPress desde CeroEduardo Turiño
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina weblauraandrea1996
 

La actualidad más candente (20)

Creación de un plugin para WordPress
Creación de un plugin para WordPressCreación de un plugin para WordPress
Creación de un plugin para WordPress
 
Como hacer una pagina web
Como hacer una pagina webComo hacer una pagina web
Como hacer una pagina web
 
Los mejores plugins para Wordpress
Los mejores plugins para WordpressLos mejores plugins para Wordpress
Los mejores plugins para Wordpress
 
Arquitectura de información de mi web.
Arquitectura de información de mi web. Arquitectura de información de mi web.
Arquitectura de información de mi web.
 
VI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temasVI Meetup WordPress Pontevedra - Creación y modificación de temas
VI Meetup WordPress Pontevedra - Creación y modificación de temas
 
Herramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra webHerramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra web
 
Gestion y Administracion de WordPress con WP-CLI
Gestion y Administracion de WordPress con WP-CLIGestion y Administracion de WordPress con WP-CLI
Gestion y Administracion de WordPress con WP-CLI
 
De Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.orgDe Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.org
 
Cómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseñoCómo crear un theme en 2017 desde un diseño
Cómo crear un theme en 2017 desde un diseño
 
Crea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programarCrea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programar
 
Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11Taller de WordPress avanzado | #EBE11
Taller de WordPress avanzado | #EBE11
 
Acelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPOAcelera tu sitio WordPress WPO
Acelera tu sitio WordPress WPO
 
Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress
 
¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuro
¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuro¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuro
¿Por qué defender la web abierta? 5 reflexiones para mejorar nuestro futuro
 
Aprende a crear tu propio tema hijo de WordPress (taller)
Aprende a crear tu propio tema hijo de WordPress (taller) Aprende a crear tu propio tema hijo de WordPress (taller)
Aprende a crear tu propio tema hijo de WordPress (taller)
 
Optimización de sitios web hechos con WordPress
Optimización de sitios web hechos con WordPressOptimización de sitios web hechos con WordPress
Optimización de sitios web hechos con WordPress
 
WordPress para programadores
WordPress para programadoresWordPress para programadores
WordPress para programadores
 
Crear Plugin de WordPress desde Cero
Crear Plugin de WordPress desde CeroCrear Plugin de WordPress desde Cero
Crear Plugin de WordPress desde Cero
 
Pasos para crear una pagina web
Pasos para crear una pagina webPasos para crear una pagina web
Pasos para crear una pagina web
 
Wordcamp Perú 2009 - Themes
Wordcamp Perú 2009 - ThemesWordcamp Perú 2009 - Themes
Wordcamp Perú 2009 - Themes
 

Similar a Crea tus layouts con flexbox - WordCamp Bilbao

Flexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetadorFlexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetadorMauricio Gelves
 
Charla de VolKno en UTN
Charla de VolKno en UTNCharla de VolKno en UTN
Charla de VolKno en UTNVolKno
 
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Marta Armada
 
¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...Biko
 
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...Romén Rodríguez-Gil
 
Me encanta que los estándares salgan bien
Me encanta que los estándares salgan bien Me encanta que los estándares salgan bien
Me encanta que los estándares salgan bien Isabel Cabezas Martín
 
Desarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempoDesarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempoMauricio Gelves
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carreraBorja Merino
 
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...Fellyph Cintra
 
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...Oscar Abad Folgueira
 
Responsive web design
Responsive web designResponsive web design
Responsive web designtonamonjo
 

Similar a Crea tus layouts con flexbox - WordCamp Bilbao (20)

Flexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetadorFlexbox y Grid: Los mejores amigos del maquetador
Flexbox y Grid: Los mejores amigos del maquetador
 
Charla de VolKno en UTN
Charla de VolKno en UTNCharla de VolKno en UTN
Charla de VolKno en UTN
 
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3
 
¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...¡Hola flexbox! Adiós float...
¡Hola flexbox! Adiós float...
 
Flexbox
FlexboxFlexbox
Flexbox
 
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
Curso UX Tenerife (No maltrates a tus usuarios) FG ULL - Día 4 - Recursos úti...
 
Me encanta que los estándares salgan bien
Me encanta que los estándares salgan bien Me encanta que los estándares salgan bien
Me encanta que los estándares salgan bien
 
Revistaaaa
RevistaaaaRevistaaaa
Revistaaaa
 
HTML5 Warm up!
HTML5 Warm up!HTML5 Warm up!
HTML5 Warm up!
 
What is the flexbox
What is the flexboxWhat is the flexbox
What is the flexbox
 
HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?HTML5 y CSS3 ¿Imprescindibles?
HTML5 y CSS3 ¿Imprescindibles?
 
HTML 5 para SEO
HTML 5 para SEOHTML 5 para SEO
HTML 5 para SEO
 
Desarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempoDesarrollo de bloques de Gutenberg para programadores con poco tiempo
Desarrollo de bloques de Gutenberg para programadores con poco tiempo
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carrera
 
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
 
Responsive web design: reinventando el diseño web
Responsive web design: reinventando el diseño webResponsive web design: reinventando el diseño web
Responsive web design: reinventando el diseño web
 
Maestria finanzas
Maestria finanzasMaestria finanzas
Maestria finanzas
 
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Guía de Manual
Guía de ManualGuía de Manual
Guía de Manual
 

Último

El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel tallerValentinaTabares11
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 

Último (20)

El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
Excel (1) tecnologia.pdf trabajo Excel taller
Excel  (1) tecnologia.pdf trabajo Excel tallerExcel  (1) tecnologia.pdf trabajo Excel taller
Excel (1) tecnologia.pdf trabajo Excel taller
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 

Crea tus layouts con flexbox - WordCamp Bilbao