Temario
Objetivos del Curso:
Que el estudiante obtenga las herramientas y conocimiento básicos necesarios para poder crear un sitio Web con markup validado para HTML5, además de obtener las bases para su contínuo aprendizaje en esta nueva y cambiando área de diseño
Temario
HTML5
Introducción
¿,Qué es HTML?
HTML Tags
Elementos HTML
Estructura de una página HTML
Versiones de HTML
Declaración
Editores
Dreamweaver
TextMate
Eclipse
Aptana
Note Pad
Elementos
¿,Qué es un elemento?
Sintaxis
Elementos anidados
Elementos vacíos
Atributos
¿,Qué es un atributo?
Sintaxis
Tipos de atributos
Recordando HTML (Headings, Paragraphs, Formatting, Links, Images, Tables, Lists, etc.)
HTML Head
CSS
Aplicar estilos con CSS
Good practices
Inline styles
CSS interno
CSS externo
Bloques
Elementos en bloque
Elementos inline
Layouts
vs
¿,Cómo hacer layouts?
Elementos HTML5
Canvas
Media
Elementos semánticos
Elementos ya no existentes en HMTL5
¿,Qué es canvas?
Soporte en navegadores
Crea un canvas
Dibuja con javascript
Coordenadas del canvas
Paths, text, gradients, images (javascript)
Drag & Drop
Formatos y soporte en navegadores
Métodos y propiedades
Video tags
Formatos y soporte en navegadores
Audio tags
Input types
Atributos para formas
Elementos semánticos
CSS
Introducción
¿,Qué es CSS?
Sintaxis
Recordando CSS
Bordes
Esquinas redondeadas
Box Shadow
Border image
Backgrounds
Background size
Background origin
Múltiples backgrounds
Efectos en Textos
Text Shadow
Word Wrapping
Propiedades de texto nuevas
Fuentes
Usa la fuente que quieras
Google Fonts
Font Descriptors
2D Transforms
Translate
Rotate
Scale
Skew
Matrix
Métodos de transformación 2D resumidos
3D Transforms
Rotate X & Y
Propiedades de transformación
Métodos de transformación 3D resumidos
Transiciones
¿,Cómo funciona?
Cambios múltiples
Propiedades de transformación
Animaciones
¿,Cómo animar?
¿,Cómo funcionan las animaciones?
Propiedades de animación
Boilerplate y otras herramientas útiles
¿,Qué es el boilerplate?
Modernizer
Otros front-end templates y frameworks
Validación de Markup por W3C