Menú

Html5 + Css del centro Be Geek

Programa de Html5 + Css

Modalidad: Presencial
Duración 20
Localización: Nuevo León

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
Contacta ahora con el centro

Junglebox S.L. (Responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información requeridas y el envío de comunicaciones promocionales sobre formación, derivadas de tu consentimiento. Podrás ejercer tus derechos de acceso, supresión rectificación, limitación, portabilidad y otros derechos, según lo indicado en nuestra P. de Privacidad​