Curso Ejemplo práctico CSS3 y HTML5. Formularios de login y registro |MEGA|

Formularios de login y registro. Ejemplo práctico CSS3 y HTML5

Formularios de login y registro con CSS3 y HTML5. Aprende a crear un wizard

En este curso vas a ver cómo trabajar en un proceso de registro y login en una web a partir de un diseño ya creado. Mediante etiquetas HTML5 y CSS3 aprenderás a dar vida a un proceso real paso a paso, respetando el diseño base y dando funcionalidad al sitio. Verás cómo trabajar de forma ordenada, estructurando los archivos correctamente y cómo dotar de interactividad a un proceso de registro y login completo.

Maquetación de un documento HTML a través de sus etiquetas

Teniendo en cuenta las etiquetas de un documento HTML, seremos capaces de crear el HTML correspondiente a nuestro diseño y de visualizarlo en un navegador web. Veremos cuál es la estructura correcta de formación del mismo.

Planteamiento en papel del diseño que usaremos en HTML 04:50
Creación de etiquetas HTML partiendo del diseño en papel 06:06
Customización de elementos del formulario mediante HTML 04:00
Generación de la plantilla que mejor se adapte al diseño 01:52
Validación del código HTML mediante los estándares de W3C 01:26

Implementación de las CSS en el proceso de registro

Vamos a crear los archivos CSS correspondientes a nuestro diseño mediante el uso de las propiedades existentes en un CSS. Una vez tengamos los tengamos creados y hayamos comprobado que su estructura semántica es correcta, los visualizaremos en un navegador web.

Estilos predeterminados por el sistema para la creación de HTML 05:03
Estilizar los elementos usados en las CSS del documento 14:03
Creación y customización de formularios hechos con CSS 05:13
Adición de animaciones y transiciones a nuestro diseño 01:24

Cómo crear archivos CSS correctamente estructurados

Teniendo en cuenta las propiedades y características avanzadas existentes en un CSS, seremos capaces de crear archivos CSS completamente estructurados y dotados de elementos para dar estilo a nuestro documento HTML y que sea lo más fiel a nuestro diseño. Además lo visualizaremos en un navegador web.