SlideShare une entreprise Scribd logo
1  sur  19
Cristian Riffo Huez
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
+
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Gracias [email_address]
[object Object],JavaScript CSS
Código html+javascript <ul> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Inicio</a></li> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Quienes Somos</a></li> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Contacto</a></li> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Clientes</a></li> </ul>
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Código CSS li a:hover { background-image: url(pub/imgs/img0.jpg); }
[object Object]

Contenu connexe

Tendances

Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0amaliadavila
 
Estandares Web W3C
Estandares Web W3CEstandares Web W3C
Estandares Web W3Codil_paredes
 
web design certified expert - wdce
web design certified expert - wdceweb design certified expert - wdce
web design certified expert - wdceCristinaMenesesMonte
 
Alternativas a la web del Centro
Alternativas a la web del CentroAlternativas a la web del Centro
Alternativas a la web del Centrotecnojulio
 
Modulo 3 (Parte 2)
Modulo 3 (Parte 2)Modulo 3 (Parte 2)
Modulo 3 (Parte 2)guest640607
 
Final de multimedia
Final de multimediaFinal de multimedia
Final de multimediaBrad Lezcano
 
Estandarización de paginas web
Estandarización de paginas webEstandarización de paginas web
Estandarización de paginas webLuis Álamo
 
Estandares Web W3C
Estandares Web W3CEstandares Web W3C
Estandares Web W3Codil_paredes
 

Tendances (9)

Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0
 
Estandares Web W3C
Estandares Web W3CEstandares Web W3C
Estandares Web W3C
 
Css
CssCss
Css
 
web design certified expert - wdce
web design certified expert - wdceweb design certified expert - wdce
web design certified expert - wdce
 
Alternativas a la web del Centro
Alternativas a la web del CentroAlternativas a la web del Centro
Alternativas a la web del Centro
 
Modulo 3 (Parte 2)
Modulo 3 (Parte 2)Modulo 3 (Parte 2)
Modulo 3 (Parte 2)
 
Final de multimedia
Final de multimediaFinal de multimedia
Final de multimedia
 
Estandarización de paginas web
Estandarización de paginas webEstandarización de paginas web
Estandarización de paginas web
 
Estandares Web W3C
Estandares Web W3CEstandares Web W3C
Estandares Web W3C
 

En vedette

Three vital elements of story for speakers. Your Story Matters. Don't Waste it
Three vital elements of story for speakers.  Your Story Matters.  Don't Waste itThree vital elements of story for speakers.  Your Story Matters.  Don't Waste it
Three vital elements of story for speakers. Your Story Matters. Don't Waste itBronwyn Ritchie
 
Do dodane vrednosti s Twitterjem in drugimi socialnimi orodji
Do dodane vrednosti s Twitterjem in drugimi socialnimi orodjiDo dodane vrednosti s Twitterjem in drugimi socialnimi orodji
Do dodane vrednosti s Twitterjem in drugimi socialnimi orodjiDanilo Tic
 
Integracija poslovnega sistema
Integracija poslovnega sistemaIntegracija poslovnega sistema
Integracija poslovnega sistemaDanilo Tic
 
Locchionegato80 81
Locchionegato80 81Locchionegato80 81
Locchionegato80 81guestf14e03
 
The Worksite Wellness Revolution
The Worksite Wellness RevolutionThe Worksite Wellness Revolution
The Worksite Wellness RevolutionDarren White
 
ISO 9001:2015
ISO 9001:2015 ISO 9001:2015
ISO 9001:2015 Danilo Tic
 
Poslovni modeli
Poslovni modeliPoslovni modeli
Poslovni modeliDanilo Tic
 
Wellness Vendor Slideshow
Wellness Vendor SlideshowWellness Vendor Slideshow
Wellness Vendor SlideshowDarren White
 
Inovativni poslovni modeli
Inovativni poslovni modeliInovativni poslovni modeli
Inovativni poslovni modeliDanilo Tic
 
oral presentation
oral presentationoral presentation
oral presentationguest1439bd
 
Assessment Opportunities And Products
Assessment Opportunities And ProductsAssessment Opportunities And Products
Assessment Opportunities And ProductsJTS Advisors
 
Presentation on igst model
Presentation on igst modelPresentation on igst model
Presentation on igst modelPSPCL
 
Gst impact study-icai
Gst impact study-icaiGst impact study-icai
Gst impact study-icaiPSPCL
 

En vedette (19)

Grammar1
Grammar1Grammar1
Grammar1
 
