HTML5 -‐ Nivel I Conceptos de e;quetado web Marlon Ceballos -‐ @adobexpert
Adobe Community Professional / Adobe Cer;fied Instructor
CERTIFIED INSTRUCTOR Adobe Consulting Adobe Consulting
www.xpert.co
Design Master - Web Master
CERTIFIED INSTRUCTOR
CERTIFIED INSTRUCTOR
Design Master / Web Master
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Adobe
Consulting
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Conceptos básicos
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Qué es HTML? • • • •
Hypertext Markup Language Basado en SGML No es un lenguaje de programación Fácil de aprender
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Qué es HTML?
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
HTML y CSS
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Historia • • • • • •
HTML 2.0 (1995) HTML 3.0 (1996) HTML 3.2 (1997) HTML 4.0 (1999) XHTML (2000) HTML5 (2007)
Candidato a recomendación (Agosto 6 2013) www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Tags & Containers
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Imรกgenes
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Formatos de imágenes • jpg • gif • png.
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Formato jpg • • • •
Reproduce millones de colores Imágenes con detalles fotográficos Compresión vs calidad No soporta animación ni transparencias.
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Formato gif • • • •
Reproduce hasta 256 colores Imágenes con colores planos Soporte parcial de transparencias Soporta animación.
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Formato png • Reproduce millones de colores • Mejor soporte de transparencias.
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Formato SVG
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Formato svg • Formato vectorial • Se puede escalar sin perder calidad • Diseños responsive.
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Conceptos de CSS
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
CSS • Cascade Style Sheets • Lenguaje de hojas de es;los desarrollado para controlar la presentación de un documento que con;ene lenguaje de marcado.
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
HTML y CSS
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Hoja de esOlo (stylesheet) • Colección es;los que pueden ser usados en una o varias páginas de un si;o web.
main.css www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Regla CSS • Colección de atributos de formato que se pueden aplicar a un elemento de una página web.
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Selectores • • • •
Element selectors (Tag selectors) Class selectors ID selectors Descended selectors (Compound selectors).
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR
Gracias
www.xpert.co Adobe
Consulting
CERTIFIED INSTRUCTOR