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 - 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.
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
Planteamiento en papel del diseño que usaremos en HTML4 min 49 s
-
(Bloqueado)
Creación de etiquetas HTML partiendo del diseño en papel6 min 5 s
-
(Bloqueado)
Customización de elementos del formulario mediante HTML4 min
-
(Bloqueado)
Generación de la plantilla que mejor se adapte al diseño1 min 51 s
-
(Bloqueado)
Validación del código HTML mediante los estándares de W3C1 min 26 s
-
-
-