Three vital elements of story for speakers. Your Story Matters. Don't Waste it
Three vital elements of story for speakers.  Your Story Matters.  Don't Waste itThree vital elements of story for speakers.  Your Story Matters.  Don't Waste it
Three vital elements of story for speakers. Your Story Matters. Don't Waste it
 
Synapse Keynote
Synapse KeynoteSynapse Keynote
Synapse Keynote
 
Cake
CakeCake
Cake
 
Do dodane vrednosti s Twitterjem in drugimi socialnimi orodji
Do dodane vrednosti s Twitterjem in drugimi socialnimi orodjiDo dodane vrednosti s Twitterjem in drugimi socialnimi orodji
Do dodane vrednosti s Twitterjem in drugimi socialnimi orodji
 
Spring For Life
Spring For LifeSpring For Life
Spring For Life
 
Integracija poslovnega sistema
Integracija poslovnega sistemaIntegracija poslovnega sistema
Integracija poslovnega sistema
 
Locchionegato80 81
Locchionegato80 81Locchionegato80 81
Locchionegato80 81
 
The Worksite Wellness Revolution
The Worksite Wellness RevolutionThe Worksite Wellness Revolution
The Worksite Wellness Revolution
 
Asaftaniir 1
Asaftaniir 1Asaftaniir 1
Asaftaniir 1
 
ISO 9001:2015
ISO 9001:2015 ISO 9001:2015
ISO 9001:2015
 
Poslovni modeli
Poslovni modeliPoslovni modeli
Poslovni modeli
 
Wellness Vendor Slideshow
Wellness Vendor SlideshowWellness Vendor Slideshow
Wellness Vendor Slideshow
 
Inovativni poslovni modeli
Inovativni poslovni modeliInovativni poslovni modeli
Inovativni poslovni modeli
 
Strategije
StrategijeStrategije
Strategije
 
oral presentation
oral presentationoral presentation
oral presentation
 
Assessment Opportunities And Products
Assessment Opportunities And ProductsAssessment Opportunities And Products
Assessment Opportunities And Products
 
Presentation on igst model
Presentation on igst modelPresentation on igst model
Presentation on igst model
 
Gst impact study-icai
Gst impact study-icaiGst impact study-icai
Gst impact study-icai
 

Similaire à MaquetacióN Css

Similaire à MaquetacióN Css (20)

Páginas web
Páginas webPáginas web
Páginas web
 
Gestión web con éxito
Gestión web con éxitoGestión web con éxito
Gestión web con éxito
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Html5 y otras yerbas
Html5 y otras yerbasHtml5 y otras yerbas
Html5 y otras yerbas
 
Desarrolladores Havana2007 Bir
Desarrolladores Havana2007 BirDesarrolladores Havana2007 Bir
Desarrolladores Havana2007 Bir
 
Conceptos sobre la web
Conceptos sobre la webConceptos sobre la web
Conceptos sobre la web
 
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Introducción a HTML5 para todos los públicos (UTAD, june 2013)
Introducción a HTML5 para todos los públicos (UTAD, june 2013)
 
1-HTML EXPO.pdf
1-HTML EXPO.pdf1-HTML EXPO.pdf
1-HTML EXPO.pdf
 
Presentación HTML5
Presentación HTML5Presentación HTML5
Presentación HTML5
 
Presentación de Portal Mayores
Presentación de Portal MayoresPresentación de Portal Mayores
Presentación de Portal Mayores
 
Curso HTML 5 - Módulo 1
Curso HTML 5 - Módulo 1Curso HTML 5 - Módulo 1
Curso HTML 5 - Módulo 1
 
Cms
CmsCms
Cms
 
Diseño web moderno desde cero
Diseño web moderno desde ceroDiseño web moderno desde cero
Diseño web moderno desde cero
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Sazonando la web con HTML5
Sazonando la web con HTML5 Sazonando la web con HTML5
Sazonando la web con HTML5
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Motores de busqueda y web
Motores de busqueda y webMotores de busqueda y web
Motores de busqueda y web
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 

Dernier

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOluismii249
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOBRIGIDATELLOLEONARDO
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 

Dernier (20)

2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 

MaquetacióN Css

  • 2.
  • 3. +
  • 4.
  • 5.
  • 6.
  • 7.  
  • 8.
  • 9.
  • 10.
  • 11.  
  • 12.  
  • 13.
  • 14.
  • 16.
  • 17. Código html+javascript <ul> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Inicio</a></li> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Quienes Somos</a></li> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Contacto</a></li> <li onmouseover=“this.style.background=‘url(pub/imgs/img1.jpg)’” onmouseout=“this.style.background=‘url(pub/imgs/img0.jpg)’” ><a href=“#”>Clientes</a></li> </ul>
  • 18.
  • 19.