HTML5 - Nivel I Conceptos de etiquetado web

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.