SlideShare uma empresa Scribd logo
1 de 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]

Mais conteúdo relacionado

Mais procurados

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
 

Mais procurados (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
 

Destaque

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
 

Destaque (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
 

Semelhante a MaquetacióN Css

Semelhante a 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
 

Último

ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
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
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
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
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 

Último (20)

ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
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
 
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
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
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...
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 

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.