Del curso: HTML5 y CSS3 práctico: Formularios de login y registro

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.400 cursos impartidos por expertos del sector.

Generación de la plantilla que mejor se adapte al diseño

Generación de la plantilla que mejor se adapte al diseño - Tutorial de CSS

Del curso: HTML5 y CSS3 práctico: Formularios de login y registro

Generación de la plantilla que mejor se adapte al diseño

En este vídeo vamos a ver cómo generar el tercer paso de registro que tenemos en pantalla. Lo primero que haremos será sacar la estructura HTML en base al diseño. Por un lado, tenemos una cabecera con un logo. Nos vamos a nuestro editor de código. Tenemos una cabecera y su logo. Después tenemos una barra de navegación. Aquí la tenemos. Y nuestras opciones. Siguiendo el tercer paso, vamos a dar la posibilidad de que tanto el primer paso como el segundo sean enlazables, por si queremos modificar algo. Y para terminar tenemos un texto con un título, y un párrafo con un "copy". Y por último, en este caso, esto sería un enlace y no un botón, porque no estamos enviando ningún tipo de datos de formulario. Así que vamos a crear un enlace. Ahí está. Y, como podéis ver, esta página creada en menos de diez líneas aproximadamente. Hemos generado el HTML de nuestra pantalla semánticamente correcto. Esto sería lo que tendríamos que hacer a la hora de que nos planteen un diseño nuevo.

Contenido